.agri-vx { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Noto Sans'; }
.agri-vx-filters { display: grid; grid-template-columns: repeat( auto-fit, minmax(160px, 1fr) ); gap: 8px; margin-bottom: 10px; }
.agri-vx-filters input, .agri-vx-filters select, .agri-vx-filters button { padding: 6px 8px; border: 1px solid #e5e7eb; border-radius: 6px; }
.agri-vx-filters .agri-vx-range { display: grid; grid-template-columns: auto 1fr 1fr; gap: 6px; align-items: center; }
.agri-vx-filters .agri-vx-check { display: flex; align-items: center; gap: 6px; }

.agri-vx-results { display: grid; grid-template-columns: repeat( auto-fit, minmax(240px, 1fr) ); gap: 10px; }
.agri-vx-card { border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px; position: relative; display: flex; flex-direction: column; gap: 6px; }
.agri-vx-card img { width: 100%; height: 140px; object-fit: cover; border-radius: 6px; }
.agri-vx-title { font-weight: 600; }
.agri-vx-badge { position: absolute; top: 8px; left: 8px; background: #f59e0b; color: #fff; font-size: 12px; padding: 2px 6px; border-radius: 999px; }
.agri-vx-card.agri-vx-pick .agri-vx-badge { display: block; }
.agri-vx-meta, .agri-vx-stats { color: #6b7280; font-size: 0.9em; display: flex; gap: 6px; flex-wrap: wrap; }
.agri-vx-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; }
.agri-vx-actions a { text-decoration: none; border: 1px solid #d1d5db; border-radius: 6px; padding: 4px 8px; background: #f9fafb; }

.agri-vx-pager { display: flex; justify-content: center; margin-top: 10px; }
.agri-vx-more { padding: 8px 12px; border: 1px solid #d1d5db; border-radius: 6px; background: #f9fafb; }

.agri-vx-comparebar { position: sticky; bottom: 12px; display: inline-flex; gap: 8px; align-items: center; background: #111827; color: #fff; padding: 8px 12px; border-radius: 999px; margin-top: 10px; }
.agri-vx-comparebar button { background: #fff; color: #111; border: none; padding: 6px 10px; border-radius: 6px; cursor: pointer; }

.agri-vx-comparemodal { position: fixed; inset: 0; background: rgba(17,24,39,0.6); display: none; align-items: center; justify-content: center; z-index: 9999; }
.agri-vx-compareinner { background: #fff; width: min(1000px, 96vw); max-height: 90vh; overflow: auto; border-radius: 8px; padding: 10px; position: relative; }
.agri-vx-compareinner .agri-vx-close { position: absolute; right: 10px; top: 10px; border: none; background: #f3f4f6; border-radius: 999px; width: 28px; height: 28px; cursor: pointer; }
.agri-vx-comparecontent table { width: 100%; border-collapse: collapse; }
.agri-vx-comparecontent th, .agri-vx-comparecontent td { border-top: 1px solid #e5e7eb; padding: 8px; vertical-align: top; text-align: left; }
.agri-vx-compareactions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }
.agri-vx-download { text-decoration: none; border: 1px solid #d1d5db; border-radius: 6px; padding: 6px 10px; background: #f9fafb; }

.agri-vx-muted { color: #6b7280; font-size: 0.9em; }
.widget .agri-vx { overflow-x: auto; }