/* Supper Club by The Green Ridge Club — site styles (brand tokens from the design system) */
:root{
  --ridge-900:#263325; --ridge-700:#364435; --fairway-500:#667A61; --sage-200:#DCE3D3;
  --linen-50:#F7F2E8; --white:#FFFFFF; --oat-200:#E6DAC3; --ember-600:#B5482A; --ember-700:#9A3C22;
  --butter-400:#E3A83F; --ink:#1F241E; --stone-600:#5E635B;
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --space-2:8px; --space-4:16px; --space-6:24px; --space-12:48px;
  --radius-sm:6px; --radius-md:14px; --radius-pill:999px;
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--linen-50);color:var(--ink);font:400 16px/26px var(--font-sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ridge-700)}
a:hover{color:var(--ember-600)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--ridge-700);margin:0 0 .4em;letter-spacing:-.01em}
h1{font-size:clamp(34px,6vw,56px);line-height:1.07}
h2{font-size:clamp(26px,4vw,38px);line-height:1.15}
h3{font-size:20px;line-height:26px}
p{margin:0 0 1em}
.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--space-4)}
@media(min-width:760px){.container{padding:0 32px}}
.eyebrow{font:600 13px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--fairway-500);margin-bottom:10px;display:block}
.muted{color:var(--stone-600)}
.small{font-size:14px;line-height:20px}
.tabnum{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--fairway-500);outline-offset:2px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-pill);font:600 16px/20px var(--font-sans);padding:14px 26px;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s;min-height:48px}
.btn:active{transform:translateY(1px)}
.btn-order{background:var(--ember-600);color:#fff}
.btn-order:hover{background:var(--ember-700);color:#fff}
.btn-green{background:var(--ridge-700);color:#fff}
.btn-green:hover{background:var(--ridge-900);color:#fff}
.btn-ghost{background:transparent;color:var(--ridge-700);box-shadow:inset 0 0 0 1.5px var(--ridge-700)}
.btn-ghost:hover{background:var(--ridge-700);color:#fff}
.btn-sm{padding:9px 16px;font-size:14px;min-height:38px}
.btn-block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}

/* Announcement + header */
.topbar{background:var(--ridge-900);color:var(--linen-50);font-size:14px;line-height:20px;text-align:center;padding:9px 16px}
.topbar strong{color:var(--butter-400);font-weight:600}
.site-header{position:sticky;top:0;z-index:40;background:var(--linen-50);border-bottom:1px solid var(--oat-200)}
.header-inner{display:flex;align-items:center;gap:16px;height:76px}
.logo img{height:54px;width:auto}
.nav{display:none;gap:4px;margin-left:auto}
.nav a{font-weight:600;font-size:15px;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:var(--radius-pill)}
.nav a:hover,.nav a[aria-current=page]{background:var(--sage-200);color:var(--ridge-700)}
.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}
.cart-btn{position:relative;background:var(--ember-600);color:#fff;border:0;border-radius:var(--radius-pill);height:44px;padding:0 16px 0 14px;display:flex;align-items:center;gap:8px;font:600 15px var(--font-sans);cursor:pointer}
.cart-btn:hover{background:var(--ember-700)}
.cart-count{background:#fff;color:var(--ember-600);min-width:22px;height:22px;border-radius:11px;font-size:13px;line-height:22px;text-align:center;padding:0 6px}
.menu-toggle{background:none;border:0;padding:10px;cursor:pointer;color:var(--ridge-700)}
@media(min-width:1080px){.nav{display:flex}.header-actions{margin-left:16px}.menu-toggle{display:none}.logo img{height:64px}}
.mobile-nav{display:none;border-top:1px solid var(--oat-200);padding:8px 16px 16px}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:12px 4px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--oat-200)}
@media(min-width:1080px){.mobile-nav{display:none!important}}

/* Sections */
section{padding:56px 0}
@media(min-width:760px){section{padding:88px 0}}
.band-sage{background:var(--sage-200)}
.band-dark{background:var(--ridge-900);color:var(--linen-50)}
.band-dark h2,.band-dark h3{color:var(--linen-50)}
.band-dark .muted{color:#C9CFC3}
.band-white{background:var(--white)}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.section-head p{max-width:560px;margin:0}

/* Hero */
.hero{padding:40px 0 56px}
.hero-grid{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.hero{padding:64px 0 88px}.hero-grid{grid-template-columns:1.05fr 1fr;gap:56px}}
.hero h1 em{font-style:italic;font-weight:400;color:var(--fairway-500)}
.hero-lede{font-size:18px;line-height:28px;color:var(--stone-600);max-width:520px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 20px}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0;font-size:14px;color:var(--stone-600)}
.hero-facts li{display:flex;align-items:center;gap:6px}
.hero-facts svg{color:var(--fairway-500);flex:none}
.hero-mosaic{position:relative;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/0.92}
.hero-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}
.hero-mosaic .big{grid-row:1/3}
.hero-tag{position:absolute;left:-8px;bottom:18px;background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;line-height:20px}
.hero-tag strong{display:block;font:600 18px/24px var(--font-display);color:var(--ridge-700)}

/* Chips & badges */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid var(--oat-200);background:var(--white);color:var(--ink);border-radius:var(--radius-pill);padding:7px 14px;font:600 14px/18px var(--font-sans);cursor:pointer}
.chip[aria-pressed=true],.chip.active{background:var(--ridge-700);border-color:var(--ridge-700);color:#fff}
.badge{display:inline-block;font:600 12px/16px var(--font-sans);padding:3px 8px;border-radius:var(--radius-sm);background:var(--sage-200);color:var(--ridge-700)}
.badge-butter{background:var(--butter-400);color:var(--ink)}

/* Product cards */
.grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:760px) and (max-width:1099px){.grid-5>:last-child:nth-child(3n+2){grid-column:span 1}}
.card{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}
.card-media{position:relative;display:block;aspect-ratio:1/1;background:var(--sage-200)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .card-media img{transform:scale(1.03)}
.card-badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;white-space:nowrap}
.card-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
@media(min-width:760px){.card-body{padding:16px 18px 18px}}
.card-title{font:600 17px/22px var(--font-display);color:var(--ink);text-decoration:none}
@media(min-width:760px){.card-title{font-size:20px;line-height:26px}}
.card-title:hover{color:var(--ridge-700)}
.card-macros{font-size:13px;line-height:18px;color:var(--stone-600);font-variant-numeric:tabular-nums}
.card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.price{font:600 18px/24px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--ink)}
.add-btn{background:var(--ember-600);color:#fff;border:0;border-radius:var(--radius-pill);height:40px;padding:0 16px;font:600 14px var(--font-sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.add-btn:hover{background:var(--ember-700)}
.stepper{display:inline-flex;align-items:center;background:var(--ridge-700);color:#fff;border-radius:var(--radius-pill);height:40px}
.stepper button{background:none;border:0;color:#fff;width:38px;height:40px;font-size:20px;line-height:1;cursor:pointer;border-radius:var(--radius-pill)}
.stepper button:hover{background:var(--ridge-900)}
.stepper span{min-width:22px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.stepper.light{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--oat-200)}
.stepper.light button{color:var(--ridge-700)}
.stepper.light button:hover{background:var(--sage-200)}

/* Logistics & tiers */
.split{display:grid;gap:20px}
@media(min-width:760px){.split{grid-template-columns:1fr 1fr;gap:24px}}
.panel{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);padding:24px}
.panel h3{margin-bottom:6px}
.slot-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.slot-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--linen-50);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}
.tiers{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.tiers{grid-template-columns:repeat(4,1fr)}}
.tier{background:var(--white);border-radius:var(--radius-md);padding:20px;text-align:left;border:1px solid var(--oat-200)}
.tier .pct{font:600 40px/1 var(--font-display);color:var(--ridge-700);display:block;margin-bottom:6px}
.tier .range{font-weight:600}
.tier.best{background:var(--ridge-700);color:#fff;border-color:var(--ridge-700)}
.tier.best .pct{color:var(--butter-400)}

/* Steps */
.steps{display:grid;gap:28px;counter-reset:step}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{counter-increment:step}
.step::before{content:counter(step);display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--ridge-700);color:#fff;font:600 18px/40px var(--font-display);justify-content:center;margin-bottom:14px}

/* Comparison */
.compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);overflow:hidden;font-size:15px}
.compare th,.compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--oat-200);vertical-align:top}
.compare tr:last-child td{border-bottom:0}
.compare thead th{font:600 13px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--stone-600);background:var(--linen-50)}
.compare .us{background:var(--sage-200);font-weight:600;color:var(--ridge-700)}
@media(max-width:640px){.compare{font-size:13px}.compare th,.compare td{padding:10px}}

