/* ============================================================
   WiO SmartFoods · REDESIGN · Reviews page (Direction A)
   Page-specific atoms only. Shares rd-base.css (tokens, header,
   announce, .rd-rcard, .rd-guarantee, buttons, stars) and
   rd-foot2.css (the canonical wf2 footer). Namespace: rv-
   (grep-verified collision-free against rd-base/rd-foot2).
   Discipline: cream ground, white cards, rust identity,
   green-ink CTA only, burgundy = seal band only, 2px gold rules,
   NO decorative shadows, Source Serif 4 + Source Sans 3.
   ============================================================ */

/* ---------- Breadcrumbs (matches category) ---------- */
.rv-crumbs{background:var(--cream);border-bottom:1px solid var(--rule)}
.rv-crumbs ol{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px;font-family:var(--sans);font-size:13px;color:var(--meta)}
.rv-crumbs a{color:var(--meta)}
.rv-crumbs a:hover{color:var(--rust)}
.rv-crumbs .sep{color:var(--rule)}
.rv-crumbs [aria-current=page]{color:var(--ink);font-weight:600}

/* ============================================================
   AGGREGATE HERO (cream, editorial, locked figures only)
   ============================================================ */
.rv-hero{background:var(--cream);border-bottom:2px solid var(--gold)}
.rv-hero-in{max-width:960px;margin:0 auto;padding:clamp(40px,6vw,72px) var(--pad);text-align:center}
.rv-hero .eyebrow{margin-bottom:16px}
.rv-hero h1{font-family:var(--serif);font-size:clamp(32px,5vw,50px);line-height:1.06;letter-spacing:-.015em;margin:0 0 14px}
.rv-hero h1 em{font-style:italic;color:var(--rust)}
.rv-hero .rv-lede{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink-2);max-width:56ch;margin:0 auto}

.rv-agg{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,40px);flex-wrap:wrap;margin:clamp(28px,4vw,40px) 0 0}
.rv-agg-score{display:flex;align-items:center;gap:16px}
.rv-big{font-family:var(--serif);font-weight:700;font-size:clamp(52px,8vw,72px);line-height:.9;color:var(--ink);letter-spacing:-.02em}
.rv-agg-stars{text-align:left}
.rv-agg-stars .stars{font-size:22px;display:block}
.rv-agg-stars .lbl{font-family:var(--sans);font-size:15px;color:var(--ink-2);display:block;margin-top:4px}
.rv-agg-stars .lbl b{color:var(--ink);font-weight:700}
.rv-agg-div{width:1px;align-self:stretch;background:var(--rule)}
.rv-agg-facts{display:flex;gap:clamp(16px,3vw,32px);flex-wrap:wrap;justify-content:center}
.rv-fact{text-align:center}
.rv-fact b{display:block;font-family:var(--serif);font-weight:700;font-size:22px;color:var(--rust);line-height:1}
.rv-fact span{display:block;font-family:var(--sans);font-size:13px;color:var(--meta);margin-top:5px;letter-spacing:.02em}
.rv-verified{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--green-ink)}
.rv-verified svg{width:16px;height:16px}

/* ============================================================
   FILTER + SORT TOOLBAR (chips WRAP on mobile — no x-scroll)
   ============================================================ */
.rv-toolbar{background:var(--card);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}
.rv-toolbar-in{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;padding:14px 0}
.rv-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rv-fk{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--meta);margin-right:2px}
.rv-chip{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink-2);background:var(--cream);border:1.5px solid var(--rule);border-radius:999px;padding:9px 16px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;transition:border-color .16s var(--ease),color .16s var(--ease),background .16s var(--ease)}
.rv-chip:hover{border-color:var(--gold)}
.rv-chip[aria-pressed=true]{background:var(--rust);border-color:var(--rust);color:#fff}
.rv-spacer{flex:1 1 auto}
.rv-sort{display:flex;align-items:center;gap:9px}
.rv-sort label{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--meta)}
.rv-sortwrap{position:relative;display:inline-flex;align-items:center}
.rv-sortwrap select{appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);background:var(--card);border:1.5px solid var(--rule);border-radius:999px;padding:10px 38px 10px 16px;min-height:44px;cursor:pointer}
.rv-sortwrap .chev{position:absolute;right:14px;pointer-events:none;color:var(--ink-2)}

/* ============================================================
   REVIEW GRID (reuses .rd-rcard from rd-base.css)
   ============================================================ */
.rv-shop{background:var(--cream);padding:clamp(32px,5vw,56px) 0 clamp(40px,6vw,72px)}
.rv-resbar{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-family:var(--sans);font-size:14px;color:var(--ink-2)}
.rv-resbar b{color:var(--ink)}
.rv-resbar .promo{color:var(--rust);font-weight:600}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:start}
.rv-grid .rd-rcard[hidden]{display:none}
.rv-rdate{font-family:var(--sans);font-size:12px;color:var(--meta);font-variant-numeric:tabular-nums}
.rv-more{display:flex;justify-content:center;margin-top:36px}
.rv-empty{grid-column:1/-1;text-align:center;font-family:var(--sans);color:var(--meta);padding:40px 0}

@media(max-width:520px){
  .rv-grid{grid-template-columns:1fr}
  .rv-agg{flex-direction:column;gap:24px}
  .rv-agg-div{display:none}
}