/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

  :root{
    --bg:#0a0a0b;--bg-2:#101012;--card:#141416;--card-2:#1a1a1d;--line:#262629;
    --yellow:#f5c518;--yellow-bright:#ffce00;--cream:#f3efe6;--white:#f7f5f0;
    --muted:#8c8c90;--muted-2:#5f5f63;--orange:#c8772f;--olive:#8a8a3a;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--cream);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
  .wrap{max-width:1320px;margin:0 auto;padding:0 40px}
  section{padding:88px 0;border-bottom:1px solid var(--line)}
  .eyebrow{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.28em;text-transform:uppercase;font-size:13px;color:var(--yellow);display:flex;align-items:center;gap:18px;margin-bottom:26px}
  .eyebrow::before{content:"";width:46px;height:2px;background:var(--yellow)}
  h2.section-title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.02em;color:var(--white);margin-bottom:14px}
  h2.section-title .yel{color:var(--yellow)}
  .lead{color:var(--muted);max-width:620px;font-size:17px}

  /* ===== TOP BAR ===== */
  .ticker{background:var(--yellow);color:#000;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:13px;text-align:center;padding:11px 20px}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(10,10,11,.86);backdrop-filter:blur(10px)}
  .logo{font-family:'Archivo',sans-serif;font-weight:900;font-size:26px;letter-spacing:.04em;color:var(--white);display:flex;align-items:center;gap:2px;text-decoration:none}
  .logo .male{color:var(--yellow);font-size:20px;transform:translateY(-2px)}
  .nav-links{display:flex;gap:30px;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted)}
  .nav-links a{color:var(--muted);text-decoration:none;transition:color .15s}
  .nav-links a:hover{color:var(--white)}
  .nav-right{display:flex;align-items:center;gap:22px}
  /* cart button */
  #cart-btn{position:relative;display:flex;align-items:center;gap:9px;background:var(--yellow);color:#000;border:0;cursor:pointer;
    font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding:11px 18px}
  #cart-btn:hover{background:var(--yellow-bright)}
  #cart-btn svg{width:17px;height:17px;display:block}
  #cart-btn.pulse{animation:cpulse .45s ease}
  @keyframes cpulse{0%{transform:scale(1)}40%{transform:scale(1.09)}100%{transform:scale(1)}}
  #cart-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;border-radius:999px;background:#000;color:var(--yellow);
    font-family:'Archivo',sans-serif;font-weight:900;font-size:11px;display:none;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--yellow)}
  #cart-badge.show{display:flex}

  /* ===== HERO ===== */
  .hero{padding:74px 0 80px}
  .hero h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(48px,8vw,104px);line-height:.92;letter-spacing:-.03em;color:var(--white)}
  .hero h1 em{font-style:italic;color:var(--yellow);font-weight:900}
  .hero .sub{margin-top:26px;font-size:19px;color:var(--muted);max-width:640px}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}
  .hero-stats{display:flex;flex-wrap:wrap;gap:54px;margin-top:46px}
  .stat .n{font-family:'Archivo',sans-serif;font-weight:900;font-size:52px;color:var(--yellow);line-height:1}
  .stat .l{font-family:'Oswald',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--muted);margin-top:8px}

  /* ===== BUY BUTTON ===== */
  .buy{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12px;
    background:var(--yellow);color:#000;border:0;padding:12px 18px;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}
  .buy:hover{background:var(--yellow-bright)}
  .buy:active{transform:translateY(1px)}
  .buy-lg{width:100%;padding:17px 22px;font-size:14px;letter-spacing:.16em;margin-top:8px}
  .buy-ghost{background:transparent;color:var(--yellow);border:1px solid var(--line);width:100%;margin-top:16px;padding:12px}
  .buy-ghost:hover{background:var(--bg-2);border-color:var(--yellow)}
  .buy-line{background:transparent;color:var(--white);border:1px solid var(--line);padding:15px 26px}
  .buy-line:hover{border-color:var(--yellow);color:var(--yellow);background:transparent}

  /* ===== PRODUCT GRID ===== */
  .grid{display:grid;gap:22px}
  .prod-grid{grid-template-columns:repeat(3,1fr);margin-top:8px}
  .prod{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;transition:border-color .2s,transform .2s;cursor:pointer}
  .prod:hover{border-color:#3a3a3e;transform:translateY(-3px)}
  .prod .shot{background:#fff;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .prod .shot img{width:100%;height:100%;object-fit:contain}
  .prod .body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
  .prod .brand{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:var(--yellow)}
  .prod .name{font-family:'Archivo',sans-serif;font-weight:700;font-size:21px;color:var(--white);margin:8px 0 4px;line-height:1.1}
  .prod .en{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted)}
  .prod .tags{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--muted-2);margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
  .prod-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
  .prod .dose{font-family:'Archivo',sans-serif;font-weight:900;font-size:20px;color:var(--yellow)}
  .prod .price{color:var(--cream);font-size:14px;margin-left:9px;font-weight:600;font-family:'Archivo',sans-serif}

  /* ===== STACKS ===== */
  .stacks{grid-template-columns:1fr 1fr;margin-top:8px}
  .stack{background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .2s,transform .2s}
  .stack:hover{border-color:#3a3a3e;transform:translateY(-3px)}
  .stack .shot{aspect-ratio:16/9;background:#11131c;overflow:hidden}
  .stack .shot img{width:100%;height:100%;object-fit:cover}
  .stack .body{padding:28px 30px 30px;display:flex;flex-direction:column;flex:1}
  .stack .idx{font-family:'Archivo',sans-serif;font-weight:900;font-size:15px;color:var(--yellow);letter-spacing:.1em}
  .stack .label{display:inline-block;align-self:flex-start;background:var(--yellow);color:#000;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:10px;padding:5px 11px;margin-bottom:14px}
  .stack h3{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:26px;letter-spacing:.01em;color:var(--white);margin-bottom:16px}
  .ing{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
  .ing span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cream);border:1px solid var(--line);padding:6px 11px;background:var(--bg-2)}
  .benefits{border-top:1px solid var(--line);padding-top:16px;margin-bottom:18px}
  .benefits li{list-style:none;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:13px;color:var(--muted);padding:6px 0;display:flex;gap:12px}
  .benefits li::before{content:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f5c518'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'/%3E%3Cpolyline%20points='12%205%2019%2012%2012%2019'/%3E%3C/svg%3E");vertical-align:-2px}
  .stack-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
  .stack-foot .dose{font-family:'Archivo',sans-serif;font-weight:900;font-size:24px;color:var(--yellow)}
  .stack-foot .price{display:block;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:var(--muted);margin-top:2px}

  /* ===== FLAGSHIP ===== */
  .flag{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);background:var(--card);margin-top:8px;overflow:hidden;cursor:pointer;transition:border-color .2s}
  .flag:hover{border-color:#3a3a3e}
  .flag .visual{background:#0d0d0f;display:flex;align-items:center;justify-content:center;padding:20px;min-height:420px}
  .flag .visual img{max-width:100%;max-height:440px;object-fit:contain}
  .flag .info{padding:48px 50px}
  .flag .label{display:inline-block;background:var(--yellow);color:#000;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:11px;padding:6px 13px;margin-bottom:22px}
  .flag h3{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,5vw,62px);line-height:.92;color:var(--white);letter-spacing:.01em}
  .flag .meta{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--muted);margin:18px 0 22px}
  .flag .price{font-family:'Archivo',sans-serif;font-weight:900;font-size:56px;color:var(--yellow);line-height:1}
  .flag .price small{font-family:'Oswald',sans-serif;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:14px}
  .flag .incl{margin-top:26px;border-top:1px solid var(--line);padding-top:22px}
  .flag .incl li{list-style:none;padding:9px 0;display:flex;gap:14px;align-items:center;font-size:16px;color:var(--cream)}
  .flag .incl li::before{content:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f5c518'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='20%206%209%2017%204%2012'/%3E%3C/svg%3E");vertical-align:-2px}
  .flag-feats{display:flex;gap:34px;flex-wrap:wrap;margin:26px 0 8px}
  .flag-feats .ff .t{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--white)}
  .flag-feats .ff .d{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-top:5px}

  /* ===== QUIZ STACKS ===== */
  .quiz-grid{grid-template-columns:repeat(3,1fr);margin-top:8px}
  .qcard{background:var(--card);border:1px solid var(--line);padding:26px 26px 26px;display:flex;flex-direction:column}
  .qcard .ic{font-size:24px;margin-bottom:14px}
  .qcard h4{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:20px;color:var(--white);letter-spacing:.02em}
  .qcard .formula{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--yellow);margin:12px 0 14px;line-height:1.8}
  .qcard p{font-size:14px;color:var(--muted);flex:1}

  /* ===== MODAL ===== */
  #modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(5,5,6,.78);backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;padding:34px;opacity:0;pointer-events:none;transition:opacity .2s}
  #modal-overlay.open{opacity:1;pointer-events:auto}
  #modal-card{position:relative;background:var(--card);border:1px solid var(--line);width:100%;max-width:980px;max-height:90vh;overflow:auto;
    display:grid;grid-template-columns:1fr 1fr;transform:translateY(14px);transition:transform .25s}
  #modal-overlay.open #modal-card{transform:none}
  .m-close{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border:1px solid var(--line);background:rgba(10,10,11,.7);
    color:var(--white);font-size:16px;cursor:pointer;font-family:'Oswald',sans-serif}
  .m-close:hover{border-color:var(--yellow);color:var(--yellow)}
  .m-visual{background:#fff;display:flex;align-items:center;justify-content:center;padding:30px;min-height:420px}
  .m-visual img{width:100%;height:100%;max-height:520px;object-fit:contain}
  .m-visual.flag-visual{background:#0d0d0f}
  .m-info{padding:42px 44px 40px;display:flex;flex-direction:column}
  .m-brand{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:var(--yellow)}
  .m-title{font-family:'Archivo',sans-serif;font-weight:800;font-size:32px;line-height:1.02;letter-spacing:-.01em;color:var(--white);margin:10px 0 6px}
  .m-en{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted)}
  .m-desc{font-size:15.5px;color:var(--cream);margin:18px 0 6px;line-height:1.6}
  .m-sec-h{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--muted);margin:22px 0 12px;border-top:1px solid var(--line);padding-top:18px}
  .m-incl{margin:0}
  .m-incl li{list-style:none;padding:7px 0;display:flex;gap:12px;align-items:center;font-size:15px;color:var(--cream)}
  .m-incl li::before{content:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f5c518'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='20%206%209%2017%204%2012'/%3E%3C/svg%3E");vertical-align:-2px}
  .m-comps{display:flex;flex-direction:column;gap:10px}
  .m-comp{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--bg-2);padding:10px 12px;cursor:pointer;transition:border-color .15s}
  .m-comp:hover{border-color:var(--yellow)}
  .m-comp-img{width:46px;height:46px;background:#fff;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .m-comp-img img{width:100%;height:100%;object-fit:contain}
  .m-comp-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;color:var(--white)}
  .m-comp-dose{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-top:2px}
  .m-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);margin-top:18px}
  .m-specs div{padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
  .m-specs div:nth-child(2n){border-right:0}
  .m-specs div:nth-last-child(-n+2){border-bottom:0}
  .m-specs span{font-family:'Oswald',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:10px;color:var(--muted)}
  .m-specs b{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;color:var(--white)}
  .m-buybar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}
  .m-price{font-family:'Archivo',sans-serif;font-weight:900;font-size:38px;color:var(--yellow);line-height:1;display:flex;flex-direction:column}
  .m-save{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:10px;color:var(--muted);margin-top:4px}
  .m-qty{display:flex;align-items:center;border:1px solid var(--line)}
  .m-qty button{width:42px;height:44px;background:var(--bg-2);border:0;color:var(--white);font-size:20px;cursor:pointer;font-family:'Oswald',sans-serif}
  .m-qty button:hover{background:var(--card-2);color:var(--yellow)}
  .m-qty span{min-width:42px;text-align:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;color:var(--white)}
  .m-trust{font-family:'Oswald',sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;color:var(--muted-2);margin-top:16px;text-align:center}

  /* ===== CART DRAWER ===== */
  #cart-scrim{position:fixed;inset:0;z-index:90;background:rgba(5,5,6,.6);opacity:0;pointer-events:none;transition:opacity .25s}
  #cart-scrim.open{opacity:1;pointer-events:auto}
  #cart-drawer{position:fixed;top:0;right:0;height:100%;width:440px;max-width:92vw;z-index:95;background:var(--bg-2);border-left:1px solid var(--line);
    transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
  #cart-drawer.open{transform:none}
  .cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}
  .cart-head h3{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:19px;color:var(--white);display:flex;align-items:center;gap:10px}
  .cart-head .cc-num{color:var(--yellow)}
  #cart-close{background:none;border:1px solid var(--line);color:var(--white);width:38px;height:38px;cursor:pointer;font-size:15px;font-family:'Oswald',sans-serif}
  #cart-close:hover{border-color:var(--yellow);color:var(--yellow)}
  #cart-items{flex:1;overflow:auto;padding:8px 24px}
  .cart-row{display:grid;grid-template-columns:62px 1fr auto;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
  .cart-thumb{width:62px;height:62px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .cart-thumb img{width:100%;height:100%;object-fit:contain}
  .cart-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;color:var(--white);line-height:1.15}
  .cart-unit{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin:4px 0 10px}
  .cart-qty{display:flex;align-items:center;gap:0}
  .cart-qty button{width:28px;height:28px;border:1px solid var(--line);background:var(--card);color:var(--white);cursor:pointer;font-size:14px;font-family:'Oswald',sans-serif}
  .cart-qty button:hover{border-color:var(--yellow);color:var(--yellow)}
  .cart-qty span{min-width:34px;text-align:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:14px;color:var(--white)}
  .cart-rm{margin-left:12px;background:none!important;border:0!important;width:auto!important;color:var(--muted-2)!important;font-family:'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:10px;cursor:pointer}
  .cart-rm:hover{color:#cf7a6f!important}
  .cart-line{font-family:'Archivo',sans-serif;font-weight:900;font-size:16px;color:var(--yellow);align-self:start}
  .cart-empty{text-align:center;padding:80px 20px;color:var(--muted)}
  .cart-empty .ce-glyph{font-size:56px;color:var(--line);margin-bottom:18px}
  .cart-empty p{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:17px;color:var(--white)}
  .cart-empty span{display:block;margin-top:8px;font-size:14px}
  .cart-foot{border-top:1px solid var(--line);padding:22px 24px;background:var(--bg)}
  #cart-ship{display:flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--muted);margin-bottom:16px}
  #cart-ship .ic{width:15px;height:15px}
  .cart-sum{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
  .cart-sum .l{font-family:'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--muted)}
  .cart-sum .v{font-family:'Archivo',sans-serif;font-weight:900;font-size:30px;color:var(--white)}
  #cart-checkout{width:100%;margin-bottom:10px}
  #cart-continue{width:100%}

  /* ===== TOAST ===== */
  #toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(20px);z-index:120;background:var(--white);color:#000;
    font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:13px;padding:14px 22px;
    opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border-left:4px solid var(--yellow);max-width:90vw}
  #toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

  /* ===== FOOTER ===== */
  footer{padding:80px 0 70px;border-bottom:0}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
  footer .logo{margin-bottom:18px}
  footer .desc{color:var(--muted);font-size:15px;max-width:300px}
  .foot-col h5{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--white);margin-bottom:16px}
  .foot-col a,.foot-col li{display:block;list-style:none;color:var(--muted);text-decoration:none;font-size:14px;padding:5px 0}
  .foot-col a:hover{color:var(--yellow)}
  .legal{margin-top:50px;padding-top:30px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}
  .legal .chip{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--muted)}
  .legal .copy{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted-2);width:100%;margin-top:14px;line-height:1.7}

  @media(max-width:980px){
    .stacks,.flag{grid-template-columns:1fr}
    .prod-grid,.quiz-grid{grid-template-columns:1fr 1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .wrap{padding:0 24px}
    .nav{padding:16px 24px}
    .nav-links{display:none}
    #modal-card{grid-template-columns:1fr;max-width:520px}
    .m-visual{min-height:300px}
  }
  @media(max-width:620px){
    .prod-grid,.quiz-grid{grid-template-columns:1fr}
    .hero-stats{gap:30px}
    .m-info{padding:30px 26px 30px}
  }

/* ── checkout / order / admin (adamo-store SSR pages) ───────────────── */
.checkout{max-width:760px;margin:0 auto;padding:48px 0 80px}
.checkout h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(28px,4vw,44px);margin:0 0 24px}
.checkout h2{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:18px;margin:32px 0 12px;color:var(--white)}
.co-table{width:100%;border-collapse:collapse;margin:8px 0}
.co-table th,.co-table td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}
.co-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.co-table .num{text-align:right;white-space:nowrap}
.co-table tfoot td{border-bottom:none;color:var(--muted)}
.co-table .co-total td{font-family:'Archivo',sans-serif;font-weight:800;font-size:18px;color:var(--yellow);border-top:1px solid var(--line);padding-top:14px}
.co-form{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.co-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px}
.co-form input,.co-form textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--white);font-size:16px;font-family:inherit}
.co-form input:focus,.co-form textarea:focus{outline:none;border-color:var(--yellow)}
.co-form .buy-lg{margin-top:8px}
.co-status{color:var(--muted);margin:0 0 8px}
.co-delivery{margin-top:24px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.co-delivery p{margin:4px 0}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px 0;align-items:start}
.product-detail .shot{background:#fff;border-radius:16px;overflow:hidden}
.product-detail h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(26px,4vw,40px);margin:8px 0}
@media(max-width:680px){.product-detail{grid-template-columns:1fr}}
/* nav links on standalone pages (checkout/order/product) */
.nav .logo{margin-bottom:0}
.nav-right a{color:var(--muted);text-decoration:none;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;transition:color .15s}
.nav-right a:hover{color:var(--white)}
.co-paid{color:var(--yellow)}
.buy-sm{padding:5px 10px;font-size:11px;margin:2px}
.co-table td .buy-sm{white-space:nowrap}
/* inline SVG icons (replaced emoji) */
.ic{width:1em;height:1em;display:inline-block;vertical-align:-0.14em;flex:none}
.chip .ic{width:14px;height:14px;vertical-align:-2px;margin-right:5px;color:var(--yellow)}
.quiz-ic .ic{width:30px;height:30px;color:var(--yellow);vertical-align:0}
.co-paid .ic,h1 .ic{width:0.9em;height:0.9em;color:var(--yellow);vertical-align:-0.1em}
/* brand / design-system page */
.brand-h{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:14px;margin:36px 0 14px}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.swatch{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px}
.sw-chip{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);flex:none}
.sw-meta b{display:block;font-size:13px}
.sw-meta code{color:var(--muted);font-size:12px}
.type-spec p{margin:10px 0}
/* brand male mark + cart qty icons (replaced ♂ and − +) */
.male .ic{width:.62em;height:.62em;color:var(--yellow);vertical-align:0.04em}
.hero .male .ic{width:.5em;height:.5em}
.ce-glyph .ic{width:48px;height:48px;color:var(--muted)}
.cart-qty .ic{width:15px;height:15px;vertical-align:-2px}