/* Story */
.story{display:grid;gap:32px;align-items:center}
@media(min-width:860px){.story{grid-template-columns:1fr 1fr;gap:64px}}
.story img{border-radius:var(--radius-md);width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}

/* FAQ */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--oat-200);padding:4px 0}
.faq summary{list-style:none;cursor:pointer;padding:16px 36px 16px 0;font:600 18px/26px var(--font-display);color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px/1 var(--font-sans);color:var(--fairway-500)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--stone-600);margin:0 0 16px}

/* Product page */
.crumbs{font-size:14px;color:var(--stone-600);padding:20px 0 0}
.crumbs a{color:var(--stone-600)}
.pdp{display:grid;gap:28px;padding:20px 0 48px}
@media(min-width:900px){.pdp{grid-template-columns:1.05fr 1fr;gap:56px;padding:28px 0 72px}}
.pdp-media img{border-radius:var(--radius-md);width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
@media(min-width:900px){.pdp-media{position:sticky;top:96px;align-self:start}}
.pdp h1{font-size:clamp(30px,4.4vw,44px)}
.pdp .price-row{display:flex;align-items:baseline;gap:12px;margin:6px 0 14px}
.pdp .price-row .price{font-size:26px}
.macro-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}
.macro-strip div{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-sm);padding:10px 8px;text-align:center}
.macro-strip b{display:block;font:600 22px/26px var(--font-display);color:var(--ridge-700);font-variant-numeric:tabular-nums}
.macro-strip span{font-size:12px;color:var(--stone-600)}
.addon{display:flex;align-items:center;gap:12px;background:var(--white);border:1.5px solid var(--oat-200);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;margin:0 0 16px}
.addon input{width:20px;height:20px;accent-color:var(--ridge-700)}
.addon:has(input:checked){border-color:var(--ridge-700);background:var(--sage-200)}
.buy-row{display:flex;gap:12px;align-items:center;margin:8px 0 12px}
.buy-row .btn{flex:1}
.buy-row .stepper{height:52px}.buy-row .stepper button{height:52px;width:46px}
.nutrition{background:var(--sage-200);border-radius:var(--radius-md);padding:24px;margin-top:28px}
.nutrition h2{font-size:26px;margin-bottom:2px}
.nut-cal{display:flex;align-items:baseline;justify-content:space-between;border-bottom:6px solid var(--ridge-700);padding:12px 0 8px;margin-bottom:6px}
.nut-cal b{font:600 44px/1 var(--font-display);color:var(--ridge-700);font-variant-numeric:tabular-nums}
.bars{display:grid;gap:12px;margin:16px 0 18px}
.bar-row{display:grid;grid-template-columns:72px 1fr 56px;gap:10px;align-items:center;font-size:14px;font-variant-numeric:tabular-nums}
.bar{height:10px;background:#C9D3C0;border-radius:5px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:5px;background:var(--ridge-700)}
.bar.carb i{background:var(--fairway-500)}
.bar.fat i{background:var(--butter-400)}
.nut-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.nut-table td{padding:8px 0;border-top:1px solid #C3CDBA}
.nut-table td:last-child{text-align:right;font-weight:600}
.nut-table .sub td:first-child{padding-left:16px;color:var(--stone-600)}
.ingredients{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ingredients span{background:var(--white);border-radius:var(--radius-pill);padding:5px 12px;font-size:14px}
.allergens{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.allergens span{border:1.5px solid var(--ridge-700);color:var(--ridge-700);border-radius:var(--radius-pill);padding:4px 12px;font-weight:600;font-size:13px}
.info-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.info-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.info-list svg{flex:none;color:var(--fairway-500);margin-top:3px}

/* Cart drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(31,36,30,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,100%);background:var(--linen-50);z-index:61;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}
body.cart-open .drawer{transform:none}
body.cart-open .drawer-backdrop{opacity:1;pointer-events:auto}
body.cart-open{overflow:hidden}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--oat-200)}
.drawer-head h2{font-size:24px;margin:0}
.icon-btn{background:none;border:0;padding:8px;cursor:pointer;color:var(--ink);border-radius:50%}
.icon-btn:hover{background:var(--sage-200)}
.drawer-body{flex:1;overflow:auto;padding:16px 20px}
.drawer-foot{border-top:1px solid var(--oat-200);padding:16px 20px 20px;background:var(--white)}
.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--white);border:1.5px solid var(--oat-200);border-radius:var(--radius-pill);padding:4px;margin-bottom:14px}
.mode-toggle button{border:0;background:none;border-radius:var(--radius-pill);padding:9px 8px;font:600 14px/18px var(--font-sans);cursor:pointer;color:var(--ink)}
.mode-toggle button[aria-pressed=true]{background:var(--ridge-700);color:#fff}
.tier-meter{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px;font-size:14px;line-height:20px}
.tier-track{height:8px;background:var(--sage-200);border-radius:4px;margin-top:8px;overflow:hidden}
.tier-track i{display:block;height:100%;background:var(--butter-400);border-radius:4px;transition:width .3s}
.line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--oat-200)}
.line img{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover}
.line-name{font-weight:600;font-size:15px;line-height:20px}
.line-meta{font-size:13px;color:var(--stone-600)}
.line .stepper{height:34px}.line .stepper button{height:34px;width:32px;font-size:17px}
.totals{display:grid;gap:4px;font-size:15px;font-variant-numeric:tabular-nums;margin-bottom:14px}
.totals div{display:flex;justify-content:space-between}
.totals .save{color:var(--fairway-500);font-weight:600}
.totals .grand{font-weight:600;font-size:18px;padding-top:6px;border-top:1px solid var(--oat-200);margin-top:4px}
.notice{font-size:13px;line-height:18px;color:var(--ember-700);margin:0 0 10px}
.empty{text-align:center;padding:48px 8px;color:var(--stone-600)}
.empty h3{color:var(--ink)}

/* Builder (subscribe) */
.builder{display:grid;gap:28px;padding:24px 0 72px}
@media(min-width:980px){.builder{grid-template-columns:1fr 360px;gap:40px}}
.build-step{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}
@media(min-width:760px){.build-step{padding:28px}}
.build-step h2{font-size:26px;display:flex;gap:12px;align-items:center}
.build-step h2 .n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ridge-700);color:#fff;font:600 16px/34px var(--font-display);text-align:center}
.pick-list{display:grid;gap:10px;margin-top:16px}
.pick{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--oat-200);border-radius:var(--radius-md)}
.pick img{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover}
.pick .nm{font:600 16px/22px var(--font-display)}
.choice-grid{display:grid;gap:10px;margin-top:14px}
@media(min-width:620px){.choice-grid{grid-template-columns:repeat(2,1fr)}}
.choice{display:block;border:1.5px solid var(--oat-200);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;background:var(--white)}
.choice input{accent-color:var(--ridge-700);margin-right:8px}
.choice:has(input:checked){border-color:var(--ridge-700);background:var(--sage-200)}
.choice b{font-weight:600}
.choice small{display:block;color:var(--stone-600);margin:4px 0 0 26px}
.summary{position:sticky;top:96px;align-self:start}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-weight:600;font-size:14px}
.field input,.field select,.field textarea{font:16px/22px var(--font-sans);padding:12px 14px;border:1.5px solid var(--oat-200);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ridge-700);outline:none}

