/* LUTERA — 1:1 Metabolae clone (all values measured from live site 2026-07-13) */
:root{
  --accent:#C2A159;            /* banner / prices rgb(196,114,69) */
  --accent-btn:#D3B984;        /* ATC rgb(196,122,69) */
  --title:#2B2B2B;             /* headings */
  --ink:#2E2A39;               /* tier titles rgb(46,42,57) */
  --text:rgba(43,43,43,.75);   /* body rgba(43,43,43,.75) */
  --body:rgba(18,18,18,.75);
  --peach:#FBF3DC;             /* selected tier rgb(255,244,238) */
  --peach-soft:#FAF4E2;        /* section bg */
  --gray:#F3F3F3;
  --dark:#242833;              /* footer */
  --white:#fff; --line:rgba(43,43,43,.08);
  --red:#CC2E2E; --star:#FFB800;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--body);background:var(--white);font-size:15px;line-height:1.6;font-weight:500}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;color:var(--title);line-height:1.3;font-weight:600}
h2{font-size:32px}h3{font-size:19px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.center{text-align:center}
.stars{color:var(--star);letter-spacing:1px;font-size:16px}
.muted{font-size:13px;opacity:.7}

/* ── countdown banner (exact: solid #C47245, white text) ── */
.countdown{background:linear-gradient(90deg,#D3B984,#D3B984);color:#fff;padding:8px 0}
.count-wrapper{max-width:1500px;margin:auto;display:flex;justify-content:center;gap:30px;align-items:center;padding:0 15px}
.left-text{text-align:center}
.left-text h2{margin:0;font-size:24px;text-transform:capitalize;color:#fff;line-height:1;font-weight:600;letter-spacing:1.2px;font-family:'Poppins',sans-serif}
.left-text p{font-size:14px;font-weight:300;line-height:1;margin:5px 0 0;opacity:.9;color:#fff}
.right-timer{display:flex;align-items:center;font-size:20px;font-weight:bold;gap:15px}
.right-timer .unit{display:flex;flex-direction:column;align-items:center}
.right-timer .num{font-size:24px;line-height:1;font-weight:800;opacity:.9;letter-spacing:2px;color:#fff}
.right-timer .lbl{font-size:12px;line-height:1;font-weight:300;color:#fff}

/* ── header ── */
header.site{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:'Playfair Display',serif;font-size:36px;color:#1E1E1E;font-weight:700;letter-spacing:-.5px}
nav.main{display:flex;gap:28px;font-size:14px;font-weight:500;color:var(--title)}
nav.main a:hover{color:var(--accent)}
.header-icons{display:flex;gap:16px;font-size:14px;font-weight:500;color:var(--title)}

/* ── marquee ticker ── */
.ticker{background:var(--peach-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:9px 0}
.ticker-track{display:inline-block;animation:tick 28s linear infinite}
.ticker span{font-size:13px;font-weight:600;color:var(--title);margin:0 28px}
.ticker .dot{color:var(--accent)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── PDP ── */
.pdp{display:grid;grid-template-columns:1.55fr 1fr;gap:44px;padding:32px 0 64px;align-items:start}
.gallery .main-img{border-radius:12px;overflow:hidden;background:var(--gray);position:relative}
.gallery .main-img img{width:100%;height:auto}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.thumbs .t{aspect-ratio:1/1;border-radius:8px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:var(--gray)}
.thumbs .t.active{border-color:var(--accent)}
.thumbs .t img{width:100%;height:100%;object-fit:cover}

/* buy box — measured spec */
.buybox{max-width:560px}
.rating-bar{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:500;color:var(--text);margin-bottom:10px}
.rating-bar .stars{font-size:15px}
.buybox h1{font-family:'Poppins',sans-serif;font-size:33px;font-weight:700;line-height:1.25;padding-bottom:10px;background:linear-gradient(120deg,#46301F 25%,#C2A159 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sales-points{margin-bottom:12px}
.sales-points li{list-style:none;font-size:15.5px;line-height:2.1;padding-left:30px;position:relative;color:#2B2B2B;font-weight:500}
.sales-points li:before{content:"✓";position:absolute;left:0;top:7px;width:19px;height:19px;border-radius:50%;background:var(--accent-btn);color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center}
.bsw{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.bsw .now{font-family:'Poppins',sans-serif;font-size:26px;font-weight:700;color:var(--accent)}
.bsw .was{font-size:16px;text-decoration:line-through;opacity:.45}
.bsw .sale-badge{background:var(--accent-btn);color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:99px}
.lowstock{color:var(--accent);font-weight:600;font-size:15px;margin:14px 0 16px;display:flex;align-items:center;gap:14px;justify-content:center}
.lowstock:before,.lowstock:after{content:"";flex:1;height:1px;background:rgba(194,161,89,.5)}
.lowstock .pulse{width:9px;height:9px;border-radius:50%;background:var(--red);animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* kaching-style tiers — exact measured values */
.tiers .tier{border-radius:10px;box-shadow:inset 0 0 0 1px rgba(43,43,43,.16);padding:14px 18px;margin-bottom:15px;cursor:pointer;position:relative;display:flex;align-items:center;gap:15px;background:var(--white);min-height:88px}
.tiers .tier.selected{background:var(--peach);box-shadow:inset 0 0 0 2px var(--accent)}
.tier .radio{display:none}
.tier.selected .radio{border-color:var(--accent)}
.tier.selected .radio:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--accent)}
.tier .thumb{width:64px;height:64px;flex:0 0 64px;border-radius:6px;overflow:hidden;background:transparent}
.tier .thumb img{width:100%;height:100%;object-fit:cover}
.tier .mid{flex:1}
.tier .t-title{font-size:17.5px;font-weight:500;color:#2E2A39;font-family:'Plus Jakarta Sans',sans-serif}
.tier .t-sub{font-size:14px;font-weight:500;color:var(--accent)}
.tier .t-perk{font-size:12.5px;font-weight:500;color:var(--text)}
.tier .pricing{text-align:right}
.tier .pricing .p{font-size:18px;font-weight:600;color:var(--accent);font-family:'Plus Jakarta Sans',sans-serif}
.tier .pricing .w{font-size:13px;font-weight:400;color:#9a9a9a;text-decoration:line-through}
.tier .flag{position:absolute;top:-10px;right:12px;left:auto;background:var(--accent-btn);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 13px;border-radius:99px}
.tier .flag.alt{background:var(--accent-btn)}
.subrow{border:1.5px dashed var(--accent-btn);border-radius:10px;padding:14px 16px;margin:4px 0 16px;display:flex;gap:12px;align-items:center;text-align:left;font-size:12.5px}
.subrow input{width:19px;height:19px;accent-color:var(--accent-btn);flex:0 0 19px}
.subrow b{color:var(--accent);display:block;font-size:15px;font-weight:600}

/* ATC — exact: 47px, #C47A45, 7px radius, 15/700 */
.btn-atc{width:100%;min-height:58px;background:var(--accent-btn);border:2px solid var(--accent-btn);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.15s;padding:9px 16px}
.btn-atc .l1{font-size:16px;font-weight:700;display:flex;gap:9px;align-items:baseline}
.btn-atc .l2{font-size:11.5px;font-weight:400;opacity:.9}
.btn-atc:hover{filter:brightness(.95)}
.btn-atc .was{font-weight:400;text-decoration:line-through;opacity:.7;font-size:13px}
.guarantee-inline{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:500;color:var(--text);margin-top:12px}
.guarantee-inline .shield{color:var(--accent)}
.chosen{font-size:14px;text-align:center;margin-top:14px}
.chosen b{color:var(--title)}
.stock-story{font-size:15px;margin-top:18px;line-height:1.65}
.stock-story b{color:var(--title)}
.bonusrow{background:var(--peach-soft);border:1.5px dashed var(--accent);border-radius:8px;padding:11px 14px;font-size:13.5px;font-weight:600;color:var(--title);margin:14px 0 0}

/* accordions — hairline top borders */
.accs{margin-top:22px}
.accs details{border-top:1px solid var(--line);padding:15px 2px}
.accs details:last-child{border-bottom:1px solid var(--line)}
.accs summary{font-weight:600;color:var(--title);cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:15px}
.accs summary:after{content:"+";color:var(--accent);font-size:20px}
.accs details[open] summary:after{content:"–"}
.accs p{margin-top:10px;font-size:14.5px}

/* trust grid */
.trustgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.trustgrid div{background:var(--peach-soft);border-radius:8px;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--title);display:flex;gap:8px;align-items:center}
.trustgrid div:before{content:"✔";color:var(--accent);font-weight:800}
.nofillers{text-align:center;margin-top:10px;font-weight:700;color:var(--title);font-size:14px}

/* sticky ATC (kaching style: white bar) */
.sticky-atc{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(18,18,18,.1);padding:10px 0;z-index:70;transform:translateY(110%);transition:.25s}
.sticky-atc.show{transform:none}
.sticky-atc .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sticky-atc .info{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--title);font-size:14px}
.sticky-atc .info img{width:44px;height:44px;border-radius:6px;object-fit:cover}
.sticky-atc .btn-atc{width:auto;padding:0 28px}

/* ── sections ── */
section{padding:52px 0}
section.tint{background:var(--peach-soft)}
.section-kicker{letter-spacing:.14em;font-weight:700;font-size:13px;color:var(--accent);text-transform:uppercase;margin-bottom:10px}
.section-sub{max-width:640px;margin:12px auto 40px}

/* hero */
.hero{background:var(--white);padding:64px 0}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.hero .kicker{font-weight:600;color:var(--title);margin:10px 0 6px;font-size:14px}
.hero h1{font-size:44px;font-weight:600;margin:8px 0 16px}
.hero p.sub{font-size:16px;max-width:520px;margin-bottom:26px}
.btn{display:inline-block;background:var(--accent-btn);color:#fff;font-weight:700;font-size:15px;padding:15px 34px;border-radius:7px;border:none;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif}
.btn:hover{filter:brightness(.95)}
.guarantee-line{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:var(--title)}
.guarantee-line .shield{color:var(--accent)}
.img-slot{border-radius:12px;overflow:hidden}
.img-slot img{width:100%;height:auto}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.tcard h3{font-size:16.5px;margin:10px 0 8px}
.tcard p{font-size:14.5px}
.tcard .who{margin-top:14px;font-weight:700;color:var(--title);font-size:14px}
.tcard .verified{font-size:11px;letter-spacing:.1em;color:var(--accent);font-weight:700}
.tcard img.rphoto{border-radius:8px;margin-bottom:14px}

/* 3 reasons */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.reason{background:var(--peach-soft);border-radius:12px;padding:28px}
.reason .num{font-family:'Poppins',sans-serif;font-size:42px;font-weight:700;color:var(--accent);opacity:.9}
.reason h3{margin:10px 0}
.reason p{font-size:15px}

/* timeline */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.tl-phase{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.tl-phase .wk{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
.tl-phase h3{margin:8px 0 14px;font-size:17px}
.tl-phase li{list-style:none;font-size:14px;margin-bottom:10px;padding-left:24px;position:relative}
.tl-phase li:before{content:"✔";color:var(--accent);position:absolute;left:0;font-weight:800}

/* guarantee banner */
.gbanner{background:var(--peach-soft);border-radius:20px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;border:1px solid var(--line)}
.gbanner p{margin:14px 0 24px}
.gbanner .g-img img{border-radius:12px}

/* comparison */
.compare{max-width:820px;margin:40px auto 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);box-shadow:0 4px 18px rgba(18,18,18,.05)}
.compare table{width:100%;border-collapse:collapse}
.compare th,.compare td{padding:14px 20px;text-align:center;font-size:15px;border-bottom:1px solid var(--line)}
.compare td:first-child{text-align:left;font-weight:600;color:var(--title)}
.compare th{background:var(--gray);font-family:'Poppins',sans-serif;color:var(--title);font-size:15px}
.compare th.lut{background:var(--accent);color:#fff}
.compare .yes{color:#2E9E5B;font-weight:800;font-size:18px}
.compare .no{color:var(--red);font-weight:800;font-size:18px}

/* FAQ */
.faq{max-width:760px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line);padding:18px 4px}
.faq summary{font-family:'Poppins',sans-serif;font-weight:600;color:var(--title);font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary:after{content:"+";font-size:24px;color:var(--accent)}
.faq details[open] summary:after{content:"–"}
.faq details p{margin-top:12px;font-size:15px}

/* footer */
footer{background:var(--dark);color:rgba(255,255,255,.75);padding:52px 0 30px;font-size:14px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:36px}
footer h4{color:#fff;margin-bottom:14px;font-size:15px}
footer a{display:block;margin-bottom:9px}
footer a:hover{color:#fff}
footer .logo{color:#fff;margin-bottom:12px}
footer .fine{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:12px;opacity:.6;line-height:1.7}

/* ingredient cards / stats / reviews / tabs / vids */
.ing-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.ing{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.ing h3{font-size:16px;margin-bottom:8px}
.ing p{font-size:13.5px}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.stat{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:28px 20px;text-align:center;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.stat .pct{font-family:'Poppins',sans-serif;font-size:44px;font-weight:800;color:var(--accent)}
.stat p{font-size:14px;margin-top:8px}
.reviews-long{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.tabs{max-width:860px;margin:36px auto 0}
.tab-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tab-btns button{background:var(--gray);border:1px solid var(--line);border-radius:99px;padding:10px 22px;font-weight:700;color:var(--title);cursor:pointer;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif}
.tab-btns button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.tab-panel{display:none;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:32px;margin-top:22px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.tab-panel.active{display:block}
.pullquote{border-left:4px solid var(--accent);padding-left:18px;margin-top:18px;font-style:italic;color:var(--title)}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.vids .ph{aspect-ratio:9/16;max-height:420px}
.ph{background:repeating-linear-gradient(45deg,#faf1ea,#faf1ea 12px,#f4e4d8 12px,#f4e4d8 24px);border:2px dashed var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--title);font-weight:600;font-size:14px;padding:20px;flex-direction:column}
.ph small{display:block;font-weight:400;opacity:.7;margin-top:6px}

@media(max-width:919px){
  .hero .wrap,.pdp,.gbanner{grid-template-columns:1fr}
  .cards,.reasons,.timeline,.ing-cards,.statgrid,.reviews-long,.vids{grid-template-columns:1fr}
  .hero h1{font-size:30px}h2{font-size:24px}
  nav.main{display:none}
  .left-text h2{font-size:15px}
  .left-text p{font-size:10px;margin-top:2px}
  .right-timer .num{font-size:15px}
  .right-timer .lbl{font-size:8px}
}

/* ===== FULL-FIDELITY SECTIONS (measured desktop 1440px, 2026-07-13) ===== */
/* icon marquee — 48px icons on white */
.ticker2{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:8px 0}
.ticker2-track{display:inline-flex;align-items:center;animation:tick 72s linear infinite}
.ticker2 .item{display:inline-flex;align-items:center;gap:12px;margin:0 34px;font-size:15px;font-weight:600;color:var(--title)}
.ticker2 .ico{width:48px;height:48px;border-radius:50%;background:var(--peach-soft);display:inline-flex;align-items:center;justify-content:center;font-size:22px}

/* 4 clinically studied benefits — light gray bg, 246px image cards */
.benefit4{background:#F9FAFB}
.benefit4 .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}
.benefit4 .card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.benefit4 .card .cimg{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;margin-bottom:14px;background:var(--peach-soft)}
.benefit4 .card .cimg img{width:100%;height:100%;object-fit:cover}
.benefit4 .card h3{font-size:16.5px;margin-bottom:8px}
.benefit4 .card p{font-size:13.5px}

/* feel better — icon tiles + big image */
.feel .cols{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin-top:36px}
.feel .tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feel .tile{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.feel .tile .ico{width:80px;height:80px;margin:0 auto 12px;border-radius:50%;background:var(--peach-soft);display:flex;align-items:center;justify-content:center;font-size:36px}
.feel .tile b{color:var(--title);font-size:15px}
.feel .fimg{border-radius:14px;overflow:hidden}
.feel .fimg img{width:100%;height:auto}

/* science accordions — peach bg, 120px images */
.science{background:var(--peach-soft);border-radius:20px;padding:40px}
.science .rows{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}
.science .row{display:flex;gap:18px;align-items:flex-start}
.science .simg{width:120px;height:120px;flex:0 0 120px;border-radius:12px;overflow:hidden;background:var(--white)}
.science .simg img{width:100%;height:100%;object-fit:cover}
.science h3{font-size:24px;font-weight:400;font-family:'Poppins',sans-serif}
.science .sub{font-size:14px;margin:2px 0 8px}
.science details{border-top:1px solid rgba(43,43,43,.12);padding:8px 0 0;margin-top:8px}
.science summary{cursor:pointer;list-style:none;font-weight:600;color:var(--accent);font-size:13px}
.science summary:after{content:" +"}
.science details[open] summary:after{content:" –"}
.science details p{font-size:13.5px;margin-top:8px}

/* badge strip — cinnamon bg 44px, 28px icons */
.badge-strip{background:#D3B984;color:#fff;overflow:hidden;white-space:nowrap;padding:8px 0}
.badge-strip .track{display:inline-flex;align-items:center;animation:tick 22s linear infinite}
.badge-strip .item{display:inline-flex;align-items:center;gap:10px;margin:0 26px;font-size:14px;font-weight:600;color:#fff}
.badge-strip .ico{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);display:inline-flex;align-items:center;justify-content:center;font-size:14px}

/* stat banner — cinnamon bg with image */
.stat-banner{background:#BFA268;border-radius:20px;padding:40px 48px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.stat-banner h2{color:#fff;font-size:30px;margin-bottom:8px}
.stat-banner .kicker{color:rgba(255,255,255,.85);font-size:19px;font-weight:600;margin-bottom:18px}
.stat-banner .srow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stat-banner .s .pct{font-family:'Poppins',sans-serif;font-size:40px;font-weight:800;color:#fff}
.stat-banner .s p{font-size:13.5px;color:rgba(255,255,255,.88);margin-top:4px}
.stat-banner .simg{border-radius:14px;overflow:hidden}
.stat-banner .simg img{width:100%;height:auto}
.stat-banner .fine{grid-column:1/-1;font-size:11.5px;color:rgba(255,255,255,.6);margin-top:6px}

/* ugc photo strip above reviews */
.ugc-strip{display:flex;gap:16px;justify-content:center;flex-wrap:nowrap;overflow:hidden;margin-top:32px}
.ugc-strip .u{width:150px;height:159px;flex:0 0 150px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.ugc-strip .u img{width:100%;height:100%;object-fit:cover}

/* reviews carousel w/ avatars + arrows */
.rev-carousel{position:relative;margin-top:36px}
.rev-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 4px 18px rgba(18,18,18,.05)}
.rev-card .rhead{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rev-card .avatar{width:38px;height:38px;border-radius:50%;background:var(--peach-soft);color:var(--accent);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.rev-card .vbadge{width:16px;height:16px;border-radius:50%;background:#2E9E5B;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}
.rev-card h3{font-size:15px}
.rev-card p{font-size:13.8px}
.rev-nav{display:flex;gap:12px;justify-content:center;margin-top:24px}
.rev-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);font-size:20px;color:var(--title);cursor:pointer}
.rev-nav button:hover{background:var(--peach-soft)}

/* tabs with big image */
.tab-panel.with-img{display:none;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.tab-panel.with-img.active{display:grid}
.tab-panel .timg{border-radius:14px;overflow:hidden;max-width:480px}
.tab-panel .timg img{width:100%;height:auto}

/* heading + padding fixes to measured values */
.compare-section h2{font-size:42px}
.compare-section{padding:80px 0}
.faq-section h2{font-size:39px;text-align:left}
.faq-section .faq{margin:24px 0 0}

/* footer extras: newsletter + payments */
.newsletter{display:flex;gap:10px;margin-top:14px;max-width:340px}
.newsletter input{flex:1;padding:12px 14px;border-radius:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:14px}
.newsletter button{padding:12px 18px;border-radius:7px;border:none;background:var(--accent-btn);color:#fff;font-weight:700;cursor:pointer}
.payments{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.payments span{background:#fff;color:#242833;font-size:11px;font-weight:800;border-radius:4px;padding:4px 9px;letter-spacing:.03em}

@media(max-width:919px){
  .benefit4 .grid,.feel .cols,.science .rows,.stat-banner,.rev-track,.tab-panel.with-img{grid-template-columns:1fr}
  .compare-section h2{font-size:30px}
  .faq-section h2{font-size:28px}
  .ugc-strip .u:nth-child(n+4){display:none}
}

/* video poster cards */
.vcard{position:relative;aspect-ratio:9/16;max-height:420px;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--gray)}
.vcard img{width:100%;height:100%;object-fit:cover}
.vcard .play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);color:#C9962B;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.vcard:hover .play{transform:scale(1.07)}

/* ===== header layout: nav left / logo center / icons right (per reference snip) ===== */
header.site .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;gap:20px}
header.site nav.main{justify-self:start}
header.site .logo{justify-self:center}
header.site .header-icons{justify-self:end;display:flex;gap:18px;align-items:center}
.hicon{width:22px;height:22px;position:relative;color:var(--title);cursor:pointer;display:inline-flex}
.hicon .cartcount{position:absolute;top:-7px;right:-9px;background:var(--accent-btn);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* ===== gold marquee bar under header (white text + small white icons) ===== */
.ticker-gold{background:var(--accent-btn);overflow:hidden;white-space:nowrap;padding:3px 0}
.ticker-gold .track{display:inline-flex;align-items:center;animation:tick 72s linear infinite}
.ticker-gold .item{display:inline-flex;align-items:center;gap:7px;margin:0 48px;font-size:12.5px;font-weight:500;color:#fff;letter-spacing:.01em}
.ticker-gold .wico{width:14px;height:14px;display:inline-flex;color:#fff}

/* ===== chosen-by-thousands with avatar stack ===== */
.chosen2{display:flex;align-items:center;gap:12px;margin-top:16px;background:#F6F6F6;border-radius:10px;padding:9px 13px}
.chosen2 .avs{display:flex;align-items:center;position:relative}
.chosen2 .avs img{width:33px;height:33px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-10px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.chosen2 .avs img:first-child{margin-left:0}
.chosen2 .avs .gcheck{width:16px;height:16px;border-radius:50%;background:#2E9E5B;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-6px;border:2px solid #fff}
.chosen2 .ct b{display:block;color:#1E1E1E;font-size:14.5px;font-weight:700}
.chosen2 .ct span{font-size:13px;color:#555}

/* ===== stock warning: dashed red box (per reference snip) ===== */
.stock-story{background:#FBF1F0;border:1.5px dashed #DFA49B;border-radius:10px;padding:15px 18px;font-size:14px;margin-top:16px;line-height:1.62;color:#9C5A50}
.stock-story .sw-title{color:#C0392B;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:14px}
.stock-story .sw-title .wico{width:17px;height:17px;color:#C0392B;display:inline-flex}
.stock-story b{color:#7A3A30;font-weight:700}

/* payment icons under ATC (per full-page reference) */
.payrow{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.payrow span{border:1px solid rgba(43,43,43,.12);background:#fff;border-radius:5px;font-size:10px;font-weight:800;padding:5px 10px;color:#24303F;letter-spacing:.02em}
.payrow .amexb{background:#1F72CD;color:#fff;border-color:#1F72CD}
.payrow .pp{color:#00457C;font-style:italic}
.payrow .shopb{background:#5A31F4;color:#fff;border-color:#5A31F4}
.payrow .visab{background:#1434CB;color:#fff;border-color:#1434CB;font-style:italic}
.payrow .mcb .c1{color:#EB001B}.payrow .mcb .c2{color:#F79E1B;margin-left:-4px}
.guarantee-inline{margin-top:12px;font-size:13.5px}

.sw-dot{width:17px;height:17px;border-radius:50%;background:#C0392B;color:#fff;font-weight:800;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px}

/* continuously scrolling short-review strip */
.rev-marquee{background:var(--white);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:26px 0}
.rev-marquee .track{display:inline-flex;align-items:flex-start;animation:tick 55s linear infinite}
.rev-marquee:hover .track{animation-play-state:paused}
.rq{display:inline-flex;gap:11px;margin:0 30px;width:330px;white-space:normal;align-items:flex-start;vertical-align:top}
.rq img,.rq .av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px}
.rq .av{background:var(--peach-soft);color:var(--accent);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.rq p{font-size:12.5px;line-height:1.55;color:var(--body);margin:0}
.rq .nm{font-size:11.5px;color:#7a7a7a;margin-top:4px;display:flex;gap:8px;align-items:center}
.rq .nm .st{color:var(--star);font-size:10.5px;letter-spacing:1px}

/* full-width gold band heading (like reference "Feel Better. Every Day.") */
.gold-band{background:var(--accent-btn);color:#fff;text-align:center;padding:30px 20px}
.gold-band h2{color:#fff;font-size:30px;margin-bottom:6px}
.gold-band p{color:rgba(255,255,255,.9);font-size:14px;max-width:640px;margin:0 auto}

/* trust panel — gold gradient card w/ white circle checks (per Brady's render) */
.trustpanel{background:linear-gradient(160deg,#B58A3A 0%,#D9BC7E 45%,#8A6425 100%);border-radius:16px;padding:34px 30px;color:#fff;margin-top:26px}
.trustpanel h3{color:#fff;text-align:center;font-size:22px;line-height:1.3;margin-bottom:22px;font-weight:700}
.trustpanel .tgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.trustpanel .ti{display:flex;gap:12px;align-items:center;font-size:15.5px;font-weight:700;line-height:1.25}
.trustpanel .ck{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#fff;color:#46301F;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}
.trustpanel .nf{text-align:center;margin-top:20px;font-size:15px;font-weight:600;color:rgba(255,255,255,.95)}

/* wider container for the PDP top so the gallery can breathe */
.wrap:has(.pdp){max-width:1320px}

section.benefit4 .wrap{max-width:1320px}
.benefit4 .card{padding:16px}
.benefit4 .card .cimg{margin-bottom:12px}
.benefit4 .card h3{font-size:18px;text-align:center}
.benefit4 .card p{text-align:center;font-size:14px}
.benefit4 h2 .hl{color:var(--accent)}

/* full-bleed gold benefits section (per reference) */
.feel-gold{background:var(--accent-btn);color:#fff;padding:34px 0 38px}
.feel-gold h2{color:#fff;text-align:center;font-size:30px;font-weight:700;letter-spacing:-.3px}
.feel-gold .fsub{color:#fff;text-align:center;font-size:14.5px;margin:8px auto 26px;max-width:620px;line-height:1.55}
.feel-gold .cols{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px}
.feel-gold .tiles{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px}
.feel-gold .tile2{text-align:center}
.feel-gold .tile2 .wico{width:46px;height:46px;margin:0 auto 12px;color:#fff;display:flex}
.feel-gold .tile2 b{font-size:16px;font-weight:700;color:#fff;line-height:1.3;display:block;font-family:'Poppins',sans-serif}
.feel-gold .rings{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}
.feel-gold .rings:before,.feel-gold .rings:after{content:none}
.feel-gold .rings:before{width:480px;height:480px}
.feel-gold .rings:after{width:600px;height:600px}
.feel-gold .rings img{width:270px;position:relative;z-index:2;filter:drop-shadow(0 16px 26px rgba(0,0,0,.25))}
@media(max-width:919px){.feel-gold .cols{grid-template-columns:1fr}.feel-gold .rings{min-height:340px}.feel-gold .rings:after{display:none}}

/* Proven Benefits section — 2x2 flip cards (per reference) */
.proven{background:var(--peach-soft);padding:64px 0}
.proven h2 .hl2{color:var(--accent)}
.proven .psub{max-width:660px;margin:14px auto 40px;font-size:15px}
.proven .psub b{color:var(--title)}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1320px;margin:0 auto;padding:0 24px}
.pcard{perspective:1200px;height:180px;cursor:pointer}
.pinner{position:relative;width:100%;height:100%;transition:transform .55s;transform-style:preserve-3d}
.pcard.flipped .pinner{transform:rotateY(180deg)}
.pface{position:absolute;inset:0;backface-visibility:hidden;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(18,18,18,.05);display:flex;align-items:center;gap:22px;padding:24px 28px}
.pface.back{transform:rotateY(180deg);align-items:center}
.pface .pimg{width:122px;height:122px;flex:0 0 122px;border-radius:10px;overflow:hidden;background:var(--gray)}
.pface .pimg img{width:100%;height:100%;object-fit:cover}
.pface h3{font-size:23px;font-weight:600;margin-bottom:6px}
.pface .psub2{font-size:15px}
.pface .pplus{margin-left:auto;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid rgba(43,43,43,.2);background:var(--white);color:var(--title);font-size:20px;display:flex;align-items:center;justify-content:center;font-weight:400}
.pface.back p{font-size:14.5px;line-height:1.65}
@media(max-width:919px){.pgrid{grid-template-columns:1fr}.pcard{height:200px}.pface h3{font-size:19px}}

/* vertical alternating timeline (per reference) */
.tl-vert{position:relative;max-width:1080px;margin:44px auto 0}
.tl-vert:before{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:2px;background:var(--accent-btn);transform:translateX(-1px)}
.tl-item{display:grid;grid-template-columns:1fr 96px 1fr;margin-bottom:64px;align-items:start}
.tl-item:last-child{margin-bottom:0}
.tl-node{grid-column:2;width:48px;height:48px;border-radius:50%;background:var(--accent-btn);color:#fff;display:flex;align-items:center;justify-content:center;justify-self:center;font-size:19px;font-weight:800;box-shadow:0 0 0 6px var(--white);position:relative;z-index:2}
.tl-side{padding-top:2px}
.tl-side .wk2{font-size:12.5px;letter-spacing:.14em;color:#9a9a9a;text-transform:uppercase;font-weight:600}
.tl-side h3{font-family:'Poppins',sans-serif;font-size:26px;font-weight:600;margin:4px 0 14px}
.tl-side li{list-style:none;position:relative;font-size:15px;margin-bottom:12px;line-height:1.55}
.tl-right2{grid-column:3;padding-left:6px}
.tl-right2 li{padding-left:26px}
.tl-right2 li:before{content:"✓";color:var(--accent);position:absolute;left:0;font-weight:700}
.tl-left2{grid-column:1;text-align:right;padding-right:6px}
.tl-left2 li{padding-right:26px}
.tl-left2 li:after{content:"✓";color:var(--accent);position:absolute;right:0;font-weight:700}
@media(max-width:919px){
  .tl-vert:before{left:24px}
  .tl-item{grid-template-columns:48px 1fr;margin-bottom:44px}
  .tl-node{grid-column:1;grid-row:1;justify-self:start}
  .tl-left2,.tl-right2{grid-column:2;text-align:left;padding:0 0 0 16px}
  .tl-left2 li{padding:0 0 0 26px}
  .tl-left2 li:after{content:none}
  .tl-left2 li:before{content:"✓";color:var(--accent);position:absolute;left:0;font-weight:700}
}

/* scroll-reveal animation */
.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .7s cubic-bezier(.2,.65,.3,1),transform .7s cubic-bezier(.2,.65,.3,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}

/* stat banner v2 — big pouch left, count-up rows right (per reference) */
.stat-banner2{background:var(--accent-btn);padding:34px 0}
.stat-banner2 .cols{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px}
.stat-banner2 .bag{display:flex;justify-content:center}
.stat-banner2 .bag img{width:290px;max-width:100%;filter:drop-shadow(0 16px 26px rgba(0,0,0,.25))}
.stat-banner2 h2{color:#fff;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:14px;letter-spacing:-.3px}
.stat-banner2 .s{display:flex;gap:22px;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.3);padding:15px 0}
.stat-banner2 .s:last-of-type{border-bottom:none}
.stat-banner2 .pct{font-family:'Poppins',sans-serif;font-size:34px;font-weight:800;color:#fff;min-width:84px;line-height:1}
.stat-banner2 .s p{font-size:13.5px;color:#fff;margin:0;line-height:1.45;font-weight:500}
.stat-banner2 .s p b{color:#fff}
.stat-banner2 .fine{font-size:12px;color:rgba(255,255,255,.75);margin-top:14px}
@media(max-width:919px){.stat-banner2 .cols{grid-template-columns:1fr}.stat-banner2 .bag img{width:300px}}

/* ===== 100% polish pass ===== */
html{scroll-behavior:smooth}
::selection{background:var(--accent-btn);color:#fff}

/* live order toast (sales-pop) */
.order-toast{position:fixed;left:18px;bottom:84px;z-index:90;background:var(--white);border-radius:14px;box-shadow:0 10px 34px rgba(20,16,8,.22);display:flex;gap:12px;align-items:center;padding:12px 18px 12px 12px;max-width:340px;transform:translateX(-120%);transition:transform .5s cubic-bezier(.2,.65,.3,1);border:1px solid rgba(43,43,43,.06)}
.order-toast.show{transform:none}
.order-toast img{width:52px;height:52px;object-fit:contain;border-radius:9px;background:var(--peach-soft)}
.order-toast .ot-name{font-weight:700;color:var(--title);font-size:14px}
.order-toast .ot-sub{font-size:12.5px;color:var(--text)}
.order-toast .ot-meta{font-size:11.5px;margin-top:2px}
.order-toast .ot-meta .st{color:var(--star);letter-spacing:1px}
.order-toast .ot-meta .vf{color:#2E9E5B;font-weight:700}
.order-toast .ot-meta .ago{color:#8a8a8a}

/* hover physics */
.tiers .tier{transition:transform .18s ease,box-shadow .18s ease}
.tiers .tier:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(43,43,43,.16),0 8px 22px rgba(20,16,8,.10)}
.tiers .tier.selected:hover{box-shadow:inset 0 0 0 2px var(--accent),0 8px 22px rgba(20,16,8,.10)}
.btn-atc{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.btn-atc:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(211,185,132,.5)}
.btn-atc:active{transform:translateY(1px) scale(.99)}
.btn{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(211,185,132,.5)}
.thumbs .t{transition:transform .15s ease,border-color .15s ease}
.thumbs .t:hover{transform:translateY(-2px);border-color:var(--accent-btn)}
.benefit4 .card,.rev-card,.ing,.tcard{transition:transform .2s ease,box-shadow .2s ease}
.benefit4 .card:hover,.rev-card:hover,.ing:hover,.tcard:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(20,16,8,.10)}
.pcard .pinner{will-change:transform}
.pcard:hover .pface .pplus{background:var(--accent-btn);color:#fff;border-color:var(--accent-btn)}
.pface .pplus{transition:all .2s ease}
.vcard{transition:transform .2s ease,box-shadow .2s ease}
.vcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,16,8,.16)}
.vcard img{transition:transform .5s ease}
.vcard:hover img{transform:scale(1.045)}
.rev-nav button{transition:all .18s ease}
.rev-nav button:hover{background:var(--accent-btn);color:#fff;border-color:var(--accent-btn);transform:scale(1.06)}
.hicon{transition:transform .15s ease,color .15s ease}
.hicon:hover{transform:translateY(-1px);color:var(--accent)}
.faq summary{transition:color .15s ease}
.faq summary:hover{color:var(--accent)}

/* =================== MOBILE MASTERY (<=919px) =================== */
@media(max-width:919px){
  body{font-size:14.5px}
  /* header: burger left, logo center, icons right */
  header.site .wrap{grid-template-columns:44px 1fr 88px;height:54px}
  .burger{display:flex;flex-direction:column;gap:5px;width:26px;cursor:pointer;justify-self:start}
  .burger span{height:2px;background:var(--title);border-radius:2px;transition:.25s}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .logo{font-size:24px}
  .header-icons{gap:12px}
  .hicon{width:20px;height:20px}
  .mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:120;padding:76px 28px;display:none;flex-direction:column;gap:6px}
  .mobile-menu.open{display:flex}
  .mobile-menu a{font-family:'Poppins',sans-serif;font-size:24px;font-weight:600;color:var(--title);padding:12px 0;border-bottom:1px solid var(--line)}
  .mobile-menu .mm-close{position:absolute;top:18px;right:22px;font-size:30px;color:var(--title)}
  .mobile-menu .btn{margin-top:20px;text-align:center}

  /* countdown compact */
  .countdown{padding:6px 0}
  .count-wrapper{gap:16px}
  .left-text h2{font-size:14px;letter-spacing:.8px}
  .left-text p{font-size:9.5px}
  .right-timer{gap:9px}
  .right-timer .num{font-size:16px;letter-spacing:1px}
  .right-timer .lbl{font-size:7.5px}

  /* PDP */
  .pdp{gap:22px;padding:14px 0 40px}
  .buybox{max-width:none}
  .buybox h1{font-size:25px}
  .gallery .main-img{border-radius:10px}
  .thumbs{display:flex;overflow-x:auto;gap:9px;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .thumbs::-webkit-scrollbar{display:none}
  .thumbs .t{flex:0 0 76px;height:76px;scroll-snap-align:start}
  .bsw .now{font-size:24px}
  .tiers .tier{padding:11px 13px;gap:11px;min-height:76px}
  .tier .thumb{width:52px;height:52px;flex:0 0 52px}
  .tier .t-title{font-size:15px}
  .tier .pricing .p{font-size:16px}
  .tier .flag{font-size:10px;padding:3px 11px}
  .btn-atc{min-height:56px}
  .btn-atc .l1{font-size:15.5px}
  .payrow span{font-size:8.5px;padding:3px 7px}

  /* tap feedback everywhere */
  .tier:active,.btn:active,.btn-atc:active,.pcard:active,.vcard:active,.thumbs .t:active{transform:scale(.985)}

  /* section rhythm + type */
  section{padding:44px 0}
  h2{font-size:24px}
  .section-sub{font-size:14px;margin-bottom:28px}
  .feel-gold h2,.stat-banner2 h2{font-size:27px}
  .feel-gold .fsub{font-size:14.5px;margin-bottom:32px}
  .feel-gold .tiles{gap:32px 18px}
  .feel-gold .tile2 b{font-size:16px}
  .feel-gold .tile2 .wico{width:38px;height:38px}
  .feel-gold .rings img{width:300px}
  .feel-gold .rings{min-height:320px}
  .stat-banner2{padding:40px 0}
  .stat-banner2 .bag img{width:250px}
  .stat-banner2 .pct{font-size:34px;min-width:78px}
  .stat-banner2 .s p{font-size:14px}
  .stat-banner2 .s{padding:12px 0;gap:14px}

  /* benefit cards: horizontal swipe */
  .benefit4 .grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:4px 4px 14px;-webkit-overflow-scrolling:touch}
  .benefit4 .grid::-webkit-scrollbar{display:none}
  .benefit4 .card{flex:0 0 78%;scroll-snap-align:center}

  /* video cards: horizontal swipe */
  .vids{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}
  .vids::-webkit-scrollbar{display:none}
  .vcard{flex:0 0 62%;scroll-snap-align:center;max-height:none}

  /* ugc strip: swipe, show all */
  .ugc-strip{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
  .ugc-strip::-webkit-scrollbar{display:none}
  .ugc-strip .u{scroll-snap-align:start}
  .ugc-strip .u:nth-child(n+4){display:block}

  /* flip cards */
  .pcard{height:172px}
  .pface{padding:16px 18px;gap:14px}
  .pface .pimg{width:88px;height:88px;flex:0 0 88px}
  .pface h3{font-size:17px}
  .pface .psub2{font-size:13px}
  .pface.back p{font-size:12.5px;line-height:1.5}
  .pface .pplus{width:34px;height:34px;flex:0 0 34px}

  /* reviews carousel: swipe */
  .rev-track{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding-bottom:10px;-webkit-overflow-scrolling:touch}
  .rev-track::-webkit-scrollbar{display:none}
  .rev-card{flex:0 0 82%;scroll-snap-align:center}

  /* compare: soft horizontal scroll if needed */
  .compare{overflow-x:auto}
  .compare table{min-width:560px}
  .compare th,.compare td{padding:11px 12px;font-size:13.5px}
  .compare-section h2{font-size:24px}
  .faq-section h2{font-size:23px}
  .faq summary{font-size:15px}

  /* sticky bar: thumb-zone optimized */
  .sticky-atc{padding:8px 0 max(8px,env(safe-area-inset-bottom))}
  .sticky-atc .info{font-size:12px;gap:8px}
  .sticky-atc .info img{width:36px;height:36px}
  .sticky-atc .btn-atc{min-height:46px;padding:6px 20px}
  .sticky-atc .btn-atc .l1{font-size:14px}

  /* order toast above sticky bar, narrower */
  .order-toast{left:10px;right:10px;max-width:none;bottom:74px;padding:10px 14px 10px 10px}
  .order-toast img{width:44px;height:44px}

  /* timeline mobile type */
  .tl-side h3{font-size:20px}
  .tl-node{width:38px;height:38px;font-size:15px}
  .tl-vert:before{left:19px}
  .tl-item{grid-template-columns:38px 1fr;margin-bottom:36px}

  .trustpanel{padding:26px 20px}
  .trustpanel h3{font-size:19px}
  .trustpanel .ti{font-size:13.5px;gap:9px}
  .trustpanel .ck{width:28px;height:28px;flex:0 0 28px;font-size:13px}
  .gbanner{padding:28px 22px}
  footer .cols{grid-template-columns:1fr;gap:26px}
}

.burger{display:none}
@media(max-width:919px){.burger{display:flex}}

/* ===== hard overflow guards (mobile edge protection) ===== */
html,body{overflow-x:hidden;max-width:100%}
img,svg,video{max-width:100%;height:auto}
.mid,.tl-side,.pface>span,.stat-banner2 .s p,.chosen2 .ct{min-width:0}
@media(max-width:919px){
  .wrap{padding:0 16px}
  .feel-gold .cols{padding:0 16px}
  .stat-banner2 .cols{padding:0 16px}
  .pgrid{padding:0 16px}
  .count-wrapper{padding:0 10px;gap:12px}
  .gbanner{margin:0}
  .compare{max-width:calc(100vw - 32px)}
}

/* CRITICAL: mobile menu must never render on desktop */
.mobile-menu{display:none}
@media(min-width:920px){.mobile-menu{display:none !important}}
@media(max-width:919px){.mobile-menu.open{display:flex}}

/* side pop-out pouch (dopamine peeker) */
.side-pouch{position:fixed;right:-170px;bottom:110px;width:150px;z-index:65;cursor:pointer;transition:right .7s cubic-bezier(.2,.65,.3,1),transform .3s ease;transform:rotate(-9deg);filter:drop-shadow(-6px 10px 18px rgba(20,16,8,.3))}
.side-pouch.in{right:-44px;animation:pouchbob 3.4s ease-in-out infinite}
.side-pouch:hover{right:-6px;transform:rotate(-3deg) scale(1.05)}
@keyframes pouchbob{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-9px)}}
@media(max-width:919px){.side-pouch{width:98px;bottom:150px}.side-pouch.in{right:-30px}}

/* twin pouches flanking the 90-day timeline */
.tl-pouch{position:fixed;top:50%;width:170px;z-index:60;cursor:pointer;transition:left .7s cubic-bezier(.2,.65,.3,1),right .7s cubic-bezier(.2,.65,.3,1);filter:drop-shadow(0 12px 20px rgba(20,16,8,.28))}
.tl-pouch.l{left:-190px;transform:translateY(-50%) rotate(9deg)}
.tl-pouch.r{right:-190px;transform:translateY(-50%) rotate(-9deg)}
.tl-pouch.l.in{left:-52px;animation:bobL 3.6s ease-in-out infinite}
.tl-pouch.r.in{right:-52px;animation:bobR 3.6s ease-in-out infinite}
.tl-pouch.l:hover{left:-10px}
.tl-pouch.r:hover{right:-10px}
@keyframes bobL{0%,100%{transform:translateY(-50%) rotate(9deg)}50%{transform:translateY(calc(-50% - 10px)) rotate(8deg)}}
@keyframes bobR{0%,100%{transform:translateY(-50%) rotate(-9deg)}50%{transform:translateY(calc(-50% - 10px)) rotate(-8deg)}}
@media(max-width:919px){.tl-pouch{width:96px}.tl-pouch.l.in{left:-34px}.tl-pouch.r.in{right:-34px}}

img.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}

/* ===== WOW layer ===== */
/* stat rows: animated fill bars + hover slide */
.stat-banner2 .s{flex-wrap:wrap;transition:transform .25s ease}
.stat-banner2 .s:hover{transform:translateX(8px)}
.stat-banner2 .bar{flex-basis:100%;height:6px;background:rgba(255,255,255,.28);border-radius:99px;overflow:hidden;margin-top:10px}
.stat-banner2 .bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff,#FFF6DF);border-radius:99px;transition:width 1.5s cubic-bezier(.2,.65,.3,1)}
.stat-banner2 .pct{text-shadow:0 2px 12px rgba(0,0,0,.14)}

/* floating marigold petals */
.petal{position:absolute;top:-30px;height:20px;pointer-events:none;z-index:1;opacity:.5;border-radius:62% 38% 55% 45%/48% 62% 38% 52%;background:radial-gradient(ellipse at 30% 30%,#F4CE64,#DFA23A);animation:petalfall linear infinite}
@keyframes petalfall{0%{transform:translateY(-30px) rotate(0deg)}100%{transform:translateY(720px) rotate(320deg);opacity:0}}
.feel-gold .petal,.stat-banner2 .petal{background:radial-gradient(ellipse at 30% 30%,#FFF3D0,#F2DDA6);opacity:.45}

/* ATC shimmer sweep */
.btn-atc{position:relative;overflow:hidden}
.btn-atc:after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);animation:sheen 3.4s ease-in-out infinite}
@keyframes sheen{0%{left:-60%}55%,100%{left:130%}}

/* gallery image slow zoom on hover */
.main-img img{transition:transform .8s ease}
.main-img:hover img{transform:scale(1.035)}

/* section headings: subtle gradient underline flourish */
section h2.center{position:relative;padding-bottom:14px}
section h2.center:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:64px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--accent-btn),var(--accent))}
.feel-gold h2:after,.stat-banner2 h2:after{background:rgba(255,255,255,.7)}
.stat-banner2 h2{position:relative;padding-bottom:14px}
.stat-banner2 h2:after{content:"";position:absolute;bottom:0;left:0;width:64px;height:3px;border-radius:99px;background:rgba(255,255,255,.7)}

/* ===== compare table v2 ===== */
.compare{border-radius:18px;box-shadow:0 14px 40px rgba(20,16,8,.10);border:none}
.compare th{padding:18px 20px 14px;font-size:16px;vertical-align:bottom}
.compare th.lut{background:var(--accent-btn);color:#fff;font-size:18px;font-weight:700}
.compare th.ob{background:var(--gray);color:#6a6a6a}
.compare .colimg{height:84px;width:auto;object-fit:contain;margin:0 auto 8px;display:block;filter:drop-shadow(0 6px 10px rgba(20,16,8,.18))}
.compare td:nth-child(2){background:var(--peach)}
.compare tbody tr{transition:background .15s}
.compare tr:hover td:first-child{color:var(--accent)}
.okc{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#2E9E5B;color:#fff;font-size:15px;font-weight:800;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(46,158,91,.35)}
.noc{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#FBE9E7;color:#C6392B;font-size:14px;font-weight:800;align-items:center;justify-content:center}

/* ===== gold-section icon medallions ===== */
.feel-gold .tile2 .wico{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:rgba(255,255,255,.14);padding:17px;box-shadow:inset 0 0 20px rgba(255,255,255,.14),0 6px 14px rgba(20,16,8,.12);transition:transform .25s ease,background .25s ease}
.feel-gold .tile2:hover .wico{transform:translateY(-7px) scale(1.06);background:rgba(255,255,255,.26)}

/* ===== stats: glass cards ===== */
.stat-banner2 .s{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:2px 18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:11px 16px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.24)}
.stat-banner2 .s:last-of-type{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.24)}
.stat-banner2 .bar{grid-column:1/-1;margin-top:5px;background:rgba(255,255,255,.22);height:5px}
.stat-banner2 .s:hover{transform:translateX(8px);background:rgba(255,255,255,.2)}

/* 90-day guarantee seal */
.gseal{display:flex;justify-content:center}
.gseal img{width:250px;filter:drop-shadow(0 14px 24px rgba(20,16,8,.22));animation:sealspin 14s linear infinite paused;transition:transform .4s ease}
.gbanner:hover .gseal img{transform:rotate(8deg) scale(1.04)}

/* rating pill */
.rating-pill{display:inline-flex;gap:9px;align-items:center;background:var(--white);border:1.5px solid var(--accent-btn);border-radius:99px;padding:9px 20px;font-size:14px;font-weight:500;color:var(--text);box-shadow:0 6px 18px rgba(20,16,8,.08);margin-bottom:6px}
.rating-pill b{color:var(--title)}
.rating-pill .stars{font-size:14px}

/* sticky bar v2 — dopamine edition */
.sticky-atc{border-top:2px solid var(--accent-btn)}
.info2{display:flex;align-items:center;gap:14px;min-width:0}
.info2 img{width:56px;height:56px;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 6px 10px rgba(20,16,8,.25))}
.info2 .sm{min-width:0}
.info2 .sm b{display:block;font-size:14.5px;color:var(--title);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info2 .sp{display:flex;align-items:center;gap:8px;margin-top:2px}
.info2 .sp .js-price{color:var(--accent);font-weight:800;font-size:18px;font-family:'Poppins',sans-serif}
.info2 .sp s{color:#9a9a9a;font-size:12.5px}
.save-mini{background:var(--accent-btn);color:#fff;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;letter-spacing:.04em}
.ends-chip{font-family:'Poppins',sans-serif;background:#2B2318;color:#F2DDA6;padding:9px 16px;border-radius:10px;font-weight:700;font-size:13.5px;letter-spacing:.06em;white-space:nowrap}
.ends-chip span{color:#fff}
.sticky-atc .btn-atc{width:auto;min-height:50px;padding:8px 34px;font-size:15px;letter-spacing:.04em}
@media(max-width:919px){.ends-chip{display:none}.info2 .sm b{font-size:12.5px;max-width:150px}.info2 img{width:44px;height:44px}}

/* seal: pure gold, no halo */
.gseal img{width:240px}

/* ===== compare v3 — elevated brand pillar ===== */
.compare{background:transparent;box-shadow:none;border:none;overflow:visible;max-width:860px}
.compare table{border-collapse:separate;border-spacing:0}
.compare th,.compare td{border-bottom:none;padding:0}
.compare td:first-child{font-size:16px;font-weight:600;color:var(--title);text-align:left;padding:22px 18px 22px 4px;border-bottom:1px dashed rgba(43,43,43,.16)}
.compare tr:last-child td:first-child{border-bottom:none}
/* Lutera pillar */
.compare th.lut{background:#8A6B33;border-radius:16px 16px 0 0;padding:20px 26px 16px;box-shadow:0 18px 40px rgba(90,66,20,.35)}
.compare th.lut .colimg{height:96px;margin-bottom:10px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.thlabel{display:block;background:none;color:#fff;font-size:26px;font-weight:700;padding:2px 0 0;margin:0 auto;width:max-content;font-family:'Playfair Display',serif;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.compare td:nth-child(2){background:#8A6B33;padding:20px 26px;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:none}
.compare tr:last-child td:nth-child(2){border-radius:0 0 16px 16px;border-bottom:none}
.compare td:nth-child(2){color:#F2DDA6;font-weight:700;font-style:italic}
/* other brands column */
.compare th.ob{background:transparent;color:#555;font-weight:600;font-size:15px;padding:20px 20px 16px}
.obcircle{display:flex;width:96px;height:96px;border-radius:50%;background:#fff;align-items:center;justify-content:center;margin:0 auto 10px;box-shadow:0 8px 20px rgba(20,16,8,.12)}
.obcircle img{width:62px;height:78px;object-fit:contain}
.compare td:nth-child(3){background:transparent;padding:22px 20px;border-bottom:1px dashed rgba(43,43,43,.16);color:#7a7a7a;font-weight:500}
.compare tr:last-child td:nth-child(3){border-bottom:none}
/* marks */
.okc{background:var(--accent-btn);color:#3E3014;width:30px;height:30px;font-size:16px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.22)}
.noc{background:transparent;border:2px solid #9a9a9a;color:#9a9a9a;width:26px;height:26px;font-size:18px;font-weight:400}
.compare tr:hover td:first-child{color:var(--accent)}

/* pouch hover zoom everywhere */
.main-img:hover img{transform:scale(1.07)}
.feel-gold .rings img,.stat-banner2 .bag img,.gseal img,.compare th.lut .colimg{transition:transform .35s ease}
.feel-gold .rings img:hover,.stat-banner2 .bag img:hover,.gseal img:hover,.compare th.lut .colimg:hover{transform:scale(1.08)}

/* face-framed avatar crops (portraits have faces in the upper quarter) */
.rq img,img.avatar,.chosen2 .avs img{object-position:50% 15%}
.rq img{width:44px;height:44px;flex:0 0 44px}
img.avatar{width:44px;height:44px}
.ugc-strip .u img{object-position:50% 22%}
/* per-photo face targeting */
.rq img[src*="home-hero"],img.avatar[src*="home-hero"]{object-position:38% 14%}
.rq img[src*="flip-desk"],img.avatar[src*="flip-desk"]{object-position:60% 20%}
.rq img[src*="ugc-armchair"],img.avatar[src*="ugc-armchair"],.chosen2 img[src*="ugc-armchair"]{object-position:52% 10%}
.rq img[src*="ugc-porch"],img.avatar[src*="ugc-porch"],.chosen2 img[src*="ugc-porch"]{object-position:44% 12%}
.rq img[src*="ugc-lib"],img.avatar[src*="ugc-lib"]{object-position:48% 12%}
.rq img[src*="ugc-gh"],img.avatar[src*="ugc-gh"],.chosen2 img[src*="ugc-gh"]{object-position:50% 10%}
.rq img[src*="ugc-yarn"],img.avatar[src*="ugc-yarn"]{object-position:46% 10%}
.rq img[src*="flip-comfort"],img.avatar[src*="flip-comfort"]{object-position:52% 16%}

/* face avatars are pre-cropped: center them */
img[src*="av-"]{object-position:center !important}

/* ===== buy box dopamine ===== */
/* stock warning: живой alert */
.stock-story{animation:stockglow 2.2s ease-in-out infinite;position:relative}
@keyframes stockglow{0%,100%{box-shadow:0 0 0 0 rgba(198,57,43,0);border-color:#DFA49B}50%{box-shadow:0 0 22px 2px rgba(198,57,43,.28);border-color:#C6392B}}
.sw-dot{position:relative}
.sw-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(198,57,43,.55);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{0%{transform:scale(.7);opacity:1}80%,100%{transform:scale(1.9);opacity:0}}
.sw-title{animation:swblink 2.2s ease-in-out infinite}
@keyframes swblink{0%,100%{opacity:1}50%{opacity:.72}}

/* bonus row: bouncing gift + warm shimmer */
.bonusrow{position:relative;overflow:hidden}
.bonusrow:after{content:"";position:absolute;top:0;left:-70%;width:36%;height:100%;background:linear-gradient(105deg,transparent,rgba(211,185,132,.35),transparent);animation:sheen 4.2s ease-in-out infinite}
.giftb{display:inline-block;animation:giftbounce 2.4s ease-in-out infinite;font-size:17px}
@keyframes giftbounce{0%,100%{transform:translateY(0) rotate(0)}12%{transform:translateY(-5px) rotate(-8deg)}24%{transform:translateY(0) rotate(6deg)}36%{transform:translateY(-2px) rotate(0)}48%{transform:translateY(0)}}

/* accordions: alive */
.accs details{transition:background .2s ease,padding-left .2s ease;border-left:3px solid transparent}
.accs details:hover{background:var(--peach-soft);padding-left:10px}
.accs details[open]{background:var(--peach-soft);border-left:3px solid var(--accent-btn);padding-left:12px;border-radius:0 10px 10px 0}
.accs summary:after{transition:transform .25s ease;display:inline-block}
.accs details[open] summary:after{transform:rotate(45deg);content:"+"}
.accs summary{padding:2px 6px 2px 0}

/* tiers: bolder punch */
.tier .t-title{font-size:18.5px;font-weight:800;color:#1E1A12;font-family:'Poppins',sans-serif;letter-spacing:-.2px}
.tier .t-sub{font-weight:700}
.tier .pricing .p{font-size:22px;font-weight:800;font-family:'Poppins',sans-serif;letter-spacing:-.3px}
.tier .pricing .w{font-size:13.5px}
.tiers .tier.selected{transform:scale(1.015)}
.tiers .tier.selected:hover{transform:scale(1.015) translateY(-2px)}
.tier .flag{font-weight:800;text-transform:uppercase;letter-spacing:.05em}

/* ===== homepage hero v2 ===== */
.hero2{background:linear-gradient(180deg,#FFFDF8,var(--peach-soft));padding:56px 0 64px}
.hero2 .wrap{gap:56px}
.hero2 h1{font-size:46px;font-weight:700;letter-spacing:-.5px;margin:18px 0 16px;line-height:1.15}
.hero2 .hl-gold{background:linear-gradient(120deg,var(--accent),#8A6B33);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .sub{font-size:16.5px;line-height:1.65}
.hero-cta{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.hero-cta .btn{font-size:16px;padding:17px 38px}
.glink{font-size:14px;font-weight:600;color:var(--title);text-decoration:underline;text-underline-offset:4px}
.glink:hover{color:var(--accent)}
.hero-trust{display:flex;gap:24px;margin-top:26px;flex-wrap:wrap}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--title)}
.wico2{width:20px;height:20px;display:inline-flex;color:var(--accent)}
.hero-visual{position:relative}
.hero-visual .img-slot{border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(90,66,20,.22)}
.hero-visual .img-slot img{transition:transform .8s ease}
.hero-visual:hover .img-slot img{transform:scale(1.04)}
.chip{position:absolute;background:var(--white);border-radius:12px;box-shadow:0 10px 30px rgba(20,16,8,.16);padding:10px 16px;font-size:13px;font-weight:600;color:var(--title);display:flex;align-items:center;gap:8px}
.chip .stars{font-size:12px}
.chip-tr{top:18px;right:-14px;animation:chipfloat 4.5s ease-in-out infinite}
.chip-bl{bottom:22px;left:-16px;animation:chipfloat 4.5s ease-in-out 1.4s infinite}
.chip-bl b{color:var(--accent);font-size:17px;font-family:'Poppins',sans-serif}
@keyframes chipfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:919px){
  .hero2 h1{font-size:31px}
  .chip-tr{right:6px}.chip-bl{left:6px}
}
/* reasons: hover lift + gold top accent */
.reason{transition:transform .22s ease,box-shadow .22s ease;border-top:3px solid transparent}
.reason:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(20,16,8,.10);border-top:3px solid var(--accent-btn)}

/* ===== wordmark: heavy serif ===== */
.logo{font-weight:900;font-size:34px;letter-spacing:-.2px}
.thlabel{font-weight:900;font-size:27px}
footer .logo{font-weight:900}

/* ===== reviews carousel v2 (reference layout) ===== */
.rev-carousel{position:relative;padding:0 10px}
.rc2{display:flex;flex-direction:column;min-height:280px}
.rc2 .stars{letter-spacing:4px;font-size:15px;margin-bottom:12px}
.rc2 h3{font-size:15.5px;font-weight:700;margin-bottom:10px;font-family:'Plus Jakarta Sans',sans-serif;color:#1E1A12}
.rc2 p{font-size:14px;line-height:1.65;flex:1}
.rc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.rc-name{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--title)}
.rc-name img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.rc-verified{font-size:11px;font-weight:800;letter-spacing:.08em;color:#1FA463;display:inline-flex;align-items:center;gap:4px}
.rarrow{position:absolute;top:44%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:var(--white);border:1px solid rgba(43,43,43,.08);box-shadow:0 8px 24px rgba(20,16,8,.16);font-size:22px;color:var(--title);cursor:pointer;z-index:5;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding-bottom:3px}
.rarrow.left{left:-14px}
.rarrow.right{right:-14px}
.rarrow:hover{background:var(--accent-btn);color:#fff;transform:translateY(-50%) scale(1.07)}
.rev-dots{display:flex;gap:8px;justify-content:center;margin-top:26px}
.rdot{width:8px;height:8px;border-radius:50%;background:rgba(43,43,43,.18);cursor:pointer;transition:all .2s}
.rdot.on{background:var(--accent-btn);transform:scale(1.25)}
@media(max-width:919px){.rarrow.left{left:2px}.rarrow.right{right:2px}}

/* ===== hero v3: full-bleed split (reference-identical) ===== */
.hero3{background:var(--peach-soft);padding:0}
.hero3-grid{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;max-width:1680px;margin:0 auto}
.hero3-text{align-self:center;padding:38px 4vw 38px max(24px,calc((100vw - 1280px)/2))}
.stars-line{font-size:13.5px;font-weight:600;color:var(--title);display:flex;gap:10px;align-items:center;margin-bottom:16px}
.stars-line .stars{font-size:13px}
.hero3-text h1{font-size:37px;font-weight:600;color:#2B2B2B;line-height:1.22;letter-spacing:-.3px;margin-bottom:14px}
.hero3-text .sub{font-size:15px;line-height:1.6;max-width:440px;margin-bottom:22px}
.hero3-text .btn{font-size:15.5px;padding:17px 36px}
.gline{font-size:14px;font-weight:500;color:var(--text);margin-top:16px}
.hero3-img{position:relative}
.hero3-img img{width:100%;height:auto;display:block}
@media(max-width:919px){
  .hero3-grid{grid-template-columns:1fr;min-height:0}
  .hero3-text{padding:36px 20px 28px;text-align:center}
  .hero3-text h1{font-size:30px}
  .hero3-text .sub{margin:0 auto 22px}
  .hero3-img{height:300px}
}

/* carousel: five equal cards */
@media(min-width:920px){
  .rev-track{grid-template-columns:repeat(5,1fr);gap:16px}
  .rc2{min-height:330px;padding:20px}
  .rc2 h3{font-size:14px}
  .rc2 p{font-size:12.5px;line-height:1.6}
  .rc2 .stars{font-size:13px;letter-spacing:3px}
  .rc-name{font-size:12.5px}
  .rc-name img{width:24px;height:24px}
  .rc-verified{font-size:9.5px}
}

/* pillar wordmark: dark serif like the header */
.thlabel{color:#1E1A12;text-shadow:none}

@media(min-width:920px){
  .rc-foot{flex-direction:column;align-items:flex-start;gap:7px}
  .rc-name{white-space:nowrap}
  .rc-verified{white-space:nowrap}
}

/* ===== functional header: overlay, modal, cart drawer ===== */
.ov-backdrop{position:fixed;inset:0;background:rgba(20,16,8,.45);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s}
.ov-backdrop.open{opacity:1;pointer-events:auto}
.search-box{position:fixed;top:18vh;left:50%;transform:translateX(-50%) translateY(-14px);width:min(560px,92vw);background:var(--white);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.3);padding:22px;z-index:210;display:none}
.search-box.open{display:block;animation:ovin .25s ease}
@keyframes ovin{from{opacity:0;transform:translateX(-50%) translateY(-24px)}to{opacity:1;transform:translateX(-50%) translateY(-14px)}}
.search-box input{width:100%;padding:14px 16px;border:1.5px solid var(--accent-btn);border-radius:10px;font-size:15px;font-family:inherit;outline:none}
.search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.search-hints a{background:var(--peach-soft);border:1px solid var(--accent-btn);border-radius:99px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--title)}
.search-hints a:hover{background:var(--accent-btn);color:#fff}
.acct-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);background:var(--white);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);padding:34px;z-index:210;display:none;text-align:center}
.acct-modal.open{display:block}
.acct-modal h3{font-size:21px;margin-bottom:10px}
.acct-modal p{font-size:14px;margin-bottom:20px}
.ov-close{position:absolute;top:12px;right:16px;font-size:24px;color:#999;cursor:pointer;background:none;border:none}
.cart-drawer{position:fixed;top:0;right:-420px;width:min(400px,94vw);height:100vh;background:var(--white);z-index:220;box-shadow:-16px 0 50px rgba(0,0,0,.2);transition:right .35s cubic-bezier(.2,.65,.3,1);display:flex;flex-direction:column}
.cart-drawer.open{right:0}
.cd-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.cd-head h3{font-size:18px}
.cd-ship{background:var(--peach-soft);padding:10px 22px;font-size:12.5px;font-weight:600;color:var(--title)}
.cd-ship .csbar{height:6px;background:rgba(43,43,43,.1);border-radius:99px;margin-top:6px;overflow:hidden}
.cd-ship .csbar span{display:block;height:100%;width:100%;background:var(--accent-btn);border-radius:99px}
.cd-body{flex:1;padding:20px 22px;overflow-y:auto}
.cd-item{display:flex;gap:14px;align-items:center}
.cd-item img{width:64px;height:64px;object-fit:contain}
.cd-item b{display:block;font-size:14px;color:var(--title)}
.cd-item .cdq{font-size:12.5px;color:#8a8a8a}
.cd-item .cdp{margin-left:auto;font-family:'Poppins',sans-serif;font-weight:700;color:var(--accent);font-size:16px}
.cd-foot{padding:18px 22px;border-top:1px solid var(--line)}
.cd-sub{display:flex;justify-content:space-between;font-size:15px;font-weight:700;color:var(--title);margin-bottom:14px}
.cd-note{font-size:11.5px;color:#8a8a8a;text-align:center;margin-top:10px}

/* final pass */
html{scroll-padding-top:76px}
.rq{width:300px;margin:0 34px}
.rq p{font-size:13px}
.rq .nm{font-size:12px;color:var(--title);font-weight:600}

/* glowing trust count */
.glow-num{font-family:'Poppins',sans-serif;font-weight:800;font-size:15px;background:linear-gradient(90deg,var(--accent),#E8C876,var(--accent));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldshine 2.4s linear infinite}
@keyframes goldshine{to{background-position:200% center}}

/* ===== cart drawer: dopamine gifts ===== */
.cd-gift{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border:1.5px dashed var(--accent-btn);border-radius:12px;background:linear-gradient(120deg,#FFFDF6,#FAF2DC);position:relative;overflow:hidden}
.cd-gift:after{content:"";position:absolute;top:0;left:-70%;width:38%;height:100%;background:linear-gradient(105deg,transparent,rgba(211,185,132,.35),transparent);animation:sheen 3.6s ease-in-out infinite}
.cd-gift .gico{font-size:24px;animation:giftbounce 2.6s ease-in-out infinite}
.cd-gift b{display:block;font-size:13.5px;color:var(--title)}
.cd-gift .gsub{font-size:11.5px;color:#8a8a8a}
.cd-gift .gprice{margin-left:auto;text-align:right}
.cd-gift .gwas{display:block;font-size:11px;color:#9a9a9a;text-decoration:line-through}
.free-badge{display:inline-block;background:linear-gradient(120deg,#2E9E5B,#37B96C);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;padding:3px 11px;border-radius:99px;animation:freepulse 1.8s ease-in-out infinite;box-shadow:0 3px 10px rgba(46,158,91,.4)}
@keyframes freepulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.cd-savings{display:flex;justify-content:space-between;align-items:center;background:#EAF7EF;border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:13.5px;font-weight:700;color:#1F7A47}
.cd-savings .amt{font-family:'Poppins',sans-serif;font-size:16px}

/* wordmark image logo */
.logo-img img{height:32px;width:auto;display:block}
.thlogo{height:30px;width:auto;margin:4px auto 0;display:block;filter:brightness(0) invert(1)}
@media(max-width:919px){.logo-img img{height:24px}}

/* cart product row: dopamine */
.cd-item{background:linear-gradient(120deg,#FFFDF6,#FAF2DC);border:1.5px solid var(--accent-btn);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}
.cd-item:after{content:"";position:absolute;top:0;left:-70%;width:38%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);animation:sheen 3s ease-in-out infinite}
.cd-item img{animation:giftbounce 3.2s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(90,66,20,.3))}
.cd-item b{font-size:14.5px}
.cd-item .cdp{font-size:19px;animation:freepulse 2.2s ease-in-out infinite}

/* kill the gray ghost header cell in compare */
.compare th:first-child{background:transparent !important}

/* gallery arrows + swipe affordance */
.main-img{position:relative}
.g-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid rgba(43,43,43,.08);box-shadow:0 6px 18px rgba(20,16,8,.18);font-size:20px;color:var(--title);cursor:pointer;z-index:4;display:flex;align-items:center;justify-content:center;transition:all .2s}
.g-arrow:hover{background:var(--accent-btn);color:#fff}
.g-arrow.gl{left:12px}
.g-arrow.gr{right:12px}

/* mobile: center the buy box identity block */
@media(max-width:919px){
  .rating-bar{justify-content:center}
  .buybox h1{text-align:center}
  .sales-points{display:table;margin:0 auto 12px}
  .bsw{justify-content:center}
  .thumbs{padding-bottom:10px}
  .thumbs::after{content:"";flex:0 0 8px}
}

/* hero hard containment: image can never spill over the next section */
.hero3{overflow:hidden}
.hero3-grid{max-height:none !important;min-height:0 !important;align-items:center !important}
.hero3-img{max-height:none !important;overflow:hidden;border-radius:0}
.hero3-img img{width:100% !important;height:auto !important;object-fit:unset !important;max-height:560px;object-fit:cover !important;object-position:center 20%}
@media(max-width:919px){.hero3-img img{max-height:320px}}

/* header logo: mathematically centered regardless of nav/icon widths */
header.site .wrap{position:relative}
header.site .logo-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-self:unset}
.thlogo{filter:none;height:26px;margin:6px auto 0}

/* ===== MOBILE RESCUE: these rules are the final word on <=919px ===== */
@media(max-width:919px){
  /* the buy box must be a single full-width column (a late desktop rule was overriding this) */
  .pdp{grid-template-columns:1fr !important;gap:20px !important}
  .buybox{max-width:none !important}
  /* header: burger left, logo absolute-center, icons hard right */
  header.site .wrap{display:flex !important;justify-content:space-between !important;align-items:center}
  nav.main{display:none !important}
  /* buy box content: left-aligned, not centered */
  .rating-bar{justify-content:flex-start !important}
  .buybox h1{text-align:left !important}
  .sales-points{display:block !important;margin:0 0 12px !important}
  .bsw{justify-content:flex-start !important}
  /* other two-column sections stay single column */
  .hero .wrap,.gbanner,.feel-gold .cols,.stat-banner2 .cols,.hero3-grid{grid-template-columns:1fr !important}
}

/* mobile: nothing in the product grid may exceed the screen */
@media(max-width:919px){
  .pdp{max-width:100% !important}
  .pdp *{min-width:0}
  .pdp .wrap, .gallery, .buybox{width:100% !important;max-width:100% !important}
  .main-img img{width:100% !important;height:auto}
}

/* ===== mobile round 2 ===== */
@media(max-width:919px){
  /* trust line centered */
  .stars-line{justify-content:center}
  /* gallery: full screen width, image feels BIG */
  .gallery{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw);}
  .gallery .main-img{border-radius:0}
  .thumbs{padding:0 12px 10px;margin-top:10px}
  .g-arrow{width:38px;height:38px}
  /* compare table: scrollable, compact */
  .compare{overflow-x:auto !important;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .compare::-webkit-scrollbar{height:5px}
  .compare::-webkit-scrollbar-thumb{background:var(--accent-btn);border-radius:99px}
  .compare table{min-width:520px}
  .compare th.lut{padding:12px 14px 10px}
  .compare th.lut .colimg{height:60px;margin-bottom:6px}
  .thlogo{height:18px;margin:2px auto 0}
  .obcircle{width:60px;height:60px;margin-bottom:6px}
  .obcircle img{width:38px;height:48px}
  .compare th.ob{font-size:12.5px;padding:12px 10px 10px}
  .compare td:first-child{font-size:13px;padding:13px 10px 13px 2px}
  .compare td:nth-child(2){padding:11px 14px}
  .compare td:nth-child(3){padding:13px 10px}
  .okc{width:24px;height:24px;font-size:13px}
  .noc{width:22px;height:22px;font-size:15px}
}

/* mobile header: pinned positions — cannot overlap, ever */
@media(max-width:919px){
  header.site .wrap{position:relative !important;height:54px}
  .burger{position:absolute !important;left:16px;top:50%;transform:translateY(-50%)}
  header.site .header-icons{position:absolute !important;right:14px;top:50%;transform:translateY(-50%);margin:0}
  header.site .logo-img{position:absolute !important;left:50%;top:50%;transform:translate(-50%,-50%)}
}

/* header final layout (all screens): nav left, logo absolute center, icons pinned right */
header.site .wrap{position:relative;display:flex !important;justify-content:flex-start;align-items:center}
header.site nav.main{justify-self:unset}
header.site .header-icons{position:absolute !important;right:24px;top:50%;transform:translateY(-50%);margin:0;justify-self:unset}
@media(max-width:919px){header.site .header-icons{right:14px}}