/* ======================================================================
   AWWWARDS MOTION & TEXTURE LAYER (progressive enhancement)
   no-JS / reduced-motion → static, fully usable. html.fx set inline in <head>.
   ====================================================================== */
:root{ --ease:cubic-bezier(.22,1,.36,1); }
html{ scroll-behavior:smooth; }

/* film grain over everything */
body::after{
  content:""; position:fixed; inset:0; z-index:9998; pointer-events:none;
  opacity:.045; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:120px 120px;
}

/* hero glow */
.hero{ position:relative; }
.hero::before{
  content:""; position:absolute; left:-12%; top:-30%; width:60%; height:150%;
  background:radial-gradient(circle at 32% 42%, rgba(245,197,24,.16), transparent 60%);
  filter:blur(38px); pointer-events:none; z-index:-1;
}

/* nav: glass on scroll */
.nav{ transition:background .3s var(--ease), backdrop-filter .3s var(--ease), border-color .3s var(--ease), padding .3s var(--ease); position:sticky; top:0; z-index:90; }
.nav.scrolled{ background:rgba(10,10,11,.72); backdrop-filter:blur(14px) saturate(1.25); border-bottom:1px solid rgba(255,255,255,.07); }

/* nav link underline sweep */
.nav-links a{ position:relative; }
.nav-links a::after{ content:""; position:absolute; left:0; bottom:-5px; height:1px; width:100%; background:var(--yellow); transform:scaleX(0); transform-origin:right; transition:transform .3s var(--ease); }
.nav-links a:hover::after{ transform:scaleX(1); transform-origin:left; }

