/*
Theme Name:  Ancient Supplements
Theme URI:   https://ancientsupplements.co
Description: Custom theme for AncientSupplements.co — premium Himalayan Shilajit brand
Author:      AncientSupplements.co
Version:     1.0.0
Tags:        ecommerce, woocommerce, custom
Text Domain: ancient
*/

/* ══════════════════════════════
   TOKENS
══════════════════════════════ */
:root {
  --w:     #ffffff;
  --off:   #f7f5f1;
  --off2:  #eeebe5;
  --ink:   #0d0d0b;
  --ink2:  #1c1c1a;
  --ink3:  #2a2a27;
  --muted: #706c64;
  --dim:   #9e9a92;
  --line:  #e0ddd7;
  --line2: #ccc9c2;
  --stone: #a08060;
  --s2:    #c4a07a;
  --s3:    #e8ddd0;
  --green: #4a7c5e;
  --red:   #8b3325;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',sans-serif;background:var(--w);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

/* grain overlay */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:9998}

h1,h2,h3,h4{font-family:'EB Garamond',Georgia,serif;line-height:1.05}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* ══════════════════════════════
   ANNOUNCE
══════════════════════════════ */
.announce{background:var(--ink);color:var(--w);text-align:center;padding:11px 16px;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px}
.adot{width:6px;height:6px;background:var(--s2);border-radius:50%;animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

/* ══════════════════════════════
   NAV
══════════════════════════════ */
nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.nav-logo{font-family:'EB Garamond',serif;font-size:17px;font-weight:700;letter-spacing:4px;text-transform:uppercase}
.nav-links{display:none;gap:34px;list-style:none}
.nav-links a{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-units{display:none;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--red);text-transform:uppercase}
.nav-udot{width:5px;height:5px;background:var(--red);border-radius:50%;animation:blink 1.6s infinite}
.nav-cart{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}
.nav-cn{background:var(--ink);color:var(--w);font-size:10px;font-weight:700;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nav-cta{background:var(--ink);color:var(--w);border:none;padding:10px 20px;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s}
.nav-cta:hover{background:var(--ink2)}

/* ══════════════════════════════
   HERO
══════════════════════════════ */
.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--ink2)}
.hero-img-layer{position:absolute;inset:0;background-image:url('');background-size:cover;background-position:center top;background-color:var(--ink2)}
.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-r1{width:320px;height:320px}
.hero-r2{width:560px;height:560px;border-color:rgba(255,255,255,.03)}
.hero-r3{width:800px;height:800px;border-color:rgba(255,255,255,.015)}
.hero-ph-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:80px;opacity:.08}
.hero-gradient{position:absolute;inset:0;background:linear-gradient(to top, rgba(13,13,11,.96) 0%, rgba(13,13,11,.7) 35%, rgba(13,13,11,.15) 70%, transparent 100%)}
.hero-body{position:relative;z-index:4;padding:0 22px 48px;max-width:700px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--s2);margin-bottom:20px}
.hero-eyebrow::before{content:'';width:22px;height:1px;background:var(--s2)}
.hero-h1{font-size:clamp(52px,14vw,96px);font-weight:800;letter-spacing:-1.5px;line-height:.92;color:var(--w);margin-bottom:10px}
.hero-h1-em{display:block;font-style:italic;font-weight:400;color:var(--s2);font-size:clamp(30px,7vw,56px);letter-spacing:0}
.hero-stars-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.h-stars{color:#c9a84c;font-size:15px;letter-spacing:1px}
.h-stars-label{font-size:13px;color:rgba(255,255,255,.5)}
.hero-p{font-size:16px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:28px;max-width:420px}
.hero-cta-row{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.hero-cta-primary{display:block;width:100%;padding:19px 24px;background:var(--w);color:var(--ink);border:none;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:center;transition:background .2s}
.hero-cta-primary:hover{background:var(--off)}
.hero-cta-ghost{display:block;width:100%;padding:16px 24px;background:transparent;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s}
.hero-cta-ghost:hover{border-color:rgba(255,255,255,.6);color:var(--w)}
.hero-trust{display:flex;gap:16px;flex-wrap:wrap}
.hero-trust span{font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:5px}
.scroll-hint{position:absolute;bottom:22px;right:22px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25)}
.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom, rgba(255,255,255,.3), transparent);animation:scrollArrow 2s ease infinite}
@keyframes scrollArrow{0%,100%{transform:scaleY(1);opacity:.4}50%{transform:scaleY(1.2);opacity:.8}}