/* Catering */
.cat-group{margin-bottom:40px}
.cat-list{display:grid;gap:0;background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);overflow:hidden}
@media(min-width:760px){.cat-list{grid-template-columns:1fr 1fr}}
.cat-item{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--oat-200)}
.cat-item h3{font-size:18px;line-height:24px;margin:0;color:var(--ink)}
.cat-item p{font-size:14px;line-height:20px;color:var(--stone-600);margin:4px 0 0}
.cat-item .price{white-space:nowrap}

/* Page hero (inner pages) */
.page-hero{padding:48px 0 32px}
.page-hero p{font-size:18px;line-height:28px;color:var(--stone-600);max-width:640px}
.prose{max-width:760px}
.prose h2{font-size:26px;margin-top:1.4em}
.prose h3{font-size:20px;margin-top:1.2em}
.prose ul{padding-left:20px}

/* Footer */
.site-footer{background:var(--ridge-900);color:#D5DACF;padding:56px 0 28px;font-size:15px}
.site-footer a{color:var(--linen-50);text-decoration:none}
.site-footer a:hover{color:var(--butter-400)}
.foot-grid{display:grid;gap:32px}
@media(min-width:860px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.foot-grid h4{font:600 13px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--butter-400);margin-bottom:14px}
.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot-logo{height:64px;width:auto;margin-bottom:14px}
.legal{border-top:1px solid #3A4838;margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;color:#AEB5A8}

/* Sticky mobile order bar */
.mobile-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:none}
.mobile-bar .btn{width:100%}
@media(max-width:759px){.mobile-bar.show{display:block}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);width:max-content;max-width:min(420px,calc(100% - 24px));display:flex;gap:6px;align-items:center;background:var(--ridge-900);color:var(--linen-50);padding:10px 16px;border-radius:var(--radius-sm);font:400 14px/20px var(--font-sans);opacity:0;transition:opacity .2s,transform .2s;z-index:70;pointer-events:none}
.toast b{font-weight:600;color:var(--butter-400);flex:none}
.toast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:759px){.toast{bottom:84px}}