/* buttons: smooth (magnetic via JS) + glow */
.buy{ transition:transform .25s var(--ease), background .2s, color .2s, box-shadow .25s; }
.buy:hover{ box-shadow:0 8px 28px rgba(245,197,24,.30); }

/* product / stack / quiz cards: lift + image zoom + accent sweep */
.prod,.stack,.quiz-card{ position:relative; overflow:hidden; transition:transform .45s var(--ease), border-color .3s, box-shadow .45s; }
.prod:hover,.quiz-card:hover,.stack:hover{ transform:translateY(-6px); box-shadow:0 20px 54px rgba(0,0,0,.55); }
.prod .shot,.stack .shot{ overflow:hidden; }
.prod .shot img,.stack .shot img{ transition:transform .6s var(--ease); will-change:transform; }
.prod:hover .shot img,.stack:hover .shot img{ transform:scale(1.06); }
.prod::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--yellow); transform:scaleX(0); transform-origin:left; transition:transform .45s var(--ease); }
.prod:hover::after{ transform:scaleX(1); }

/* numbers count-up: stable width */
.stat .n{ font-variant-numeric:tabular-nums; }

/* scroll progress bar */
.scroll-prog{ position:fixed; top:0; left:0; height:2px; width:100%; background:var(--yellow); transform:scaleX(0); transform-origin:0 50%; z-index:10001; }
@supports (animation-timeline: scroll()){
  .scroll-prog{ animation:sp-grow linear both; animation-timeline:scroll(root); }
  @keyframes sp-grow{ to{ transform:scaleX(1); } }
}

