/* Grocery Select — 2026 theme layer. Loads AFTER style.css and premium.css; delete this file to roll back. */
:root{
  --display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --forest:#0F3324;--forest-light:#1B5E20;--emerald-900:#081F16;
  --gold:#E2A912;--gold-bright:#F6C945;--gold-deep:#9A6F05;
  --cream:#F7F5EC;--ivory-2:#EEF1E4;--paper:#FFFEF9;
}
body{font-family:var(--body);font-size:17px;line-height:1.65;background:#F7F5EC;font-feature-settings:"ss01"}
h1,h2,h3,h4,.px-chip b,.stat-num,.tier-price{font-family:var(--display);font-weight:700;letter-spacing:-.025em}
h1{font-weight:800}
.px-hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1.02;letter-spacing:-.035em}
.px-hero{background:radial-gradient(55% 70% at 88% 0,#1B5E20 0,transparent 62%),radial-gradient(40% 50% at 0 100%,rgba(242,184,7,.16) 0,transparent 70%),linear-gradient(180deg,#0F3324,#081F16)}
.px-hero::before{background:repeating-linear-gradient(115deg,rgba(242,184,7,.14) 0 1px,transparent 1px 22px)}
.px-frame::before{border-color:var(--gold)}
.btn-gold,.nav-cta{background:linear-gradient(180deg,#F6C945,#E2A912);color:#1A1405;font-weight:700;border:0}
.btn-gold:hover,.nav-cta:hover{background:linear-gradient(180deg,#FBD55F,#EDB420)}
.px-stat b{font-family:var(--display);font-weight:800;color:var(--forest)}
.px-card,.field-row{border-radius:18px}
.eyebrow-line{background:var(--gold);height:4px;width:44px;border-radius:4px}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}