/* ===== v2: green hero, plate, feature cards, flow, savings band ===== */
.hero2{background:var(--ridge-700);color:var(--linen-50);position:relative;overflow:hidden;padding:48px 0 72px}
.hero2::before{content:"";position:absolute;right:-12%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:var(--ridge-900)}
.hero2 .container{position:relative}
.hero2 h1{color:var(--linen-50)}
.hero2 h1 em{color:var(--butter-400);font-style:italic;font-weight:400}
.hero2 .hero-lede{color:#D7DDD1}
.hero2 .hero-facts{color:#D7DDD1}.hero2 .hero-facts svg{color:var(--butter-400)}
.pill-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--ridge-900);color:var(--linen-50);border-radius:var(--radius-pill);padding:6px 14px 6px 8px;font:600 13px/16px var(--font-sans);margin-bottom:18px}
.pill-eyebrow i{width:20px;height:20px;border-radius:50%;background:var(--butter-400);display:inline-block}
.btn-light{background:var(--linen-50);color:var(--ridge-700)}
.btn-light:hover{background:var(--white);color:var(--ridge-900)}
.plate-wrap{position:relative;max-width:520px;margin:0 auto;width:100%}
.plate{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:10px solid var(--linen-50)}
.float{position:absolute;background:var(--white);color:var(--ink);border-radius:var(--radius-md);border:1px solid var(--oat-200);padding:10px 14px;font-size:13px;line-height:18px}
.float b{font:600 15px/20px var(--font-display);color:var(--ridge-700);display:block}
.float-dish{left:-4%;bottom:6%;display:flex;gap:10px;align-items:center;padding:10px}
.float-dish img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.float-dish .price{font-size:16px;color:var(--ember-600)}
.float-chef{right:-2%;top:12%;display:flex;gap:10px;align-items:center}
.float-chef span.av{width:36px;height:36px;border-radius:50%;background:var(--sage-200);display:grid;place-items:center;color:var(--ridge-700)}
.float-clock{left:6%;top:4%;width:58px;height:58px;border-radius:16px;background:var(--butter-400);display:grid;place-items:center;color:var(--ink);transform:rotate(-10deg);padding:0}
.dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ember-600)}
@media(max-width:899px){.float-chef{right:0;top:2%}.float-dish{left:0}.plate-wrap{max-width:400px;margin-top:8px}}