/* custom cursor (desktop pointer only) */
@media (hover:hover) and (pointer:fine){
  body.has-cursor{ cursor:none; }
  body.has-cursor a, body.has-cursor button, body.has-cursor .prod, body.has-cursor .quiz-card, body.has-cursor .stack{ cursor:none; }
  .cur-dot,.cur-ring{ position:fixed; left:0; top:0; z-index:10010; pointer-events:none; border-radius:50%; mix-blend-mode:difference; }
  .cur-dot{ width:7px; height:7px; background:#fff; transform:translate(-50%,-50%); }
  .cur-ring{ width:34px; height:34px; border:1px solid rgba(255,255,255,.65); transform:translate(-50%,-50%); transition:width .22s var(--ease), height .22s var(--ease), border-color .22s, background .22s; }
  .cur-ring.hot{ width:56px; height:56px; border-color:var(--yellow); background:rgba(245,197,24,.08); }
}

/* intro loader */
#intro{ position:fixed; inset:0; z-index:10020; background:var(--bg); display:grid; place-items:center; transition:opacity .6s var(--ease), visibility .6s; }
#intro.gone{ opacity:0; visibility:hidden; }
#intro .il{ overflow:hidden; font-family:'Archivo',sans-serif; font-weight:900; letter-spacing:-.03em; font-size:clamp(46px,10vw,140px); color:var(--white); line-height:1; }
#intro .il b{ display:inline-block; transform:translateY(115%); }
#intro .il .y{ color:var(--yellow); }

/* ticker marquee */
.ticker{ overflow:hidden; white-space:nowrap; }

/* ===== motion (skipped entirely under reduced-motion) ===== */
@media (prefers-reduced-motion: no-preference){
  /* reveal-on-scroll: html.fx pre-hides above-the-fold to kill flash */
  html.fx .hero > *,
  html.fx section .eyebrow,
  html.fx section .section-title,
  html.fx section .lead,
  html.fx .prod, html.fx .stack, html.fx .quiz-card,
  html.fx #flag-mount > *,
  html.fx .foot-col, html.fx footer .legal{
    opacity:0; transform:translateY(34px); transition:opacity .7s var(--ease), transform .7s var(--ease);
  }
  html.fx .in{ opacity:1 !important; transform:none !important; }
  html.fx .d1{ transition-delay:.06s } html.fx .d2{ transition-delay:.12s }
  html.fx .d3{ transition-delay:.18s } html.fx .d4{ transition-delay:.24s }

  /* hero kinetic em */
  .hero h1 em{ display:inline-block; }

  /* intro letters rise */
  #intro .il b{ animation:il-up .75s var(--ease) forwards; }
  #intro .il b:nth-child(2){ animation-delay:.06s } #intro .il b:nth-child(3){ animation-delay:.12s }
  #intro .il b:nth-child(4){ animation-delay:.18s } #intro .il b:nth-child(5){ animation-delay:.24s }
  #intro .il b:nth-child(6){ animation-delay:.30s }
  @keyframes il-up{ to{ transform:none; } }

  /* ticker scroll */
  .ticker .mq{ display:inline-block; animation:mq 26s linear infinite; }
  .ticker:hover .mq{ animation-play-state:paused; }
  @keyframes mq{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
}

/* page transitions (native, same-origin MPA) */
@view-transition{ navigation:auto; }
@media (prefers-reduced-motion: no-preference){
  ::view-transition-old(root){ animation:vt-out .3s var(--ease) both; }
  ::view-transition-new(root){ animation:vt-in .42s var(--ease) both; }
  @keyframes vt-out{ to{ opacity:0; transform:translateY(-6px); } }
  @keyframes vt-in{ from{ opacity:0; transform:translateY(14px); } }
}

/* ======================================================================
   NATIVE UI: text selection, scrollbar, form controls, focus
   ====================================================================== */
::selection{ background:var(--yellow); color:#000; text-shadow:none; }
::-moz-selection{ background:var(--yellow); color:#000; text-shadow:none; }

/* scrollbar */
html{ scrollbar-width:thin; scrollbar-color:#2e2e33 var(--bg); }
::-webkit-scrollbar{ width:12px; height:12px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{ background:#2e2e33; border:3px solid var(--bg); border-radius:999px; }
::-webkit-scrollbar-thumb:hover{ background:var(--yellow); }
::-webkit-scrollbar-corner{ background:var(--bg); }

/* form controls — dark, on-brand */
input:not([type=hidden]):not([type=checkbox]):not([type=radio]), textarea, select{
  font-family:'Archivo',system-ui,sans-serif; font-size:15px; color:var(--white);
  background:var(--bg-2); border:1px solid var(--line); border-radius:0; padding:13px 15px; width:100%;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
input::placeholder, textarea::placeholder{ color:var(--muted-2); }
input:not([type=hidden]):focus, textarea:focus, select:focus{
  outline:none; border-color:var(--yellow); box-shadow:0 0 0 3px rgba(245,197,24,.16); background:var(--card);
}
textarea{ resize:vertical; min-height:88px; }
/* custom <select> arrow */
select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='14'%20height='14'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23f5c518'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='6%209%2012%2015%2018%209'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
select option{ background:var(--bg-2); color:var(--white); }
/* dark autofill */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--white); -webkit-box-shadow:0 0 0 1000px var(--bg-2) inset; caret-color:var(--white);
}
/* keyboard focus accent */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible{ outline:2px solid var(--yellow); outline-offset:3px; }

/* ===== on-brand cursor: Mars/male symbol ===== */
@media (hover:hover) and (pointer:fine){
  body.has-cursor{ cursor:none; }
  body.has-cursor a, body.has-cursor button, body.has-cursor .prod, body.has-cursor .quiz-card, body.has-cursor .stack, body.has-cursor input, body.has-cursor textarea, body.has-cursor select{ cursor:none; }
  .cur-dot{ position:fixed; left:0; top:0; width:5px; height:5px; border-radius:50%; background:var(--yellow); transform:translate(-50%,-50%); z-index:10011; pointer-events:none; }
  .cur-mars{ position:fixed; left:0; top:0; width:30px; height:30px; transform:translate(-50%,-50%); z-index:10010; pointer-events:none;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)); transition:transform .18s var(--ease), opacity .2s; }
  .cur-mars svg{ width:100%; height:100%; display:block; }
  .cur-mars.hot{ transform:translate(-50%,-50%) scale(1.55) rotate(-6deg); }
  .cur-mars.down{ transform:translate(-50%,-50%) scale(.82); }
  .cur-mars.hot.down{ transform:translate(-50%,-50%) scale(1.3) rotate(-6deg); }
}

/* ===== catalog filter bar ===== */
.filters{ margin:24px 0 30px; display:flex; flex-direction:column; gap:13px; padding:22px 24px; background:var(--card); border:1px solid var(--line); }
.filter-row{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.filter-lbl{ font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:.16em; text-transform:uppercase; font-size:11px; color:var(--muted); min-width:104px; }
.chip-f{ font-family:'Oswald',sans-serif; font-weight:500; letter-spacing:.08em; text-transform:uppercase; font-size:12px; color:var(--cream);
  background:var(--bg-2); border:1px solid var(--line); padding:8px 14px; text-decoration:none; transition:border-color .2s,color .2s,background .2s; display:inline-flex; align-items:center; gap:7px; }
.chip-f:hover{ border-color:var(--yellow); color:var(--white); }
.chip-f.on{ background:var(--yellow); color:#000; border-color:var(--yellow); }
.chip-f.reset{ margin-left:auto; color:var(--muted); }
.chip-f.reset:hover{ color:var(--yellow); border-color:var(--yellow); background:transparent; }
.chip-f .ic{ width:13px; height:13px; }
.filter-count{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--muted-2); padding-top:2px; }

/* ===== info pages (about/science/blog/contacts/ingredients) ===== */
.info-body{ max-width:780px; }
.info-body p{ margin:0 0 18px; color:var(--muted); font-size:18px; line-height:1.7; }
.info-body p b{ color:var(--white); font-weight:700; }
.info-body a{ color:var(--yellow); text-decoration:none; border-bottom:1px solid rgba(245,197,24,.35); }
.info-body a:hover{ border-color:var(--yellow); }
.info-body h3{ margin:34px 0 12px; color:var(--white); font-size:21px; font-weight:700; }
.info-body .info-lead{ color:var(--white); font-size:19px; }
.ing-cloud{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }

/* ===== compact filter toolbar (override of tall version) ===== */
.filters{ flex-direction:row !important; align-items:center; flex-wrap:wrap; gap:12px; padding:0 !important; background:none !important; border:0 !important; margin:18px 0 28px; }
.seg{ display:inline-flex; border:1px solid var(--line); }
.seg-b{ font-family:'Oswald',sans-serif; font-weight:500; letter-spacing:.08em; text-transform:uppercase; font-size:12px; color:var(--muted); padding:9px 15px; text-decoration:none; border-right:1px solid var(--line); transition:color .2s,background .2s; white-space:nowrap; }
.seg-b:last-child{ border-right:0; }
.seg-b:hover{ color:var(--white); }
.seg-b.on{ background:var(--yellow); color:#000; }
.filters .nav-select{ width:auto; min-width:150px; padding:9px 38px 9px 13px; font-size:13px; }
.filters .filter-count{ margin-left:auto; }

/* ===== mock / hosted payment confirm screen ===== */
.pay-screen{ min-height:74vh; display:grid; place-items:center; padding:48px 20px; }
.pay-card{ width:100%; max-width:460px; background:var(--card); border:1px solid var(--line); padding:42px 38px; text-align:center; }
.pay-card .eyebrow{ justify-content:center; margin-bottom:18px; }
.pay-card h1{ font-family:'Archivo',sans-serif; font-weight:900; font-size:clamp(28px,4vw,38px); line-height:1; letter-spacing:-.02em; color:var(--white); margin:0 0 14px; }
.pay-card .co-status{ color:var(--muted); margin:0 0 26px; font-size:16px; }
.pay-card .co-status b{ color:var(--white); }
.pay-card form{ margin-bottom:16px; }
.pay-cancel{ display:inline-block; color:var(--muted); font-family:'Oswald',sans-serif; letter-spacing:.12em; text-transform:uppercase; font-size:12px; text-decoration:none; }
.pay-cancel:hover{ color:var(--yellow); }

/* ===== checkout form buttons: full-width, clear spacing ===== */
.co-form .buy{ width:100%; display:block; text-align:center; box-sizing:border-box; margin:0; }
.co-form .buy-lg{ margin-top:20px; }
.co-form .buy + .buy{ margin-top:12px; }

/* standalone "back to shop" button under the order/delivery block — needs its own gap */
main.checkout > .buy-lg{ display:block; width:100%; box-sizing:border-box; text-align:center; margin-top:20px; }