/* ══════════════════════════════
   MARQUEE
══════════════════════════════ */
.mq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:13px 0}
.mq-track{display:flex;width:max-content;animation:mqs 35s linear infinite}
@keyframes mqs{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:14px;padding:0 20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.mq-sep{color:var(--stone)}

/* ══════════════════════════════
   PRODUCT / BUY BLOCK
══════════════════════════════ */
.product-section{padding:80px 22px;background:var(--w)}
.sec-num{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--stone);margin-bottom:12px}
.sec-num::after{content:'';width:28px;height:1px;background:var(--stone)}
.product-inner{display:grid;grid-template-columns:1fr;gap:52px}
.prod-img-main{width:100%;aspect-ratio:4/5;background:var(--off);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.prod-img-main img{width:100%;height:100%;object-fit:cover}
.prod-img-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%}
.prod-img-ph-icon{font-size:64px;opacity:.1}
.prod-img-ph-text{font-size:13px;color:var(--dim);text-align:center;padding:0 30px}
.prod-sold-bar{background:var(--ink);padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.psb-left{font-size:12px;color:rgba(255,255,255,.4);font-weight:500}
.psb-right{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--s2)}
.psb-bar{width:72px;height:3px;background:rgba(255,255,255,.1)}
.psb-fill{height:100%;background:var(--stone)}
.prod-batch-tag{position:absolute;top:16px;left:16px;background:var(--ink);color:var(--w);padding:8px 13px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.5}
.prod-batch-tag span{color:var(--s2)}
.prod-units-tag{position:absolute;bottom:60px;right:16px;background:var(--w);border:1px solid var(--line2);padding:10px 14px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.pun{font-family:'EB Garamond',serif;font-size:32px;font-weight:800;color:var(--red);line-height:1;display:block;margin-bottom:2px}
.pul{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.prod-lede{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--stone);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.prod-lede::before{content:'';width:20px;height:1px;background:var(--stone)}
.prod-h{font-size:clamp(42px,11vw,68px);font-weight:800;letter-spacing:-1px;line-height:.95;margin-bottom:4px}
.prod-h-em{display:block;font-style:italic;font-weight:400;color:var(--muted);font-size:clamp(20px,5vw,34px);letter-spacing:0;margin-bottom:18px}
.prod-stars{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.ps{color:#c9a84c;font-size:14px;letter-spacing:1px}
.psl{font-size:13px;color:var(--muted)}
.prod-desc{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.prod-benefits{list-style:none;margin-bottom:26px;display:flex;flex-direction:column;gap:11px}
.prod-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink2);line-height:1.5}
.pbc{width:20px;height:20px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--stone);flex-shrink:0;margin-top:2px}
.prod-units-row{margin-bottom:22px}
.pur-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:7px}
.pur-top .pur-sold{color:var(--muted)}
.pur-top .pur-left{color:var(--red);font-weight:700}
.pur-track{height:3px;background:var(--off2)}
.pur-fill{height:100%;background:var(--red)}
.variant-header{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:11px}
.variant-header .fs{color:var(--green)}
.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
.vb{border:1px solid var(--line2);background:var(--w);padding:13px 6px;font-family:'Inter',sans-serif;cursor:pointer;text-align:center;transition:all .2s}
.vb .vn{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px}
.vb .vg{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.vb .vv{display:block;font-size:10px;font-weight:700;color:var(--green)}
.vb .vt{display:block;font-size:10px;color:var(--dim)}
.vb.active{border-color:var(--ink);background:var(--ink)}
.vb.active .vn{color:var(--w)}
.vb.active .vg{color:rgba(255,255,255,.4)}
.vb.active .vv{color:var(--s2)}
.price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.price-big{font-family:'EB Garamond',serif;font-size:50px;font-weight:800;color:var(--ink);line-height:1}
.price-old{font-size:19px;color:var(--dim);text-decoration:line-through}
.price-pill{font-size:11px;font-weight:700;padding:4px 10px;background:rgba(74,124,94,.1);color:var(--green);border:1px solid rgba(74,124,94,.2)}
.prod-cta-stack{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.btn-add{display:block;width:100%;padding:19px;background:var(--ink);color:var(--w);border:none;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;text-align:center;transition:background .2s}
.btn-add:hover,.btn-add:focus{background:var(--ink2)}
.btn-add:disabled{opacity:.6;cursor:not-allowed}
.btn-buy{display:block;width:100%;padding:15px;background:transparent;color:var(--muted);border:1px solid var(--line2);font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s}
.btn-buy:hover{border-color:var(--ink);color:var(--ink)}
.trust-strip{display:flex;gap:0;border:1px solid var(--line)}
.tc{flex:1;padding:12px 4px;text-align:center;font-size:11px;color:var(--muted);border-right:1px solid var(--line);line-height:1.4}
.tc:last-child{border-right:none}
.tci{font-size:14px;display:block;margin-bottom:3px}
/* WooCommerce notices */
.woocommerce-message,.woocommerce-error,.woocommerce-info{padding:14px 18px;margin-bottom:16px;font-size:14px;border-left:3px solid var(--stone)}
.woocommerce-message{background:#f0f7f3;border-color:var(--green)}
.woocommerce-error{background:#fdf0ee;border-color:var(--red);list-style:none}
.woocommerce-error li{margin:0}

/* ══════════════════════════════
   COMMUNITY VIDEOS
══════════════════════════════ */
.videos-section{background:var(--ink2);padding:80px 22px}
.vs-kicker{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--s2);margin-bottom:12px}
.vs-h{font-family:'EB Garamond',serif;font-size:clamp(36px,9vw,64px);font-weight:800;color:var(--w);line-height:1;margin-bottom:14px}
.vs-h em{font-style:italic;color:var(--s2)}
.vs-sub{font-size:15px;color:rgba(255,255,255,.4);line-height:1.7;max-width:500px;margin-bottom:44px}
.video-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.video-row::-webkit-scrollbar{display:none}
.v-tile{min-width:155px;aspect-ratio:9/16;background:#161614;border:1px solid rgba(255,255,255,.05);flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;transition:border-color .2s}
.v-tile:hover{border-color:rgba(255,255,255,.15)}
.v-tile video{width:100%;height:100%;object-fit:cover}
.v-tile-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#121210}
.v-play{width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:rgba(255,255,255,.45);transition:all .2s}
.v-tile:hover .v-play{background:var(--stone);border-color:var(--stone);color:var(--w)}
.v-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:24px 12px 12px;font-size:11px;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.5px}

/* ══════════════════════════════
   SCIENCE
══════════════════════════════ */
.science-section{background:var(--off);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 22px}
.minerals-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px}
.mc{background:var(--w);border:1px solid var(--line);padding:22px 18px}
.mc-icon{font-size:24px;margin-bottom:10px}
.mc-name{font-family:'EB Garamond',serif;font-size:20px;font-weight:700;margin-bottom:5px}
.mc-role{font-size:13px;color:var(--muted);line-height:1.55}
.minerals-banner{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;background:var(--ink)}
.mb-cell{padding:28px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.06)}
.mb-cell:last-child{border-right:none}
.mb-num{font-family:'EB Garamond',serif;font-size:60px;font-weight:800;color:var(--s2);line-height:1;display:block;margin-bottom:4px}
.mb-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3)}

