:root {
  --cr:#8B1A1A; --cr2:#6B1010; --cr3:#A52020;
  --dk:#1C1008; --dm:#3C2010; --dw:#5C3A1E;
  --gd:#C8952A; --gl:#E8B84B; --gs:#9A6A18;
  --cm:#F5EDD8; --cd:#E8D9B8; --cl:#EDE0C8;
  --wh:#FDFAF4;
  --ff-geo:'Noto Serif Georgian',serif;
  --ff-lat:'Cinzel',serif;
  --ff-body:'IM Fell English',serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ff-geo);background:var(--cm);color:var(--dk);overflow-x:hidden}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("img/noise.svg")}


/* ── QTY GRID ── */
.qty-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.qty-card { background: #FDFAF4; border: 1.5px solid rgba(28,16,8,.1); padding: 14px 8px 12px; text-align: center; transition: border-color .2s; }
.qty-card:hover { border-color: var(--cr); }
.qty-card img { width: 72px; height: 88px; object-fit: contain; margin-bottom: 6px; display: block; margin-left: auto; margin-right: auto; }
.qty-card-name { font-family: var(--ff-geo); font-size: .82rem; font-weight: 700; color: var(--dk); margin-bottom: 2px; }
.qty-card-price { font-family: var(--ff-lat); font-size: .72rem; color: var(--dw); margin-bottom: 10px; }
.qty-controls { display: flex; align-items: center; justify-content: center; gap: 0; }
.qty-btn { width: 28px; height: 28px; background: var(--cr); border: none; color: var(--cm); font-size: 1.1rem; font-weight: 700; cursor: pointer; line-height: 1; transition: background .15s; display: flex; align-items: center; justify-content: center; }
.qty-btn:hover { background: var(--cr3); }
.qty-btn:disabled { background: rgba(28,16,8,.12); cursor: not-allowed; }
.qty-num { width: 32px; height: 28px; background: var(--cd); font-family: var(--ff-lat); font-size: .95rem; font-weight: 700; color: var(--dk); display: flex; align-items: center; justify-content: center; border-top: 1px solid rgba(28,16,8,.12); border-bottom: 1px solid rgba(28,16,8,.12); }
@media (max-width: 600px) { .qty-grid { grid-template-columns: repeat(3, 1fr); } }


/* ── ORDER TABS ── */
.order-tabs { display:flex; gap:0; margin-bottom:36px; border-bottom:2px solid rgba(28,16,8,.1); }
.order-tab { flex:1; padding:16px 24px; font-family:var(--ff-lat); font-size:1.05rem; font-weight:700; letter-spacing:.02em; background:none; border:none; border-bottom:3px solid transparent; margin-bottom:-2px; cursor:pointer; color:rgba(28,16,8,.4); transition:all .2s; position:relative; }
@media(max-width:500px){
  .order-tabs{flex-direction:column;border-bottom:none;gap:4px;margin-bottom:24px}
  .order-tab{border-bottom:none;border-left:3px solid transparent;margin-bottom:0;padding:12px 16px;text-align:left;font-size:.9rem}
  .order-tab.active{border-left-color:var(--cr);border-bottom:none;background:rgba(139,26,26,.05)}
}
.order-tab:hover { color:var(--cr); }
.order-tab.active { color:var(--cr); border-bottom-color:var(--cr); }
.tab-badge { display:inline-block; background:var(--cr); color:var(--cm); font-size:.6rem; letter-spacing:.06em; padding:2px 7px; margin-left:8px; vertical-align:middle; }
.tab-pane { animation: fadeUp .3s ease; }
.tab-sub { font-family:var(--ff-body); font-style:italic; font-size:1.15rem; color:rgba(28,16,8,.6); text-align:center; margin-bottom:28px; }

/* ── ONE-TIME QTY GRID ── */
.ot-qty-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; }
@media(min-width:480px) { .ot-qty-grid { grid-template-columns:repeat(3, 1fr); } }
@media(min-width:900px) { .ot-qty-grid { grid-template-columns:repeat(3, 1fr); } }
.ot-card { background:#FDFAF4; border:1.5px solid rgba(28,16,8,.1); padding:16px 8px 14px; text-align:center; transition:border-color .2s; }
.ot-card:hover { border-color:rgba(139,26,26,.35); }
.ot-card-icon { font-size:2.2rem; display:block; margin-bottom:6px; line-height:1; }
.ot-card-name { font-family:var(--ff-geo); font-size:.85rem; font-weight:700; color:var(--dk); margin-bottom:2px; }
.ot-card-price { font-family:var(--ff-lat); font-size:.72rem; color:rgba(28,16,8,.45); margin-bottom:10px; }
.ot-qty-controls { display:flex; align-items:center; justify-content:center; }
.ot-qty-btn { width:30px; height:30px; background:var(--cr); border:none; color:var(--cm); font-size:1.2rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s; }
.ot-qty-btn:hover { background:#6e0f0f; }
.ot-qty-btn:disabled { background:rgba(28,16,8,.12); color:rgba(28,16,8,.3); cursor:not-allowed; }
.ot-qty-num { width:34px; height:30px; background:rgba(28,16,8,.06); font-family:var(--ff-lat); font-size:1rem; font-weight:700; color:var(--dk); display:flex; align-items:center; justify-content:center; border-top:1px solid rgba(28,16,8,.1); border-bottom:1px solid rgba(28,16,8,.1); }


/* ── CHECKOUT STEP 1 ── */
.sub-upsell-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(200,149,42,.12); border:1.5px solid rgba(200,149,42,.35); padding:14px 16px; margin-bottom:16px; }
.sub-upsell-title { font-family:var(--ff-geo); font-weight:700; font-size:.9rem; color:var(--dk); margin-bottom:3px; }
.sub-upsell-desc { font-size:.8rem; color:rgba(28,16,8,.6); font-family:var(--ff-lat); }
.sub-upsell-btn { flex-shrink:0; background:var(--gd); color:#1C1008; border:none; padding:9px 16px; font-family:var(--ff-lat); font-size:.78rem; font-weight:700; letter-spacing:.05em; cursor:pointer; white-space:nowrap; transition:background .15s; }
.sub-upsell-btn:hover { background:#b8851f; }
.add-more-nudge { font-family:var(--ff-body); font-style:italic; font-size:.88rem; color:rgba(28,16,8,.6); margin-bottom:12px; }
.add-more-grid { display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.am-card { background:#FDFAF4; border:1.5px solid rgba(28,16,8,.1); padding:8px 12px; text-align:center; cursor:pointer; transition:border-color .15s; min-width:58px; }
.am-card:hover { border-color:var(--cr); }
.os-divider { border-top:1px solid rgba(28,16,8,.1); margin:8px 0; }
.os-shipping-note { font-size:.75rem; color:rgba(235,218,185,.8); font-style:italic; margin:-6px 0 6px; padding-left:4px; }

/* ── NAV ── */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;flex-direction:column;background:#000;border-bottom:1px solid rgba(200,149,42,.35);transition:all .3s}
.nav-top-row{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.3;gap:4px}.nav-logo-name{font-family:var(--ff-lat);font-size:.78rem;font-weight:700;color:var(--gd);letter-spacing:.13em;white-space:nowrap}
.nav-logo-geo{font-family:var(--ff-geo);font-size:.88rem;font-weight:900;color:var(--cm);letter-spacing:.01em;white-space:nowrap}
.nav-logo-lat{font-family:var(--ff-lat);font-size:.55rem;color:var(--gd);letter-spacing:.13em;white-space:nowrap}
.nav-right{display:flex;align-items:center;gap:20px}
.lang-switcher{display:flex;gap:4px}
.lang-btn{background:none;border:1px solid rgba(200,149,42,.25);color:rgba(245,237,216,.65);font-family:var(--ff-lat);font-size:.78rem;letter-spacing:.1em;padding:4px 8px;cursor:pointer;transition:all .2s}
.lang-btn.active,.lang-btn:hover{border-color:var(--gd);color:var(--gd)}
.nav-cta{background:var(--cr);color:var(--cm);font-family:var(--ff-lat);font-size:.9rem;font-weight:700;letter-spacing:.12em;padding:11px 24px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
.nav-cta:hover{background:var(--cr3)}
/* desktop secondary nav links row */
.nav-links-row{display:flex;justify-content:center;padding:0 40px;height:34px;border-top:1px solid rgba(200,149,42,.12);background:rgba(0,0,0,.6)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-family:var(--ff-lat);font-size:.7rem;letter-spacing:.12em;color:rgba(245,237,216,.45);text-decoration:none;cursor:pointer;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:var(--gd)}
/* icon buttons */
.nav-icon-btn{background:none;border:none;cursor:pointer;color:var(--gd);display:flex;align-items:center;justify-content:center;padding:6px;transition:opacity .2s}
.nav-icon-btn:hover{opacity:.7}
/* hamburger drawer */
#nav-drawer{position:fixed;top:98px;right:0;bottom:0;width:260px;background:#0a0604;border-left:1px solid rgba(200,149,42,.2);z-index:499;transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;padding:32px 24px;gap:4px}
#nav-drawer.open{transform:translateX(0)}
#nav-drawer-overlay{position:fixed;inset:0;top:64px;background:rgba(0,0,0,.55);z-index:498;opacity:0;pointer-events:none;transition:opacity .3s}
#nav-drawer-overlay.open{opacity:1;pointer-events:auto}
.drawer-link{font-family:var(--ff-lat);font-size:.85rem;letter-spacing:.1em;color:rgba(245,237,216,.65);text-decoration:none;cursor:pointer;padding:12px 0;border-bottom:1px solid rgba(200,149,42,.08);transition:color .2s}
.drawer-link:hover{color:var(--gd)}
.drawer-link:last-child{border-bottom:none}
.nav-hamburger{display:none}

/* ── HERO ── */
#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#000000}
.hero-bg-lines{display:none}
.hero-inner{position:relative;z-index:2;text-align:center;padding:120px 24px 80px;max-width:860px;margin:0 auto}
.hero-eyebrow{font-family:var(--ff-lat);font-size:.7rem;letter-spacing:.45em;color:var(--gd);margin-bottom:20px;opacity:0;animation:fadeUp .7s ease .1s forwards;display:block}
.hero-geo{font-family:var(--ff-geo);font-weight:900;font-size:clamp(3rem,8vw,6rem);line-height:1.0;color:var(--cm);margin-bottom:16px;opacity:0;animation:fadeUp .8s ease .25s forwards}
.hero-geo span{display:block;color:var(--cr3)}
.hero-sub-brand{font-family:var(--ff-lat);font-size:.88rem;letter-spacing:.28em;color:rgba(200,149,42,.75);margin-top:10px;opacity:0;animation:fadeUp .6s ease .4s forwards}
.hero-divider{width:50px;height:2px;background:var(--gd);margin:28px auto;opacity:0;animation:fadeUp .5s ease .55s forwards}
.hero-tagline{font-family:var(--ff-lat);font-size:clamp(.85rem,1.8vw,1.05rem);letter-spacing:.1em;color:rgba(245,237,216,.7);line-height:1.6;margin-bottom:10px;opacity:0;animation:fadeUp .6s ease .65s forwards}
.hero-reserve{font-family:var(--ff-body);font-style:italic;font-size:clamp(.9rem,1.8vw,1.1rem);color:rgba(245,237,216,.45);margin-bottom:38px;opacity:0;animation:fadeUp .6s ease .75s forwards}
.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;opacity:0;animation:fadeUp .7s ease .88s forwards;margin-bottom:14px}
.btn-primary{background:var(--cr);color:var(--cm);font-family:var(--ff-lat);font-weight:700;font-size:.82rem;letter-spacing:.14em;padding:17px 38px;border:none;cursor:pointer;transition:all .2s}
.btn-primary:hover{background:var(--cr3);transform:translateY(-2px);box-shadow:0 8px 28px rgba(139,26,26,.4)}
.btn-ghost{background:transparent;color:var(--cm);font-family:var(--ff-lat);font-size:.82rem;letter-spacing:.1em;padding:16px 30px;border:1px solid rgba(245,237,216,.2);cursor:pointer;transition:all .2s}
.btn-ghost:hover{border-color:var(--gd);color:var(--gd)}
.hero-limit{font-family:var(--ff-lat);font-size:.75rem;letter-spacing:.14em;color:rgba(245,237,216,.45);opacity:0;animation:fadeUp .5s ease 1.05s forwards}
.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:bounce 2s ease infinite 2s}
.hero-scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(200,149,42,.4),transparent)}
.hero-scroll-text{font-family:var(--ff-lat);font-size:.7rem;letter-spacing:.2em;color:rgba(200,149,42,.5)}

/* ── TRUST STRIP ── */
#trust{background:var(--dm);padding:14px 40px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;border-bottom:1px solid rgba(200,149,42,.12)}
.trust-item{display:flex;align-items:center;gap:8px;color:var(--cm);font-size:.9rem;letter-spacing:.04em}
.trust-pip{color:var(--gd);font-size:.65rem}

/* ── SHARED SECTION ── */
.section{padding:88px 40px}
.section-inner{max-width:1060px;margin:0 auto}
.section-eyebrow{font-family:var(--ff-lat);font-size:.82rem;letter-spacing:.28em;color:var(--gd);margin-bottom:10px;display:block}
.section-title{font-family:var(--ff-geo);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.1;color:var(--dk);margin-bottom:20px}
.section-title em{font-style:italic;color:var(--cr)}
.section-title.light{color:var(--cm)}
.section-title.light em{color:var(--gl)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ── SECTION 1 — THE STANDARD ── */
#standard{background:var(--cm)}
.standard-intro{font-family:var(--ff-geo);font-style:normal;font-size:1.2rem;color:var(--dw);line-height:1.95;max-width:640px;margin-bottom:52px}
.standard-intro p{margin-bottom:14px}
.standard-intro strong{font-style:normal;color:var(--dk)}
.numerics{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:8px}
.num-card{background:var(--cd);padding:28px 20px 22px;text-align:center;border-bottom:3px solid transparent;transition:border-color .25s}
.num-card:hover{border-color:var(--cr)}
.num-val{font-family:var(--ff-geo);font-size:2.4rem;font-weight:900;color:var(--cr);line-height:1;margin-bottom:8px}
.num-label{font-family:var(--ff-lat);font-size:.78rem;letter-spacing:.1em;color:var(--dk);margin-bottom:4px;font-weight:700}
.num-sub{font-size:.88rem;color:var(--dw);line-height:1.5}
@media(max-width:680px){.numerics{grid-template-columns:1fr 1fr}}

/* ── SECTION 2 — ORIGIN ── */
#origin{background:var(--dk);padding:88px 40px}
.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.origin-body p{font-family:var(--ff-geo);font-style:normal;font-size:1.164rem;color:rgba(245,237,216,.68);line-height:1.95;margin-bottom:18px}
.origin-body strong{color:var(--cm);font-style:normal}
.origin-steps{display:flex;flex-direction:column;gap:0}
.ostep{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid rgba(200,149,42,.08)}
.ostep:last-child{border-bottom:none}
.ostep-n{font-family:var(--ff-lat);font-size:2rem;font-weight:700;color:rgba(200,149,42,.4);line-height:1;min-width:40px}
.ostep-body h4{font-family:var(--ff-geo);font-size:.9rem;font-weight:700;color:var(--gl);margin-bottom:5px}
.ostep-body p{font-size:.92rem;color:rgba(245,237,216,.65);line-height:1.65}
@media(max-width:720px){.origin-grid{grid-template-columns:1fr}}

/* ── SECTION 3 — FAMILY RESERVE ── */
#reserve{background:var(--cl);padding:88px 40px}
.reserve-inner{max-width:720px;margin:0 auto;text-align:center}
.reserve-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 40px}
.check-pill{background:var(--cm);border:1px solid rgba(28,16,8,.18);padding:10px 18px;font-family:var(--ff-lat);font-size:.84rem;letter-spacing:.04em;color:var(--dk)}
.reserve-model{background:var(--dk);padding:30px 36px;text-align:left;margin-bottom:36px}
.reserve-model p{font-family:var(--ff-body);font-style:italic;font-size:1.171.164rem;color:rgba(245,237,216,.7);line-height:1.9;margin-bottom:8px}
.reserve-model p:last-child{color:rgba(245,237,216,.4);margin-bottom:0;font-size:.88rem}

/* ── SCARCITY BAR ── */
.scarcity-wrap{background:rgba(200,149,42,.07);border:1px solid rgba(200,149,42,.2);padding:16px 24px;margin:0 auto 36px;max-width:720px;display:flex;align-items:center;gap:20px}
.scarcity-track-wrap{flex:1;min-width:0}
.scarcity-label-text{font-family:var(--ff-lat);font-size:.76rem;letter-spacing:.12em;color:var(--gd);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scarcity-track{height:3px;background:rgba(200,149,42,.15);border-radius:2px;overflow:hidden}
.scarcity-fill{height:100%;background:linear-gradient(90deg,var(--gd),var(--gl));border-radius:2px;width:0%;transition:width 1s ease}
.scarcity-count-text{font-family:var(--ff-lat);font-size:.85rem;color:var(--cm);white-space:nowrap;letter-spacing:.05em}
.scarcity-count-text span{color:var(--gd);font-size:.9rem;font-weight:700}
@media(max-width:600px){
  .scarcity-outer{padding:16px!important}
  .scarcity-wrap{flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px;margin-bottom:0}
  .scarcity-label-text{white-space:normal;overflow:visible;text-overflow:unset;font-size:.68rem;letter-spacing:.08em}
  .scarcity-count-text{font-size:1rem;text-align:right}
  .gallery-grid{grid-template-columns:1fr!important}
  .why-grid{grid-template-columns:1fr!important}
  .why-card.span2{grid-column:1!important}
  .two-col-grid{grid-template-columns:1fr!important;gap:32px!important}
}

/* ── WHY REASONS ── */
#why{background:var(--dk);padding:88px 40px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:44px}
.why-card{background:rgba(255,255,255,.02);border:1px solid rgba(200,149,42,.08);padding:28px 24px;position:relative;transition:border-color .2s}
.why-card:hover{border-color:rgba(200,149,42,.25)}
.why-card.span2{grid-column:1/-1;background:rgba(139,26,26,.07);border-color:rgba(139,26,26,.2)}
.why-n{font-family:var(--ff-lat);font-size:2.6rem;font-weight:700;color:rgba(200,149,42,.1);line-height:1;position:absolute;top:18px;right:18px}
.why-title{font-family:var(--ff-geo);font-size:.97rem;font-weight:700;color:var(--gl);margin-bottom:10px}
.why-body{font-family:var(--ff-body);font-style:italic;font-size:1.164rem;color:rgba(245,237,216,.75);line-height:1.8}
.why-body strong{color:var(--cm);font-style:normal}
.why-card.span2 .why-body em{display:block;font-family:var(--ff-lat);font-style:normal;font-size:.75rem;letter-spacing:.12em;color:var(--gd);margin-top:10px}
@media(max-width:640px){.why-grid{grid-template-columns:1fr}.why-card.span2{grid-column:1}}

/* ── SECTION 4 — PRODUCT VARIETIES ── */
#varieties{background:var(--cm);padding:88px 40px}
.varieties-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:36px 0 28px}
.variety-card{background:var(--cd);padding:24px 12px 18px;text-align:center;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}
.variety-card:hover{border-color:var(--cr);background:var(--cm);transform:translateY(-3px)}
.variety-icon{font-size:2rem;margin-bottom:10px;display:block}
.variety-name{font-family:var(--ff-lat);font-size:.85rem;letter-spacing:.08em;color:var(--dk);font-weight:700}
.varieties-note{font-family:var(--ff-body);font-style:italic;font-size:1.104rem;color:var(--dw);line-height:1.7;max-width:560px}
@media(max-width:600px){.varieties-grid{grid-template-columns:repeat(3,1fr)}}

/* ── SECTION 5 — INGREDIENTS ── */
#ingredients{background:var(--dk);padding:88px 40px;text-align:center}
.ingredient-list{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:32px 0}
.ing-pill{background:rgba(200,149,42,.12);border:1px solid rgba(200,149,42,.3);padding:13px 24px;font-family:var(--ff-lat);font-size:.95rem;letter-spacing:.08em;color:var(--cm)}
.ing-nothing{font-family:var(--ff-geo);font-size:1.8rem;font-weight:900;color:var(--cm);margin:24px 0 16px}
.ing-nopes{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.ing-nope{font-family:var(--ff-lat);font-size:.82rem;letter-spacing:.1em;color:rgba(245,237,216,.55);text-decoration:line-through;text-decoration-color:var(--cr)}

/* ── SECTION 6 — FOUNDER ── */
#founder{background:var(--cl);padding:80px 24px}
.founder-frame{max-width:640px;margin:0 auto;background:var(--cm);border:1.5px solid rgba(28,16,8,.18);box-shadow:0 8px 48px rgba(28,16,8,.1),inset 0 0 0 6px rgba(28,16,8,.025);padding:52px 56px 44px;position:relative}
.founder-frame::before{content:'';position:absolute;inset:8px;border:1px solid rgba(28,16,8,.06);pointer-events:none}
.founder-tag{font-family:var(--ff-lat);font-size:.76rem;letter-spacing:.22em;color:var(--gd);display:block;margin-bottom:18px}
.founder-title-line{font-family:var(--ff-geo);font-size:1.3rem;font-weight:900;color:var(--dk);padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid rgba(28,16,8,.1)}
.founder-body{font-family:var(--ff-body);font-style:italic;font-size:1.164rem;color:var(--dw);line-height:2.05;text-align:left}
.founder-body p{margin-bottom:16px}
.founder-body p:last-child{margin-bottom:0}
.founder-body strong{font-style:normal;color:var(--dk)}
.founder-pull{border-left:2px solid var(--cr);padding:6px 18px;margin:22px 0;background:rgba(139,26,26,.03)}
.founder-pull p{font-family:var(--ff-body);font-style:italic;color:var(--dk);line-height:1.8;margin:0;font-size:1.164rem}
.founder-sig{margin-top:28px;padding-top:22px;border-top:1px solid rgba(28,16,8,.1)}
.founder-sig-name{font-family:var(--ff-geo);font-size:.97rem;font-weight:900;color:var(--dk)}
.founder-sig-sub{font-family:var(--ff-lat);font-size:.72rem;letter-spacing:.14em;color:var(--gd);margin-top:4px}
.production-banner{max-width:640px;margin:24px auto 0;background:var(--dk);padding:20px 32px;display:flex;align-items:center;justify-content:center;gap:16px}
.pb-pip{width:5px;height:5px;background:var(--cr);border-radius:50%;flex-shrink:0}
.pb-text{font-family:var(--ff-lat);font-size:.92rem;letter-spacing:.06em;color:var(--cm)}
.pb-text strong{color:var(--gl)}
@media(max-width:600px){.founder-frame{padding:34px 26px 30px}}

/* ── SECTION 7 — FINAL CTA ── */
#final-cta{background:linear-gradient(160deg,#0e0703 0%,#1C1008 50%,#160a03 100%);padding:100px 40px;text-align:center;position:relative;overflow:hidden}
#final-cta::before{content:'';position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(200,149,42,.8) 60px,rgba(200,149,42,.8) 61px),repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(200,149,42,.8) 60px,rgba(200,149,42,.8) 61px)}
.final-cta-inner{position:relative;z-index:2;max-width:640px;margin:0 auto}
.final-headline{font-family:var(--ff-body);font-style:italic;font-size:clamp(1.4rem,3.5vw,2.2rem);color:var(--cm);line-height:1.5;margin-bottom:14px}
.final-sub{font-family:var(--ff-lat);font-size:.8rem;letter-spacing:.2em;color:rgba(200,149,42,.6);margin-bottom:40px}
.final-limit{font-family:var(--ff-lat);font-size:.6rem;letter-spacing:.15em;color:rgba(245,237,216,.2);margin-top:16px}

/* ── BUILD-YOUR-BOX ── */
#builder{background:var(--cl);padding:88px 40px}
.builder-inner{max-width:920px;margin:0 auto}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:8px}
.plan-card{background:var(--cm);border:2px solid var(--cd);padding:30px 26px 24px;cursor:pointer;transition:all .22s;position:relative}
.plan-card:hover{border-color:var(--cr);transform:translateY(-3px);box-shadow:0 10px 28px rgba(28,16,8,.1)}
.plan-card.selected{border-color:var(--cr);box-shadow:0 0 0 4px rgba(139,26,26,.08)}
.plan-card--featured{background:var(--dk);border-color:var(--gd)}
.plan-card--featured:hover{border-color:var(--gl)}
.plan-card--featured.selected{box-shadow:0 0 0 4px rgba(200,149,42,.14)}
.plan-recommended{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gd);color:var(--dk);font-family:var(--ff-lat);font-size:.58rem;font-weight:700;letter-spacing:.15em;padding:4px 14px;white-space:nowrap}
.plan-icon{font-size:1.8rem;margin-bottom:10px}
.plan-label{font-family:'Cormorant Garamond',var(--ff-lat);font-size:1.275rem;font-weight:700;letter-spacing:.06em;color:var(--cr);margin-bottom:6px}
.plan-label--gold{color:var(--gl)}
.plan-desc{font-family:var(--ff-body);font-style:italic;font-size:1.14rem;color:var(--dw);margin-bottom:16px}
.plan-card--featured .plan-desc{color:rgba(245,237,216,.5)}
.plan-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.plan-price{font-family:var(--ff-geo);font-size:2rem;font-weight:900;color:var(--dk);line-height:1}
.plan-card--featured .plan-price{color:var(--cm)}
.plan-currency{font-size:1.1rem}
.plan-per{font-size:.8rem;color:var(--dw)}
.plan-card--featured .plan-per{color:rgba(245,237,216,.5)}
.plan-card--featured .plan-per strong{color:var(--gl)}
.plan-saving{background:rgba(200,149,42,.12);color:var(--gl);font-family:var(--ff-lat);font-size:.65rem;letter-spacing:.08em;padding:4px 10px;display:inline-block;margin-bottom:16px}
.plan-features{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:5px}
.plan-features li{font-size:.92rem;color:var(--dw);line-height:1.5}
.plan-card--featured .plan-features li{color:rgba(245,237,216,.65)}
.plan-features--dim li{opacity:.55}
.plan-scarcity{font-family:var(--ff-lat);font-size:.76rem;letter-spacing:.06em;color:var(--gd);padding-top:12px;border-top:1px solid rgba(200,149,42,.18);margin-bottom:16px}
.plan-btn{width:100%;padding:14px;font-family:var(--ff-lat);font-weight:700;font-size:.88rem;letter-spacing:.1em;border:none;cursor:pointer;transition:all .2s}
.plan-btn--outline{background:transparent;border:2px solid var(--cr);color:var(--cr)}
.plan-btn--outline:hover{background:var(--cr);color:var(--cm)}
.plan-btn--primary{background:var(--cr);color:var(--cm)}
.plan-btn--primary:hover{background:var(--cr3);transform:translateY(-1px)}
@media(max-width:600px){.plan-grid{grid-template-columns:1fr}}

/* ── JAR SELECTOR ── */
#jar-selector{display:none;margin-top:52px}
.slots-row{display:flex;gap:8px;margin-bottom:36px;justify-content:center}
.slot{flex:1;max-width:130px;min-width:80px;height:120px;border:2px dashed rgba(28,16,8,.45);background:rgba(28,16,8,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .2s;border-radius:2px}
.slot.filled{border:2px solid var(--cr);background:var(--cm);cursor:pointer;height:120px}
.slot.filled:hover{border-color:var(--cr2)}
.slot-num{font-family:var(--ff-lat);font-size:.72rem;letter-spacing:.1em;color:rgba(28,16,8,.75);margin-bottom:5px;font-weight:700}
.slot-icon{font-size:1.6rem;margin-bottom:3px}
.slot-label{font-family:var(--ff-lat);font-size:.78rem;font-weight:700;color:var(--cr);text-align:center;line-height:1.2}
.slot-remove{position:absolute;top:3px;right:5px;font-size:.7rem;color:rgba(139,26,26,.35);line-height:1}
.slot-duck-extra{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-family:var(--ff-lat);font-size:.52rem;color:var(--gd);white-space:nowrap}
.slot-empty-icon{font-size:1.5rem;opacity:.5;margin-bottom:4px}
.slot-empty-text{font-family:var(--ff-lat);font-size:.75rem;letter-spacing:.1em;color:rgba(28,16,8,.65);font-weight:600}
.slot-plus{font-size:1.8rem;color:rgba(28,16,8,.45);font-weight:300;line-height:1;font-family:var(--ff-lat)}
.products-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:32px}
.product-card{background:#FDFAF4;border:1.5px solid rgba(28,16,8,.1);padding:14px 8px 10px;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.product-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cr);transform:scaleX(0);transition:transform .22s}
.product-card:hover{border-color:var(--cr);transform:translateY(-3px)}
.product-card:hover::before{transform:scaleX(1)}
.product-card.maxed{opacity:.4;cursor:not-allowed}
.product-card.maxed:hover{transform:none;border-color:var(--cd)}
.product-card.maxed::before{transform:scaleX(0)!important}
.pc-icon{font-size:1.8rem;margin-bottom:6px;display:block}
.pc-name{font-family:var(--ff-geo);font-size:.82rem;font-weight:700;color:var(--dk);margin-bottom:2px;line-height:1.2}
.pc-sub{font-family:var(--ff-lat);font-size:.68rem;letter-spacing:.07em;color:var(--dw);opacity:.75}
.pc-duck-note{font-family:var(--ff-lat);font-size:.58rem;letter-spacing:.04em;color:rgba(92,58,30,.55);margin-top:4px;line-height:1.3}
.price-bar{background:var(--dk);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.price-num{font-family:var(--ff-geo);font-size:2rem;font-weight:900;color:var(--cm);line-height:1}
.price-currency{font-family:var(--ff-lat);font-size:1rem;color:var(--gl)}
.price-label-detail{font-size:.9rem;color:rgba(245,237,216,.6);margin-top:2px}
.slots-left-label{font-family:var(--ff-lat);font-size:.85rem;letter-spacing:.06em;color:var(--gd)}
.price-actions{display:flex;gap:10px}
.btn-once{background:var(--cm);color:var(--dk);font-family:var(--ff-lat);font-weight:700;font-size:.88rem;letter-spacing:.1em;padding:11px 22px;border:none;cursor:pointer;transition:all .2s}
.btn-once:disabled{opacity:.35;cursor:not-allowed}
.btn-once:not(:disabled):hover{background:var(--cd)}
.btn-sub{background:var(--cr);color:var(--cm);font-family:var(--ff-lat);font-weight:700;font-size:.88rem;letter-spacing:.1em;padding:11px 22px;border:none;cursor:pointer;transition:all .2s}
.btn-sub:disabled{opacity:.35;cursor:not-allowed}
.btn-sub:not(:disabled):hover{background:var(--cr3)}
.sub-note{text-align:center;font-family:var(--ff-lat);font-size:.78rem;letter-spacing:.06em;color:var(--dw);opacity:.8}
@media(max-width:600px){.products-row{grid-template-columns:repeat(3,1fr)}.slots-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px}.slot{max-width:100%;min-width:0}.slot-num{font-size:.55rem}.slot-label{font-size:.6rem}}


/* ── WHY GOLD CLUB ── */
.wgc-grid { grid-template-columns:1fr 1fr }
.wgc-card { background:rgba(28,16,8,0.05);border:1px solid rgba(200,149,42,.35);padding:28px 24px;border-radius:2px }
.wgc-num { font-family:var(--ff-geo);font-size:2rem;font-weight:900;color:var(--gd);opacity:.6;line-height:1;margin-bottom:10px }
.wgc-heading { font-family:var(--ff-geo);font-size:1.05rem;color:var(--dk);margin:0 0 10px;font-weight:700 }
.wgc-body { font-family:var(--ff-lat);font-size:.85rem;color:rgba(28,16,8,.7);line-height:1.65;margin:0 }
@media(max-width:600px){ .wgc-grid{ grid-template-columns:1fr } }

@media(max-width:700px){.about-cards-grid{grid-template-columns:1fr!important}}
/* ── FAQ ── */
#faq{background:var(--cd);padding:80px 40px}
.faq-inner{max-width:700px;margin:0 auto}
.faq-list{margin-top:36px}
.faq-item{border-bottom:1px solid rgba(28,16,8,.1)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;cursor:pointer;font-family:var(--ff-geo);font-size:1.05rem;font-weight:600;color:var(--dk);user-select:none}
.faq-arrow{color:var(--cr);font-size:1.1rem;flex-shrink:0;transition:transform .2s}
.faq-item.open .faq-arrow{transform:rotate(45deg)}
.faq-a{font-size:1.176rem;color:var(--dk);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-family:var(--ff-body);font-style:italic}
.faq-item.open .faq-a{max-height:280px;padding-bottom:16px}

/* ── FOOTER ── */
footer{background:#0e0703;padding:44px 40px 24px;text-align:center;border-top:1px solid rgba(200,149,42,.1)}
.footer-brand-geo{font-family:var(--ff-geo);font-size:1.3rem;font-weight:900;color:var(--cm)}
.footer-brand-lat{font-family:var(--ff-lat);font-size:.75rem;letter-spacing:.22em;color:var(--gd);margin-top:4px;margin-bottom:22px}
.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:20px}
.footer-links a{font-size:.88rem;color:rgba(245,237,216,.55);text-decoration:none;letter-spacing:.06em;transition:color .2s;cursor:pointer}
.footer-links a:hover{color:var(--gd)}
.footer-copy{font-size:.8rem;color:rgba(245,237,216,.45);border-top:1px solid rgba(200,149,42,.07);padding-top:18px}

/* ── MODAL ── */
#modal-overlay{position:fixed;inset:0;z-index:800;background:rgba(14,7,3,.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .3s}
#modal-overlay.open{opacity:1;pointer-events:auto}

#acct-overlay.open{display:flex!important;opacity:1}
.acct-sub-card{background:rgba(28,16,8,.04);border:1.5px solid rgba(28,16,8,.12);padding:18px;margin-bottom:14px}
.acct-order-row{border-bottom:1px solid rgba(28,16,8,.08);padding:14px 0}
.acct-order-row:last-child{border-bottom:none}

.modal{background:var(--cm);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(14,7,3,.6)}
.modal-header{background:var(--dk);padding:22px 26px 18px;position:relative}
.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:rgba(245,237,216,.35);font-size:1.3rem;cursor:pointer;line-height:1;transition:color .2s}
.modal-close:hover{color:var(--cm)}
.modal-steps{display:flex;gap:5px;margin-bottom:14px}
.modal-step-dot{width:26px;height:3px;background:rgba(245,237,216,.13);transition:background .3s}
.modal-step-dot.done{background:var(--gd)}
.modal-step-dot.active{background:var(--cr)}
.modal-title{font-family:var(--ff-geo);font-size:1.15rem;font-weight:900;color:var(--cm)}
.modal-subtitle{font-size:.76rem;color:rgba(245,237,216,.4);margin-top:3px}
.modal-body{padding:26px 28px}
.modal-footer{padding:0 26px 26px;display:flex;gap:10px}
.btn-modal-back{background:var(--cd);color:var(--dk);font-family:var(--ff-lat);font-size:.72rem;letter-spacing:.1em;padding:11px 18px;border:none;cursor:pointer;transition:background .2s}
.btn-modal-back:hover{background:var(--cl)}
.btn-modal-next{flex:1;background:var(--cr);color:var(--cm);font-family:var(--ff-lat);font-weight:700;font-size:.75rem;letter-spacing:.12em;padding:12px;border:none;cursor:pointer;transition:all .2s}
.btn-modal-next:hover{background:var(--cr3)}
.btn-modal-next:disabled{opacity:.32;cursor:not-allowed}
.order-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.order-type-card{border:2px solid var(--cd);padding:18px 14px;cursor:pointer;text-align:center;transition:all .2s;background:var(--wh)}
.order-type-card:hover,.order-type-card.selected{border-color:var(--cr);background:rgba(139,26,26,.03)}
.otc-title{font-family:var(--ff-geo);font-size:.9rem;font-weight:700;color:var(--dk);margin-bottom:5px}
.otc-price{font-family:var(--ff-lat);font-size:1.3rem;font-weight:700;color:var(--cr)}
.otc-note{font-size:.7rem;color:var(--dw);margin-top:4px;line-height:1.4}
.order-summary{background:var(--cd);padding:12px 14px;margin-bottom:18px}
.os-title{font-family:var(--ff-lat);font-size:.62rem;letter-spacing:.15em;color:var(--dw);margin-bottom:8px}
.os-item{display:flex;justify-content:space-between;font-size:.8rem;color:var(--dk);padding:2px 0}
.os-total{border-top:1px solid rgba(28,16,8,.1);margin-top:7px;padding-top:7px;font-weight:700;font-family:var(--ff-lat)}
.social-btns{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.social-btn{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1.5px solid var(--cd);background:var(--wh);cursor:pointer;font-family:var(--ff-lat);font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--dk);transition:all .2s;width:100%}
.social-btn:hover{border-color:var(--cr)}
.social-btn svg{width:18px;height:18px;flex-shrink:0}
.divider-or{text-align:center;font-family:var(--ff-lat);font-size:.62rem;letter-spacing:.2em;color:rgba(28,16,8,.28);margin:14px 0;position:relative}
.divider-or::before,.divider-or::after{content:'';position:absolute;top:50%;width:41%;height:1px;background:rgba(28,16,8,.1)}
.divider-or::before{left:0}.divider-or::after{right:0}
.form-field{margin-bottom:12px}
.form-label{display:block;font-family:var(--ff-lat);font-size:.62rem;letter-spacing:.12em;color:var(--dw);margin-bottom:5px}
.form-input{width:100%;border:1.5px solid var(--cd);background:var(--wh);padding:10px 13px;font-family:var(--ff-geo);font-size:.85rem;color:var(--dk);outline:none;transition:border-color .2s}
.form-input:focus{border-color:var(--cr)}
.form-error{font-size:.7rem;color:#e53;margin-top:3px;display:none}
.form-error.show{display:block}
.sms-info{background:var(--cd);padding:12px 14px;margin-bottom:18px;font-size:.83rem;color:var(--dw);line-height:1.6}
.sms-code-input{width:100%;border:2px solid var(--cd);background:var(--wh);padding:13px;font-family:var(--ff-lat);font-size:1.3rem;letter-spacing:.3em;text-align:center;color:var(--dk);outline:none;transition:border-color .2s;margin-bottom:7px}
.sms-code-input:focus{border-color:var(--cr)}
.sms-resend{font-family:var(--ff-lat);font-size:.68rem;color:var(--gd);cursor:pointer;text-decoration:underline}
.sms-demo-note{font-size:0.816rem;color:rgba(28,16,8,.35);font-style:italic;margin-top:5px}
.shipping-dates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:18px}
.date-card{border:2px solid var(--cd);padding:16px 10px;text-align:center;cursor:pointer;transition:all .2s;background:var(--wh)}
.date-card:hover,.date-card.selected{border-color:var(--cr);background:rgba(139,26,26,.03)}
.date-day{font-family:var(--ff-lat);font-size:1.6rem;font-weight:700;color:var(--cr);line-height:1;margin-bottom:3px}
.date-label{font-size:.67rem;color:var(--dw);letter-spacing:.05em}
.payment-options{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.payment-opt{border:2px solid var(--cd);padding:14px;cursor:pointer;transition:all .2s;background:var(--wh);display:flex;align-items:center;gap:11px}
.payment-opt:hover,.payment-opt.selected{border-color:var(--cr)}
.payment-opt-radio{width:17px;height:17px;border:2px solid var(--cd);border-radius:50%;flex-shrink:0;position:relative}
.payment-opt.selected .payment-opt-radio{border-color:var(--cr)}
.payment-opt.selected .payment-opt-radio::after{content:'';position:absolute;inset:3px;background:var(--cr);border-radius:50%}
.payment-opt-title{font-family:var(--ff-lat);font-size:.78rem;font-weight:700;color:var(--dk);margin-bottom:2px}
.payment-opt-sub{font-size:.7rem;color:var(--dw)}
.wire-info{background:var(--cd);padding:13px 14px;font-size:.78rem;color:var(--dw);line-height:1.7;display:none}
.wire-info.show{display:block}
.wire-info strong{color:var(--dk)}
/* ── STRIPE ELEMENTS ── */
.stripe-card-wrapper{margin-top:16px;display:none}
.stripe-card-wrapper.show{display:block}
.stripe-card-label{font-family:var(--ff-lat);font-size:.72rem;letter-spacing:.08em;color:var(--dw);margin-bottom:8px}
#stripe-card-element{border:1.5px solid rgba(28,16,8,.2);padding:13px 14px;background:var(--wh);transition:border-color .2s}
#stripe-card-element.StripeElement--focus{border-color:var(--cr)}
#stripe-card-element.StripeElement--invalid{border-color:#c0392b}
#stripe-card-errors{color:#c0392b;font-size:.78rem;font-family:var(--ff-lat);margin-top:8px;min-height:18px}
.confirm-icon{text-align:center;font-size:2.8rem;margin-bottom:14px}
.confirm-title{font-family:var(--ff-geo);font-size:1.3rem;font-weight:900;color:var(--cr);text-align:center;margin-bottom:9px}
.confirm-text{font-family:var(--ff-body);font-style:italic;text-align:center;color:var(--dw);line-height:1.7;margin-bottom:18px}
.confirm-details{background:var(--cd);padding:14px;font-size:.8rem;color:var(--dw);line-height:1.75}
.confirm-details strong{color:var(--dk)}
.upsell-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px}
.upsell-divider-line{flex:1;height:1px;background:rgba(28,16,8,.1)}
.upsell-divider-text{font-family:var(--ff-lat);font-size:.6rem;letter-spacing:.2em;color:var(--dw);opacity:.45;white-space:nowrap}
.upsell-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.upsell-card{background:var(--cd);padding:14px 12px;border:1.5px solid transparent;transition:border-color .2s}
.upsell-card:hover{border-color:var(--gd)}
.upsell-card-icon{font-size:1.6rem;margin-bottom:7px}
.upsell-card-title{font-family:var(--ff-geo);font-size:.8rem;font-weight:700;color:var(--dk);margin-bottom:4px}
.upsell-card-sub{font-size:.7rem;color:var(--dw);line-height:1.5}
.upsell-cta{display:flex;align-items:center;justify-content:space-between;background:var(--dk);padding:13px 16px;text-decoration:none;transition:background .2s}
.upsell-cta:hover{background:var(--dm)}
.upsell-cta-left p{font-family:var(--ff-lat);font-size:.62rem;letter-spacing:.14em;color:var(--gd);margin-bottom:2px}
.upsell-cta-left strong{font-family:var(--ff-geo);font-size:.9rem;font-weight:900;color:var(--cm)}
.upsell-cta-arrow{font-size:1.3rem;color:var(--gd)}
.btn-close-small{background:none;border:none;color:var(--dw);font-family:var(--ff-lat);font-size:.68rem;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;opacity:.45;transition:opacity .2s;width:100%;margin-top:4px}
.btn-close-small:hover{opacity:1}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .nav-top-row{padding:0 14px}
  .nav-logo-name{font-size:.68rem;letter-spacing:.08em}
  .nav-right{gap:8px}
  .nav-phone-link{display:none}
  .nav-links-row{display:none}
  .nav-cta-text{display:none}
  .nav-cta{padding:8px 10px;min-width:36px;min-height:36px;letter-spacing:0}
  .nav-hamburger{display:flex}
  #nav-phone-icon{display:flex!important}
  #nav-drawer{top:64px}
  #nav-drawer-overlay{top:64px}
  .section,.section-inner{padding-left:20px;padding-right:20px}
  #origin,#why,#ingredients,#final-cta{padding-left:20px!important;padding-right:20px!important}
  #founder{padding-left:16px;padding-right:16px}
  #reserve,#builder,#varieties,#standard,#faq{padding-left:20px!important;padding-right:20px!important}
  footer{padding-left:20px!important;padding-right:20px!important}
  #trust{padding-left:16px!important;padding-right:16px!important;gap:16px}
  .hero-btns{flex-direction:column;align-items:center}
  .sub-note{font-size:.7rem;white-space:normal;word-break:break-word}
  #acct-body{padding:18px 16px 22px!important}
}
@media(max-width:500px){
  .shipping-dates{grid-template-columns:1fr 1fr}
  .order-type-choice{grid-template-columns:1fr}
  .modal-body{padding:18px 16px}
  .modal-footer{padding:0 16px 20px}
}
@media(max-width:425px){
  .nav-logo-name{display:none}
}

#back-to-top{position:fixed;bottom:24px;right:24px;z-index:700;width:44px;height:44px;background:var(--cr);color:var(--cm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 4px 16px rgba(14,7,3,.35)}
#back-to-top.visible{opacity:1;pointer-events:auto}
#back-to-top:hover{transform:translateY(-3px)}
#back-to-top svg{width:18px;height:18px}