.facts-strip{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--oat-200);display:grid;grid-template-columns:repeat(2,1fr);margin-top:-40px;position:relative;z-index:2}
@media(min-width:760px){.facts-strip{grid-template-columns:repeat(4,1fr)}}
.facts-strip div{padding:20px;text-align:center;border-right:1px solid var(--oat-200)}
.facts-strip div:last-child{border-right:0}
.facts-strip b{display:block;font:600 28px/1.1 var(--font-display);color:var(--ridge-700)}
.facts-strip span{font-size:13px;color:var(--stone-600)}

.center-head{text-align:center;max-width:640px;margin:0 auto 32px}
.script{font:italic 400 20px/1 var(--font-display);color:var(--fairway-500);display:block;margin-bottom:8px}
.features{display:grid;gap:18px}
@media(min-width:760px){.features{grid-template-columns:repeat(3,1fr);align-items:center}}
.feature{background:var(--white);border:1px solid var(--oat-200);border-radius:var(--radius-md);padding:28px 24px}
.feature .ic{width:56px;height:56px;border-radius:16px;background:var(--sage-200);color:var(--ridge-700);display:grid;place-items:center;margin-bottom:18px}
.feature.raised{background:var(--ridge-700);color:#E4E9DF;border-color:var(--ridge-700)}
@media(min-width:760px){.feature.raised{padding:40px 28px}}
.feature.raised h3{color:#fff}.feature.raised .ic{background:var(--butter-400);color:var(--ink)}
.feature p{margin:0;font-size:15px;line-height:23px}

.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.card-macro{position:absolute;left:8px;bottom:8px;background:var(--ridge-900);color:#fff;border-radius:var(--radius-sm);padding:3px 8px;font:600 12px/16px var(--font-sans);font-variant-numeric:tabular-nums}

.chef-sec{display:grid;gap:36px;align-items:center}
@media(min-width:860px){.chef-sec{grid-template-columns:1fr 1fr;gap:72px}}
.ring{position:relative;max-width:440px;margin:0 auto}
.ring img{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:12px solid var(--white);box-shadow:0 0 0 3px var(--ridge-700)}
.ring::after{content:none}
.mini-facts{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;font-weight:600;font-size:15px}
.mini-facts span{display:flex;gap:8px;align-items:center}.mini-facts svg{color:var(--ember-600)}

.flow{display:grid;gap:28px;position:relative}
@media(min-width:860px){.flow{grid-template-columns:repeat(3,1fr);gap:40px}.flow::before{content:"";position:absolute;left:16%;right:16%;top:44px;border-top:2px dashed var(--oat-200)}}
.flow-step{text-align:center;position:relative}
.flow-step .ic{width:88px;height:88px;border-radius:50%;background:var(--white);border:2px solid var(--oat-200);display:grid;place-items:center;margin:0 auto 16px;color:var(--ridge-700);position:relative;z-index:1}
.flow-step .tag{display:inline-block;font:600 12px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ember-600);margin-bottom:6px}
.flow-step p{color:var(--stone-600);max-width:300px;margin:0 auto}

.save-band{background:var(--ridge-900);color:#D5DACF;border-radius:32px 32px 0 0}
.save-band h2{color:var(--linen-50)}
.tier2{background:var(--ridge-700);border:1px solid var(--ridge-700);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:6px;position:relative}
.tier2 .lbl{font:600 11px/14px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:#AEB5A8}
.tier2 b{font:600 24px/1.2 var(--font-display);color:var(--linen-50)}
.tier2 .pct2{color:var(--butter-400);font-weight:600}
.tier2 .btn{margin-top:10px;background:var(--linen-50);color:var(--ridge-700)}
.tier2 .btn:hover{background:#fff}
.tier2.best{background:var(--linen-50);border-color:var(--linen-50);color:var(--stone-600)}
.tier2.best b{color:var(--ridge-700)}.tier2.best .pct2{color:var(--ember-600)}.tier2.best .lbl{color:var(--ember-600)}
.tier2.best .btn{background:var(--ember-600);color:#fff}
.tiers2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:860px){.tiers2{grid-template-columns:repeat(4,1fr)}}

.box-cta{background:var(--sage-200);border-radius:24px;padding:32px;display:grid;gap:28px;align-items:center}
@media(min-width:860px){.box-cta{grid-template-columns:1.1fr 1fr;padding:48px 56px}}
.mock{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--oat-200);padding:18px;max-width:360px;margin:0 auto;width:100%}
.mock h4{font:600 16px/20px var(--font-display);margin:0 0 10px;color:var(--ink)}
.mock-line{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--oat-200);font-size:14px}
.mock-line img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.mock-line span:last-child{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}
.mock .bar-ok{margin:12px 0;background:var(--sage-200);border-radius:4px;height:8px;overflow:hidden}.mock .bar-ok i{display:block;height:100%;width:62%;background:var(--butter-400)}

.faq2{display:grid;gap:28px}
@media(min-width:860px){.faq2{grid-template-columns:.8fr 1.2fr;gap:56px}}
.leaf{position:absolute;color:var(--sage-200);pointer-events:none}

/* inner page heroes go green too */
.page-hero.green{background:var(--ridge-700);box-shadow:0 0 0 100vmax var(--ridge-700);clip-path:inset(0 -100vmax);color:var(--linen-50);padding-top:56px;padding-bottom:48px;margin-bottom:40px}
.page-hero.green h1{color:var(--linen-50)}.page-hero.green p{color:#D7DDD1}.page-hero.green .eyebrow{color:var(--butter-400)}
.page-hero.green .chip{background:var(--ridge-900);border-color:var(--ridge-900);color:var(--linen-50)}
.page-hero.green .chip[aria-pressed=true]{background:var(--linen-50);color:var(--ridge-700);border-color:var(--linen-50)}
.page-hero.green .btn-ghost{background:var(--linen-50);color:var(--ridge-700);box-shadow:none}
.page-hero{padding-left:var(--space-4);padding-right:var(--space-4)}
@media(min-width:760px){.page-hero{padding-left:32px;padding-right:32px}}

/* v3 hero: plain split, real photo */
.hero3{display:grid;background:var(--ridge-700);color:var(--linen-50);padding:0}
@media(min-width:900px){.hero3{grid-template-columns:1fr 1fr;min-height:560px}}
.hero3-text{display:flex;align-items:center;padding:48px var(--space-4) 44px}
@media(min-width:900px){.hero3-text{justify-content:flex-end;padding:72px 56px 72px 32px}}
.hero3-inner{max-width:540px;width:100%}
.hero3-kicker{font:600 14px/20px var(--font-sans);color:var(--butter-400);margin:0 0 16px}
.hero3 h1{color:var(--linen-50);font-size:clamp(34px,4.6vw,54px);line-height:1.08}
.hero3 .hero-lede{color:#D7DDD1}
.hero3-facts{margin:28px 0 0;padding:20px 0 0;border-top:1px solid #4E5E4C;display:grid;gap:12px}
@media(min-width:560px){.hero3-facts{grid-template-columns:repeat(3,1fr);gap:20px}}
.hero3-facts dt{font:600 13px/18px var(--font-sans);color:var(--linen-50)}
.hero3-facts dd{margin:2px 0 0;font-size:14px;line-height:20px;color:#C9D0C3}
.hero3-photo{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--ridge-700)}
.hero3-photo a{display:block;overflow:hidden;aspect-ratio:1}
.hero3-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.hero3-photo{grid-template-rows:1fr 1fr}.hero3-photo a{aspect-ratio:auto}}

/* v4 hero: editorial */
.hero4{background:var(--ridge-900);color:var(--linen-50);padding:56px 0 64px}
@media(min-width:960px){.hero4{padding:88px 0 96px}}
.hero4-grid{display:grid;gap:40px;grid-template-areas:"copy" "photo" "week"}
@media(min-width:960px){.hero4-grid{grid-template-columns:1.05fr 1fr;grid-template-areas:"copy photo" "week photo";column-gap:80px;row-gap:48px;align-items:start}}
.hero4-copy{grid-area:copy}
.hero4-photo{grid-area:photo;margin:0}
.hero4-week{grid-area:week}
.hero4-kicker{display:flex;align-items:center;gap:14px;font:600 12px/16px var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--butter-400);margin:0 0 28px}
.hero4-kicker span{width:40px;height:1px;background:var(--butter-400)}
.hero4 h1{color:var(--linen-50);font-weight:400;font-size:clamp(38px,5.4vw,68px);line-height:1.04;letter-spacing:-.02em;margin-bottom:24px}
.hero4-lede{font-size:18px;line-height:29px;color:#C9D0C3;max-width:500px;margin-bottom:8px}
.hero4-link{color:var(--linen-50);font-weight:600;text-decoration:none;border-bottom:1px solid #6B7A68;padding-bottom:2px;align-self:center}
.hero4-link:hover{color:var(--butter-400);border-color:var(--butter-400)}
.hero4-photo a{display:block;position:relative}
.hero4-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.hero4-photo a::after{content:"";position:absolute;inset:14px;border:1px solid rgb(247 242 232);opacity:1;pointer-events:none;mix-blend-mode:normal}
.hero4-photo figcaption{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin-top:14px;font-size:14px;line-height:20px;color:#AEB6A9}
.hero4-photo figcaption span{font:italic 400 17px/22px var(--font-display);color:var(--linen-50)}
.hero4-photo figcaption em{font-style:normal;margin-left:auto;color:var(--linen-50);font-weight:600}
.hero4-week{border-top:1px solid #3E4D3C}
.hero4-week-head{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 6px;font:600 12px/16px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6A9}
.hero4-week-head a{color:var(--linen-50);letter-spacing:0;text-transform:none;font-size:14px}
.hero4-row{display:grid;grid-template-columns:56px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #3E4D3C}
.hero4-row img{width:56px;height:56px;object-fit:cover}
.hero4-row a{color:var(--linen-50);text-decoration:none;font:400 17px/22px var(--font-display);display:block}
.hero4-row a:hover{color:var(--butter-400)}
.hero4-row small{color:#9FA89A;font-size:13px}
.hero4-price{font-weight:600;font-variant-numeric:tabular-nums}
.hero4-row .add-btn{height:36px;padding:0 14px;font-size:13px}
.hero4-row .stepper{height:36px}.hero4-row .stepper button{height:36px;width:32px}
@media(max-width:520px){.hero4-row{grid-template-columns:48px 1fr auto;}.hero4-row img{width:48px;height:48px}.hero4-price{display:none}}

/* v5 hero: light, photo-led */
.hero5{position:relative;background:var(--linen-50);padding:0;overflow:hidden}
.hero5-inner{position:relative;min-height:540px;display:flex;align-items:center}
@media(min-width:960px){.hero5-inner{min-height:600px}}
.hero5-copy{max-width:520px;padding:48px 0 40px;position:relative;z-index:1}
.hero5-kicker{display:flex;gap:10px;font:600 13px/16px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--fairway-500);margin:0 0 18px}
.hero5 h1{color:var(--ridge-700);font-size:clamp(38px,5vw,62px);line-height:1.06;letter-spacing:-.015em;margin-bottom:20px}
.hero5-lede{font-size:18px;line-height:29px;color:var(--stone-600);max-width:460px}
.hero5-link{color:var(--ridge-700);font-weight:600;align-self:center;text-underline-offset:4px}
.hero5-photo{position:relative}
.hero5-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:960px){
 .hero5-photo{position:absolute;top:0;right:0;bottom:0;width:52%}
 .hero5-photo::before{content:"";position:absolute;inset:0 auto 0 0;width:22%;background:linear-gradient(90deg,var(--linen-50),rgba(247,242,232,0));z-index:1}
}
@media(max-width:959px){.hero5{display:flex;flex-direction:column-reverse}.hero5-photo{aspect-ratio:4/3}.hero5-inner{min-height:0}}
.trust{background:var(--white);border-top:1px solid var(--oat-200);border-bottom:1px solid var(--oat-200)}
.trust-row{display:grid;grid-template-columns:repeat(2,1fr)}
@media(min-width:860px){.trust-row{grid-template-columns:repeat(4,1fr)}}
.trust-row>div{display:flex;gap:14px;align-items:center;padding:22px 16px;color:var(--ridge-700)}
@media(min-width:860px){.trust-row>div{justify-content:center;border-right:1px solid var(--oat-200)}.trust-row>div:last-child{border-right:0}}
.trust-row span{font-size:13px;line-height:18px;color:var(--stone-600)}
.trust-row b{display:block;font:600 15px/20px var(--font-sans);color:var(--ink)}
.cats-sec{padding:56px 0 24px}
@media(min-width:760px){.cats-sec{padding:80px 0 24px}}
.cats{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.cats{grid-template-columns:repeat(5,1fr);gap:16px}}
.cat{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:var(--ink);padding:14px 14px 16px}
.cat img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.cat span{font-weight:600;font-size:15px;margin-top:12px;display:flex;justify-content:space-between}
.cat:hover span{color:var(--ember-600)}
.cat-0{background:var(--sage-200)}.cat-1{background:#F3E2BE}.cat-2{background:#E9E4D3}.cat-3{background:#DDE6DE}.cat-4{background:#F1DFD6}

/* Scroll effects */
.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js-reveal .reveal.in{opacity:1;transform:none}
.header-inner,.logo img{transition:height .25s ease}
.site-header.scrolled{border-bottom-color:var(--oat-200)}
.site-header.scrolled .header-inner{height:62px}
.site-header.scrolled .logo img{height:44px}
@media(min-width:1080px){.site-header.scrolled .logo img{height:50px}}
.hero5-photo img{transition:transform .2s linear;will-change:transform}
@media(prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none;transition:none}.header-inner,.logo img{transition:none}}

/* Filter chips: one swipeable row on phones */
@media(max-width:759px){
 .chips[data-filters]{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:2px var(--space-4) 4px;justify-content:flex-start;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-4)}
 .chips[data-filters]::-webkit-scrollbar{display:none}
 .chips[data-filters] .chip{flex:none;padding:7px 13px;font-size:13px;line-height:16px;scroll-snap-align:start}
 .page-hero.green{padding-top:32px;padding-bottom:24px;margin-bottom:24px}
 .page-hero.green h1{font-size:32px;margin-bottom:8px}
 .page-hero.green p{font-size:16px;line-height:24px;margin-bottom:16px}
 .page-hero.green .eyebrow{margin-bottom:6px}
}
.nut-h{font:600 13px/16px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ridge-700);margin:22px 0 8px}
.ingr-text{font-size:15px;line-height:24px;color:var(--ink);margin:0}
.allergens span{padding:3px 10px;font-size:12px}

/* Phone polish: hero + top bar */
.tb-short,.show-sm{display:none}
@media(max-width:759px){
 .tb-long,.hide-sm{display:none}
 .tb-short,.show-sm{display:inline}
 .topbar{padding:7px 12px;font-size:13px}
}
@media(max-width:959px){
 .hero5{flex-direction:column}
 .hero5-photo{aspect-ratio:auto;height:min(40vh,320px)}
 .hero5-copy{padding:24px 0 28px}
 .hero5-kicker{font-size:11px;letter-spacing:.1em;margin-bottom:10px}
 .hero5 h1{font-size:clamp(30px,8.4vw,40px);line-height:1.08;margin-bottom:10px}
 .hero5-lede{font-size:16px;line-height:24px;margin-bottom:0}
 .hero5 .hero-ctas{flex-wrap:nowrap;align-items:center;gap:16px;margin:18px 0 0}
 .hero5 .hero-ctas .btn{padding:12px 22px;min-height:46px;font-size:15px}
 .hero5-link{font-size:15px;white-space:nowrap}
}

/* v6 hero: rounded photo card with stats (EatFit-style) */
.hero6{background:var(--linen-50);padding:20px 0 40px}
@media(min-width:960px){.hero6{padding:56px 0 72px}}
.hero6-grid{display:grid;gap:28px}
@media(min-width:960px){.hero6-grid{grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.hero6-card{order:2}.hero6-copy{order:1}}
.hero6-card{position:relative;border-radius:24px;overflow:hidden;background:var(--ridge-900)}
.hero6-strip{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:4px;aspect-ratio:5/4}
@media(min-width:960px){.hero6-strip{aspect-ratio:1/1}}
.hero6-strip a{display:block;overflow:hidden}
.hero6-strip img{width:100%;height:100%;object-fit:cover}
.hero6-badge{position:absolute;top:14px;right:14px;background:var(--ridge-900);color:var(--linen-50);border-radius:14px;padding:9px 14px;font-size:13px;line-height:17px;max-width:62%}
.hero6-badge b{display:block;color:var(--butter-400);font:600 16px/20px var(--font-display)}
.hero6-stats{position:absolute;left:14px;bottom:14px;right:14px;max-width:420px;background:var(--white);border-radius:18px;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;padding:14px 18px;gap:12px}
.hero6-stats b{display:block;font:600 26px/1.05 var(--font-display);color:var(--ridge-700);font-variant-numeric:tabular-nums}
.hero6-stats span{font-size:12px;line-height:16px;color:var(--stone-600)}
.hero6-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--oat-200);background:var(--white);border-radius:var(--radius-pill);padding:7px 14px;font:600 13px/16px var(--font-sans);color:var(--ridge-700);margin-bottom:18px}
.hero6-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ember-600)}
.hero6 h1{color:var(--ridge-700);font-size:clamp(38px,9vw,64px);line-height:1.02;letter-spacing:-.02em;margin-bottom:16px}
.hero6-lede{font-size:17px;line-height:27px;color:var(--stone-600);max-width:480px;margin-bottom:22px}
.hero6-ctas{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:559px){.hero6-ctas .btn{flex:1 1 100%}.hero6-stats b{font-size:22px}.hero6-stats{padding:12px 14px}}
.hero6-photo{display:block;aspect-ratio:5/4}
@media(min-width:960px){.hero6-photo{aspect-ratio:1/1}}
.hero6-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero6-stats{max-width:340px}
@media(max-width:559px){.hero6-badge{top:10px;right:10px;padding:7px 11px;font-size:12px;line-height:15px;border-radius:12px}.hero6-badge b{font-size:14px;line-height:18px}}

/* Header icons (EatFit-style) */
.header-actions{gap:2px}
.hicon{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--ink);border-radius:50%;cursor:pointer;padding:0}
.hicon:hover{background:var(--sage-200);color:var(--ridge-700)}
.hicon-cart .cart-count{position:absolute;right:0;top:2px;min-width:20px;height:20px;line-height:20px;font-size:11px;font-weight:600;padding:0 5px;border-radius:10px;background:var(--ember-600);color:#fff;text-align:center}
.hicon-cart .cart-count[data-zero=true]{display:none}
.menu-toggle{padding:0}
.search-panel{border-top:1px solid var(--oat-200);background:var(--linen-50);padding:14px 0 16px}
.search-panel input{width:100%;font:16px/22px var(--font-sans);padding:13px 16px;border:1.5px solid var(--oat-200);border-radius:var(--radius-pill);background:var(--white);color:var(--ink)}
.search-panel input:focus{outline:none;border-color:var(--ridge-700)}
.search-results{display:grid;gap:2px;margin-top:10px;max-height:60vh;overflow:auto}
@media(min-width:760px){.search-results{grid-template-columns:1fr 1fr;column-gap:16px}}
.sr-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink)}
.sr-item:hover{background:var(--sage-200);color:var(--ink)}
.sr-item img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.sr-item span{font:600 15px/20px var(--font-display)}
.sr-item b{font-weight:600;font-size:14px}