/* ══════════════════════════════
   PROBLEM
══════════════════════════════ */
.problem-section{padding:80px 22px;background:var(--w);border-top:1px solid var(--line)}
.problem-cards{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px}
.pc{background:var(--w);padding:28px 22px;display:flex;gap:18px;align-items:flex-start}
.pc-num{font-family:'EB Garamond',serif;font-size:44px;font-weight:800;color:var(--off2);line-height:1;flex-shrink:0;width:42px}
.pc-title{font-family:'EB Garamond',serif;font-size:22px;font-weight:700;margin-bottom:7px}
.pc-text{font-size:14px;color:var(--muted);line-height:1.65}

/* ══════════════════════════════
   COMPARISON
══════════════════════════════ */
.compare-section{padding:80px 22px;background:var(--off);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ct-wrap{overflow-x:auto;margin-top:40px}
.ctable{width:100%;min-width:340px;border-collapse:collapse;border:1px solid var(--line)}
.ctable thead{background:var(--ink)}
.ctable th{padding:18px 14px;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.ctable th:first-child{text-align:left;color:rgba(255,255,255,.4)}
.ctable th:nth-child(2){color:var(--s2);text-align:center}
.ctable th:last-child{color:rgba(255,255,255,.22);text-align:center}
.ctable td{padding:14px;border-bottom:1px solid var(--line);font-size:14px}
.ctable td:first-child{color:var(--ink2)}
.ctable td:nth-child(2){text-align:center;color:var(--green);font-size:17px;background:rgba(74,124,94,.04)}
.ctable td:last-child{text-align:center;color:var(--dim);font-size:17px}
.ctable tr:last-child td{border-bottom:none}

/* ══════════════════════════════
   REVIEWS
══════════════════════════════ */
.reviews-section{padding:80px 22px;background:var(--w)}
.rev-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.rev-score{font-family:'EB Garamond',serif;font-size:84px;font-weight:800;line-height:1}
.rev-meta{padding-bottom:4px}
.rev-stars-big{color:#c9a84c;font-size:20px;letter-spacing:2px;display:block;margin-bottom:4px}
.rev-count-label{font-size:12px;color:var(--muted)}
.rev-grid{display:grid;grid-template-columns:1fr;gap:14px}
.rc{background:var(--off);border:1px solid var(--line);padding:24px 20px}
.rc-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.rc-av{width:42px;height:42px;border-radius:50%;background:var(--off2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.rc-name{font-size:15px;font-weight:600;margin-bottom:2px}
.rc-handle{font-size:12px;color:var(--stone);font-weight:500}
.rc-stars{color:#c9a84c;font-size:13px;letter-spacing:1px;margin-bottom:10px}
.rc-text{font-size:14px;color:var(--muted);line-height:1.7;font-style:italic}
.rc-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);font-weight:600;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}

/* ══════════════════════════════
   PULL QUOTE
══════════════════════════════ */
.quote-section{padding:80px 22px;background:var(--ink);border-top:1px solid rgba(255,255,255,.04)}
.bq{font-family:'EB Garamond',serif;font-size:clamp(28px,7.5vw,60px);font-weight:700;font-style:italic;line-height:1.15;color:var(--w);max-width:800px;margin-bottom:20px}
.bq em{color:var(--s2);font-style:normal}
.bq-attr{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.28);display:flex;align-items:center;gap:10px}
.bq-attr::before{content:'—';color:var(--s2)}

/* ══════════════════════════════
   EMAIL CAPTURE
══════════════════════════════ */
.email-section{padding:80px 22px;background:var(--w);border-top:1px solid var(--line)}
.email-inner{background:var(--off);border:1px solid var(--line);padding:44px 26px}
.em-kicker{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--stone);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.em-kicker::before{content:'';width:20px;height:1px;background:var(--stone)}
.em-h{font-family:'EB Garamond',serif;font-size:clamp(28px,7.5vw,52px);font-weight:800;line-height:1;margin-bottom:14px}
.em-h em{font-style:italic;color:var(--stone)}
.em-sub{font-size:15px;color:var(--muted);line-height:1.7;margin-bottom:22px;max-width:460px}
.em-perks{list-style:none;margin-bottom:26px;display:flex;flex-direction:column;gap:10px}
.em-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.em-perks li::before{content:'→';color:var(--stone);font-weight:700}
.em-form{display:flex;flex-direction:column;gap:9px}
.em-inp{padding:15px 17px;background:var(--w);border:1px solid var(--line2);color:var(--ink);font-family:'Inter',sans-serif;font-size:15px;outline:none;transition:border-color .2s}
.em-inp:focus{border-color:var(--ink)}
.em-inp::placeholder{color:var(--dim)}
.em-btn{padding:16px;background:var(--ink);color:var(--w);border:none;font-family:'Inter',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .2s}
.em-btn:hover{background:var(--ink2)}
.em-fine{font-size:12px;color:var(--dim);margin-top:10px}

/* ══════════════════════════════
   FOOTER
══════════════════════════════ */
footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05);padding:60px 22px 80px}
.ft-top{display:flex;flex-direction:column;gap:44px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:28px}
.ft-wm{font-family:'EB Garamond',serif;font-size:24px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--w);margin-bottom:10px}
.ft-wm span{color:var(--s2)}
.ft-desc{font-size:13px;color:rgba(255,255,255,.28);line-height:1.65;max-width:260px;margin-bottom:20px}
.ft-soc{display:flex;gap:10px}
.ft-soc-a{width:36px;height:36px;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.28);cursor:pointer;background:transparent;text-decoration:none;transition:all .2s}
.ft-soc-a:hover{border-color:var(--s2);color:var(--s2)}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px 16px}
.ft-col-h{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:16px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.ft-links a{font-size:13px;color:rgba(255,255,255,.28);transition:color .2s}
.ft-links a:hover{color:var(--s2)}
.ft-bot{border-top:1px solid rgba(255,255,255,.05);padding-top:26px;display:flex;flex-direction:column;gap:14px}
.ft-copy{font-size:12px;color:rgba(255,255,255,.2)}
.ft-pay{display:flex;gap:6px;flex-wrap:wrap}
.pt{border:1px solid rgba(255,255,255,.07);padding:4px 9px;font-size:10px;color:rgba(255,255,255,.2)}

/* ══════════════════════════════
   STICKY ATC
══════════════════════════════ */
.satc{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--ink);border-top:1px solid rgba(255,255,255,.09);padding:12px 20px;display:flex;align-items:center;gap:14px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.satc.show{transform:translateY(0)}
.satc-info{flex:1}
.satc-name{font-family:'EB Garamond',serif;font-size:17px;font-weight:700;color:var(--w);margin-bottom:1px}
.satc-sub{font-size:12px;color:var(--s2);font-weight:600}
.satc-btn{background:var(--w);color:var(--ink);border:none;padding:14px 22px;font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .2s}
.satc-btn:hover{background:var(--off)}

/* ══════════════════════════════
   ANIMATIONS
══════════════════════════════ */
.fu{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fu.in{opacity:1;transform:translateY(0)}

/* ══════════════════════════════
   DESKTOP
══════════════════════════════ */
@media(min-width:768px){
  nav{padding:0 52px}
  .nav-links{display:flex}
  .nav-units{display:flex}
  .hero{justify-content:center;align-items:flex-end}
  .hero-body{padding:0 80px 80px;max-width:640px}
  .hero-cta-row{flex-direction:row}
  .hero-cta-primary,.hero-cta-ghost{width:auto;display:inline-block}
  .videos-section{padding:100px 80px}
  .video-row{flex-wrap:nowrap;overflow-x:auto}
  .v-tile{min-width:0;flex:1}
  .product-section{padding:100px 80px}
  .product-inner{grid-template-columns:1fr 1fr;gap:80px}
  .prod-img-col{position:sticky;top:80px;align-self:start}
  .science-section{padding:100px 80px}
  .minerals-grid{grid-template-columns:repeat(4,1fr)}
  .problem-section{padding:100px 80px}
  .problem-cards{grid-template-columns:repeat(3,1fr)}
  .compare-section{padding:100px 80px}
  .reviews-section{padding:100px 80px}
  .rev-grid{grid-template-columns:1fr 1fr}
  .quote-section{padding:100px 80px}
  .email-section{padding:100px 80px}
  .em-form{flex-direction:row;max-width:520px}
  .em-inp{flex:1}
  .em-btn{white-space:nowrap}
  footer{padding:80px 80px 60px}
  .ft-top{flex-direction:row;gap:80px}
  .ft-brand-block{min-width:240px;border-right:1px solid rgba(255,255,255,.06);padding-right:60px}
  .ft-cols{grid-template-columns:repeat(3,1fr);flex:1}
  .ft-bot{flex-direction:row;justify-content:space-between;align-items:center}
}

/* ══ MOBILE FIXES ══ */
@media (max-width: 767px) {
  nav { padding: 0 14px !important; height: 56px !important; }
  .nav-logo { font-size: 12px !important; letter-spacing: 2px !important; }
  .nav-cta { padding: 8px 12px !important; font-size: 10px !important; }
  .hero { min-height: 100svh !important; }
  .hero-body { padding: 0 18px 52px !important; }
  .hero-h1 { font-size: clamp(48px, 13vw, 72px) !important; }
  .hero-h1-em { font-size: clamp(26px, 7vw, 42px) !important; }
  .hero-cta-primary, .hero-cta-ghost { font-size: 12px !important; padding: 16px 18px !important; }
  .hero-trust { flex-direction: column !important; gap: 8px !important; }
  .product-section { padding: 60px 18px !important; }
  .product-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .variants { grid-template-columns: repeat(3,1fr) !important; gap: 6px !important; }
  .vb .vn { font-size: 12px !important; }
  .satc { padding: 10px 14px !important; }
  .satc-btn { padding: 12px 16px !important; font-size: 12px !important; }
  .v-tile { min-width: 130px !important; }
  .minerals-grid { grid-template-columns: 1fr 1fr !important; }
  .problem-cards { grid-template-columns: 1fr !important; }
  .rev-grid { grid-template-columns: 1fr !important; }
  .rev-top { flex-direction: column !important; gap: 20px !important; }
  .em-form { flex-direction: column !important; }
  footer { padding: 50px 18px 70px !important; }
  .ft-top { flex-direction: column !important; gap: 36px !important; }
  .ft-cols { grid-template-columns: 1fr 1fr !important; }
  .ft-bot { flex-direction: column !important; gap: 12px !important; }
}

/* ══ CART PAGE ══ */
body.woocommerce-cart { background: #f7f5f1 !important; }
body.woocommerce-cart .woocommerce { max-width: 900px; margin: 60px auto !important; padding: 0 22px !important; }
body.woocommerce-cart h1 { font-family: 'EB Garamond', serif !important; font-size: 48px !important; font-weight: 800 !important; margin-bottom: 32px !important; color: #0d0d0b !important; }
body.woocommerce-cart table.shop_table { border: 1px solid #e0ddd7 !important; border-collapse: collapse !important; border-radius: 0 !important; background: #fff !important; }
body.woocommerce-cart table.shop_table thead th { background: #0d0d0b !important; color: rgba(255,255,255,.5) !important; font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; padding: 16px 14px !important; border: none !important; }
body.woocommerce-cart table.shop_table td { padding: 20px 14px !important; border-bottom: 1px solid #e0ddd7 !important; vertical-align: middle !important; background: #fff !important; color: #0d0d0b !important; }
body.woocommerce-cart table.shop_table .product-name a { font-family: 'EB Garamond', serif !important; font-size: 18px !important; font-weight: 700 !important; color: #0d0d0b !important; }
body.woocommerce-cart table.shop_table .product-price, body.woocommerce-cart table.shop_table .product-subtotal { font-family: 'EB Garamond', serif !important; font-size: 22px !important; font-weight: 700 !important; color: #0d0d0b !important; }
body.woocommerce-cart .cart_totals { background: #fff !important; border: 1px solid #e0ddd7 !important; padding: 28px 24px !important; border-radius: 0 !important; }
body.woocommerce-cart .cart_totals h2 { font-family: 'EB Garamond', serif !important; font-size: 28px !important; font-weight: 800 !important; color: #0d0d0b !important; margin-bottom: 20px !important; }
body.woocommerce-cart .cart_totals .order-total td, body.woocommerce-cart .cart_totals .order-total th { font-family: 'EB Garamond', serif !important; font-size: 28px !important; font-weight: 800 !important; color: #0d0d0b !important; }
body.woocommerce-cart .cart_totals table th, body.woocommerce-cart .cart_totals table td { padding: 12px 0 !important; border-bottom: 1px solid #e0ddd7 !important; font-size: 15px !important; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #0d0d0b !important; color: #fff !important; border-radius: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 18px 32px !important; display: block !important; text-align: center !important; border: none !important; margin-top: 14px !important; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: #1c1c1a !important; }
body.woocommerce-cart input[name="coupon_code"] { border: 1px solid #ccc9c2 !important; border-radius: 0 !important; padding: 12px 14px !important; font-family: 'Inter', sans-serif !important; font-size: 14px !important; }
body.woocommerce-cart button[name="apply_coupon"] { background: #0d0d0b !important; color: #fff !important; border-radius: 0 !important; border: none !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 12px 20px !important; }
body.woocommerce-cart button[name="update_cart"] { background: transparent !important; color: #706c64 !important; border: 1px solid #ccc9c2 !important; border-radius: 0 !important; font-family: 'Inter', sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 12px 20px !important; }
body.woocommerce-cart a.remove { color: #9e9a92 !important; font-size: 18px !important; }
body.woocommerce-cart a.remove:hover { color: #8b3325 !important; }
body.woocommerce-cart .paypal-button-container { display: none !important; }

/* ══ MOBILE FIXES ══ */
@media (max-width: 767px) {
  nav { padding: 0 14px !important; height: 56px !important; }
  .nav-logo { font-size: 12px !important; letter-spacing: 2px !important; }
  .nav-cta { padding: 8px 12px !important; font-size: 10px !important; }
  .hero { min-height: 100svh !important; }
  .hero-body { padding: 0 18px 52px !important; }
  .hero-h1 { font-size: clamp(48px, 13vw, 72px) !important; }
  .hero-h1-em { font-size: clamp(26px, 7vw, 42px) !important; }
  .hero-cta-primary, .hero-cta-ghost { font-size: 12px !important; padding: 16px 18px !important; }
  .hero-trust { flex-direction: column !important; gap: 8px !important; }
  .product-section { padding: 60px 18px !important; }
  .product-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .variants { grid-template-columns: repeat(3,1fr) !important; gap: 6px !important; }
  .vb .vn { font-size: 12px !important; }
  .satc { padding: 10px 14px !important; }
  .satc-btn { padding: 12px 16px !important; font-size: 12px !important; }
  .v-tile { min-width: 130px !important; }
  .minerals-grid { grid-template-columns: 1fr 1fr !important; }
  .problem-cards { grid-template-columns: 1fr !important; }
  .rev-grid { grid-template-columns: 1fr !important; }
  .rev-top { flex-direction: column !important; gap: 20px !important; }
  .em-form { flex-direction: column !important; }
  footer { padding: 50px 18px 70px !important; }
  .ft-top { flex-direction: column !important; gap: 36px !important; }
  .ft-cols { grid-template-columns: 1fr 1fr !important; }
  .ft-bot { flex-direction: column !important; gap: 12px !important; }
}

.woocommerce-message,
ul.woocommerce-notices-wrapper,
.woocommerce-notices-wrapper,
.elementor-widget-woocommerce-notices,
.woocommerce-message a.button {
  display: none !important;
}