/* GLOBAL OVERFLOW FIX */
html, body {
overflow-x: hidden !important;
max-width: 100vw !important;
}
*, *::before, *::after {
box-sizing: border-box;
}
/* Font stack — no external dependencies */
:root {
--sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
--mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Courier New', Courier, monospace;
}
:root{
--green:#1a6b3a;--green-mid:#15572f;--green-light:#22843f;
--green-soft:#e8f5ed;--green-pale:#f0f8f2;
--white:#ffffff;--off:#f8fafd;--border:#e2e8f0;
--ink:#0d1b2a;--ink-mid:#334155;--ink-soft:#64748b;--ink-faint:#94a3b8;
--gbg:#dcfce7;--gclr:#16a34a;--red:#c0392b;--amber:#f59e0b;
--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif;
--r:6px;--sh-sm:0 1px 4px rgba(10,60,25,.07);
--sh:0 4px 20px rgba(10,60,25,.11);--sh-lg:0 16px 48px rgba(10,60,25,.17);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--sans);background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden;max-width:100vw}
a{color:inherit;text-decoration:none}
button{font-family:var(--sans);cursor:pointer}
img{max-width:100%;width:auto;display:block}
*{min-width:0}
/* PROMO */
.promo{background:var(--green);color:#fff;padding:.55rem 1.5rem;
display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;
font-size:.78rem;letter-spacing:.04em}
.promo span{display:flex;align-items:center;gap:.4rem}
.promo .ck{color:#86efac;font-weight:800}
/* NAV */
nav{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;
z-index:200;height:62px;padding:0 2.5rem;
display:flex;align-items:center;justify-content:space-between;box-shadow:var(--sh-sm);
width:100%;max-width:100vw;overflow:hidden;box-sizing:border-box}
.logo{display:flex;align-items:center;gap:.7rem;font-size:1.3rem;font-weight:700;
letter-spacing:-.025em;color:var(--green)}
.logo img{width:36px;height:36px;object-fit:contain;border-radius:50%;background:#000}
.nl{display:none;list-style:none}
@media(min-width:901px){.nl{display:flex !important}}
.nl a{display:block;padding:.45rem 1rem;font-size:.8rem;font-weight:500;
letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mid);
border-bottom:2px solid transparent;transition:all .2s}
.nl a:hover,.nl a.on{color:var(--green);border-bottom-color:var(--green)}
.nav-r{display:flex;gap:.4rem;align-items:center}
.ib{width:36px;height:36px;border-radius:50%;border:none;background:transparent;
color:var(--ink-mid);display:flex;align-items:center;justify-content:center;
transition:background .2s;position:relative;cursor:pointer}
.ib:hover{background:var(--green-soft)}
.ib svg{width:18px;height:18px}
.cbadge{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;
width:16px;height:16px;border-radius:50%;font-size:.6rem;font-weight:700;
align-items:center;justify-content:center}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;
border-radius:var(--r);font-size:.82rem;font-weight:600;letter-spacing:.07em;
text-transform:uppercase;border:none;transition:all .25s;cursor:pointer}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-mid);transform:translateY(-1px);box-shadow:var(--sh)}
.btn-white{background:#fff;color:var(--green)}
.btn-white:hover{background:var(--green-soft)}
.btn-outline{background:transparent;color:var(--green);border:2px solid var(--green)}
.btn-outline:hover{background:var(--green);color:#fff}
.btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:.5rem 1.1rem;font-size:.74rem}
.btn-full{width:100%;justify-content:center}
.btn-danger{background:var(--red);color:#fff}
.btn-danger:hover{background:#9b2c2c}
/* HERO */
.hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#052210 0%,#1a6b3a 45%,#22843f 70%,#0d4020 100%);overflow:hidden}
.hero-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 60% 35%,rgba(22,107,58,.55),transparent 70%);animation:hpulse 7s ease-in-out infinite alternate}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:drift 20s linear infinite}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(5,34,16,.82) 0%,rgba(5,34,16,.42) 55%,transparent 100%)}
.hero-inner{position:relative;z-index:2;padding:0 2.5rem;max-width:700px;opacity:0;animation:fadeUp .9s ease .15s forwards}
.hero-pill{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:.38rem .95rem;border-radius:100px;font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85);font-weight:500;margin-bottom:1.5rem;backdrop-filter:blur(8px)}
.hero-pill .dot{width:7px;height:7px;border-radius:50%;background:#86efac;animation:blink 2.2s infinite}
.hero h1{font-size:clamp(2.5rem,5.5vw,4.4rem);font-weight:800;color:#fff;line-height:1.02;letter-spacing:-.035em;margin-bottom:1.25rem}
.hero h1 .hl{color:#86efac}
.hero-sub{font-size:1.05rem;color:rgba(255,255,255,.72);max-width:520px;line-height:1.72;margin-bottom:2rem}
.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}
.hero-stats{display:flex;gap:3rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.hs-item strong{display:block;font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1}
.hs-item span{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.55);display:block;margin-top:.3rem}
.hero-card{position:absolute;right:7%;bottom:10%;z-index:3;background:rgba(255,255,255,.97);border-radius:10px;padding:1.3rem 1.5rem;width:268px;box-shadow:var(--sh-lg);opacity:0;animation:fadeUp .9s ease .55s forwards;border:1px solid rgba(255,255,255,.8)}
.hc-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--border);margin-bottom:.8rem}
.hc-head strong{font-size:.88rem;color:var(--green);font-weight:700}
.v-badge{background:var(--gbg);color:var(--gclr);font-family:var(--mono);font-size:.6rem;padding:.2rem .55rem;border-radius:4px;letter-spacing:.07em;font-weight:500}
.cr{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;padding:.22rem 0;color:var(--ink-soft)}
.cr strong{color:var(--ink);font-weight:600}
/* TRUST */
.trust{background:var(--green);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;width:100%}
.trust-item{display:flex;align-items:center;gap:.8rem;padding:1.35rem 1.4rem;color:#fff;border-right:1px solid rgba(255,255,255,.1)}
.trust-item:last-child{border-right:none}
.trust-item svg{width:24px;height:24px;flex-shrink:0;color:#86efac}
.trust-item strong{display:block;font-size:.85rem;font-weight:600}
.trust-item span{font-size:.7rem;color:rgba(255,255,255,.6)}
/* SECTION UTILS */
.slabel{font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--green-light);font-weight:700;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.85rem}
.slabel::before{content:'';width:16px;height:2px;background:var(--green-light);border-radius:2px}
.stitle{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}
.stitle .hl{color:var(--green)}
.ssub{color:var(--ink-soft);font-size:.97rem;max-width:560px;line-height:1.72;margin-bottom:2rem}
/* SECTIONS */
section{padding:5.5rem 2.5rem}
/* PROCESS */
.process{background:var(--off)}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem}
.proc-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:2rem 1.5rem;position:relative;overflow:hidden;transition:all .4s}
.proc-card:hover{border-color:var(--green-light);box-shadow:var(--sh);transform:translateY(-4px)}
.proc-card::before{content:attr(data-n);position:absolute;top:-10px;right:12px;font-size:5.5rem;font-weight:800;color:var(--green-pale);line-height:1;pointer-events:none}
.proc-icon{width:46px;height:46px;border-radius:10px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.proc-icon svg{width:22px;height:22px}
.proc-card h4{font-size:.98rem;font-weight:700;margin-bottom:.45rem}
.proc-card p{font-size:.83rem;color:var(--ink-soft);line-height:1.6}
/* PRODUCT GRID (home preview) */
.hot-selling{background:var(--white)}
.ph{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap}
.tab{background:transparent;border:1px solid var(--border);border-radius:100px;padding:.42rem 1rem;font-size:.76rem;font-weight:500;color:var(--ink-mid);transition:all .22s;cursor:pointer}
.tab:hover,.tab.on{background:var(--green);border-color:var(--green);color:#fff}
/* PRODUCT CARDS */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.pcard{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--white);transition:all .4s;display:flex;flex-direction:column;cursor:pointer}
.pcard:hover{border-color:var(--green-light);box-shadow:var(--sh-lg);transform:translateY(-5px)}
.pcard-img{height:220px;display:flex;align-items:center;justify-content:center;position:relative}
.c1{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.c2{background:linear-gradient(135deg,#e0edff,#bfdbfe)}
.c3{background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.c4{background:linear-gradient(135deg,#d1fae5,#6ee7b7)}
.c5{background:linear-gradient(135deg,#fce7f3,#f9a8d4)}.c6{background:linear-gradient(135deg,#fff7ed,#fdba74)}
.c7{background:linear-gradient(135deg,#ecfdf5,#86efac)}.c8{background:linear-gradient(135deg,#f0f9ff,#7dd3fc)}
.c9{background:linear-gradient(135deg,#fefce8,#fde68a)}.c10{background:linear-gradient(135deg,#fdf4ff,#e879f9)}
.c11{background:linear-gradient(135deg,#fff1f2,#fda4af)}.c12{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}
.pvial{width:68px;height:148px;background:rgba(255,255,255,.93);border-radius:7px 7px 11px 11px;position:relative;box-shadow:0 8px 24px rgba(10,60,25,.18);border:1px solid rgba(255,255,255,.8);transition:transform .5s}
.pcard:hover .pvial{transform:translateY(-6px) rotate(-3deg)}
.pvial::before{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:32px;height:14px;background:var(--green);border-radius:3px 3px 1px 1px}
.pvial::after{content:attr(data-mg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.58rem;color:var(--green);letter-spacing:.07em;text-align:center;width:90%}
.pbadge{position:absolute;top:.8rem;left:.8rem;padding:.22rem .6rem;border-radius:4px;font-size:.63rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.b-hot{background:#fee2e2;color:#991b1b}.b-new{background:#dbeafe;color:#1d4ed8}
.b-cold{background:#e0f2fe;color:#0369a1}.b-coa{background:var(--gbg);color:var(--gclr)}
.pbody{padding:1.3rem;flex:1;display:flex;flex-direction:column}
.pcas{font-family:var(--mono);font-size:.63rem;color:var(--ink-faint);margin-bottom:.4rem}
.pname{font-size:1rem;font-weight:700;margin-bottom:.3rem;line-height:1.2}
.pdesc{font-size:.79rem;color:var(--ink-soft);line-height:1.5;margin-bottom:.9rem;flex:1}
.pfooter{display:flex;align-items:center;justify-content:space-between;padding-top:.8rem;border-top:1px solid var(--border)}
.pprice{font-size:1.1rem;font-weight:800;color:var(--ink)}
.ppurity{font-family:var(--mono);font-size:.63rem;background:var(--green-soft);color:var(--green);padding:.18rem .45rem;border-radius:4px}
.addbtn{background:var(--green);color:#fff;border:none;padding:.48rem .95rem;border-radius:var(--r);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .22s}
.addbtn:hover{background:var(--green-mid)}
/* PRODUCTS PAGE */
.pg-topbar{background:var(--ink);padding:2rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.08)}
.pg-topbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.pg-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.3rem}
.pg-sub{color:rgba(255,255,255,.55);font-size:.84rem}
.pg-topbar-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.pg-search{padding:.75rem 1.1rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--r);background:rgba(255,255,255,.07);color:#fff;font-family:var(--sans);font-size:.86rem;width:280px}
.pg-search::placeholder{color:rgba(255,255,255,.35)}
.pg-search:focus{outline:none;border-color:var(--green-light)}
.pg-count{font-size:.78rem;color:rgba(255,255,255,.5);white-space:nowrap;font-family:var(--mono)}
.pg-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 160px)}
.pg-sidebar{background:var(--off);border-right:1px solid var(--border);padding:2rem 1.5rem;position:sticky;top:62px;height:calc(100vh - 62px);overflow-y:auto}
.sidebar-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}
.sidebar-section:last-of-type{border:none}
.sidebar-title{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.85rem}
.sidebar-filters{display:flex;flex-direction:column;gap:.25rem}
.sf-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--r);cursor:pointer;font-size:.84rem;color:var(--ink-mid);transition:all .2s;border:1px solid transparent;user-select:none}
.sf-item:hover{background:var(--white);border-color:var(--border)}
.sf-item.on{background:var(--white);border-color:var(--green);color:var(--green);font-weight:600}
.sf-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}
.sf-num{margin-left:auto;font-size:.72rem;color:var(--ink-faint);font-family:var(--mono)}
.sidebar-select{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--r);font-family:var(--sans);font-size:.84rem;color:var(--ink);background:var(--white)}
.sidebar-disclaimer{padding:1rem;background:var(--green-pale);border-radius:var(--r);font-size:.75rem;color:var(--ink-soft);line-height:1.55;display:flex;gap:.5rem}
.sidebar-disclaimer svg{width:16px;height:16px;flex-shrink:0;color:var(--green-light)}
.pg-grid-wrap{padding:2rem;background:var(--white)}
.pg-empty{text-align:center;padding:5rem 1rem;color:var(--ink-soft)}
.pg-empty svg{width:48px;height:48px;margin:0 auto 1rem;color:var(--border)}
/* COA TABLE */
.coa-stats{background:var(--green);display:grid;grid-template-columns:repeat(5,1fr)}
.coa-stat{padding:1.5rem;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.coa-stat:last-child{border:none}
.coa-stat strong{display:block;font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.coa-stat span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.coa-body{padding:2.5rem;max-width:1400px;margin:0 auto}
.coa-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r)}
.ctable{width:100%;border-collapse:collapse}
.ctable th{padding:.85rem 1.2rem;text-align:left;background:var(--green);color:#fff;font-size:.73rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.ctable td{padding:.88rem 1.2rem;font-family:var(--mono);font-size:.78rem;border-bottom:1px solid var(--border);color:var(--ink-mid)}
.ctable tr:hover td{background:var(--green-pale)}
.ctable .pass{color:var(--gclr);font-weight:700}
.ctable .hi{color:var(--green);font-weight:700}
/* ABOUT */
.about-hero{background:linear-gradient(135deg,#052210 0%,#1a6b3a 50%,#22843f 100%);min-height:60vh;display:flex;align-items:center;padding:5rem 2.5rem}
.about-hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center}
.about-hero-text h1{font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.05;margin-bottom:1.25rem}
.about-hero-text p{color:rgba(255,255,255,.72);font-size:1rem;line-height:1.72;max-width:520px;margin-bottom:2.5rem}
.ah-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}
.ah-stat strong{display:block;font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-.04em}
.ah-stat span{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ahi-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:2rem;backdrop-filter:blur(12px)}
.ahi-row{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem}
.ahi-row:last-child{border:none}
.ahi-row span{color:rgba(255,255,255,.6)}
.ahi-row strong{color:#fff;font-weight:600}
.am-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.amv-grid{display:grid;gap:1rem}
.amv-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--border);border-radius:var(--r);transition:all .3s}
.amv-item:hover{border-color:var(--green-light);box-shadow:var(--sh)}
.amv-icon{width:40px;height:40px;border-radius:8px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.amv-icon svg{width:20px;height:20px}
.amv-item strong{display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem}
.amv-item p{font-size:.82rem;color:var(--ink-soft);line-height:1.5;margin:0}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:2rem;transition:all .35s}
.why-card:hover{border-color:var(--green-light);box-shadow:var(--sh);transform:translateY(-4px)}
.why-icon{width:46px;height:46px;border-radius:10px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.why-icon svg{width:22px;height:22px}
.why-card h4{font-size:.97rem;font-weight:700;margin-bottom:.45rem}
.why-card p{font-size:.83rem;color:var(--ink-soft);line-height:1.6}
/* CONTACT */
.contact-hero{background:linear-gradient(135deg,#052210 0%,#1a6b3a 50%,#22843f 100%);padding:4.5rem 2.5rem}
.contact-hero h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:.85rem;line-height:1.05}
.contact-hero p{color:rgba(255,255,255,.72);font-size:.97rem;max-width:560px;line-height:1.72}
.contact-body{padding:4rem 2.5rem;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}
.ci-block h3{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}
.ci-item{display:flex;gap:.95rem;padding:1.2rem 0;border-bottom:1px solid var(--border)}
.ci-item:last-child{border:none}
.ci-icon{width:40px;height:40px;border-radius:9px;flex-shrink:0;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center}
.ci-icon svg{width:19px;height:19px}
.ci-item strong{display:block;font-size:.84rem;font-weight:700;color:var(--ink);margin-bottom:.18rem}
.ci-item p{font-size:.81rem;color:var(--ink-soft);line-height:1.5;margin:0}
.cform{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:2.5rem;box-shadow:var(--sh)}
.cform h3{font-size:1.05rem;font-weight:700;margin-bottom:2rem}
/* CHECKOUT & FORMS */
.checkout-wrap{max-width:1100px;margin:0 auto;padding:3rem 2.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.checkout-section{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:2rem;margin-bottom:1.5rem}
.checkout-section h3{font-size:1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}
.checkout-section h3 svg{width:18px;height:18px;color:var(--green)}
.order-summary{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:2rem;position:sticky;top:80px}
.order-summary h3{font-size:1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.os-line{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.88rem;color:var(--ink-mid)}
.os-line:last-of-type{border:none}
.os-line strong{color:var(--ink)}
.os-total{display:flex;justify-content:space-between;padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--border);font-size:1.1rem;font-weight:800}
.os-total .price{color:var(--green)}
.crypto-badge{display:inline-flex;align-items:center;gap:.4rem;background:#dcfce7;color:#166534;padding:.3rem .75rem;border-radius:100px;font-size:.75rem;font-weight:700;margin-top:.5rem}
.fg{margin-bottom:1.3rem}
.fg label{display:block;font-size:.71rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:.45rem}
.fg input,.fg textarea,.fg select{width:100%;padding:.78rem 1rem;border:1px solid var(--border);border-radius:var(--r);font-family:var(--sans);font-size:.88rem;color:var(--ink);background:var(--white);transition:border-color .22s}
.fg input:focus,.fg textarea:focus,.fg select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(26,107,58,.1)}
.fg textarea{min-height:80px;resize:vertical}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fg.required label::after{content:' *';color:var(--red)}
/* PAYMENT METHOD CARDS */
.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}
.pay-card{border:2px solid var(--border);border-radius:var(--r);padding:1rem;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:.75rem;position:relative}
.pay-card:hover{border-color:var(--green-light);background:var(--green-pale)}
.pay-card.selected{border-color:var(--green);background:var(--green-soft)}
.pay-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.pay-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.pay-card .pay-label{font-size:.85rem;font-weight:600;color:var(--ink)}
.pay-card .pay-sub{font-size:.72rem;color:var(--ink-soft)}
.crypto-banner{background:linear-gradient(135deg,#052210,#1a6b3a);border-radius:var(--r);padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;color:#fff}
.crypto-banner svg{width:28px;height:28px;flex-shrink:0;color:#86efac}
.crypto-banner .cb-text strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:.2rem}
.crypto-banner .cb-text span{font-size:.82rem;color:rgba(255,255,255,.75)}
.crypto-discount-tag{background:#86efac;color:#052210;font-weight:800;padding:.2rem .6rem;border-radius:4px;font-size:.8rem}
/* CRYPTO ADDRESS BOX */
.crypto-addr-box{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;margin-top:.75rem;display:none}
.crypto-addr-box.show{display:block}
.addr-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;font-weight:700}
.addr-value{font-family:var(--mono);font-size:.8rem;word-break:break-all;background:var(--off);padding:.85rem;border-radius:var(--r);border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:background .2s}
.addr-value:hover{background:var(--green-pale)}
.copy-hint{font-size:.7rem;color:var(--ink-soft);margin-top:.4rem}
/* ORDER CONFIRMATION */
.confirm-wrap{max-width:680px;margin:4rem auto;padding:0 2rem;text-align:center}
.confirm-icon{width:80px;height:80px;border-radius:50%;background:var(--gbg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem}
.confirm-wrap h1{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}
.confirm-wrap p{color:var(--ink-soft);line-height:1.7;margin-bottom:1rem}
.confirm-order-num{font-family:var(--mono);font-size:1.1rem;background:var(--green-soft);color:var(--green);padding:.5rem 1.25rem;border-radius:100px;display:inline-block;font-weight:700;margin-bottom:1.5rem}
.confirm-pay-box{background:var(--off);border:1px solid var(--border);border-radius:var(--r);padding:2rem;text-align:left;margin:2rem 0}
.confirm-pay-box h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--ink)}
/* TESTIMONIALS */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.tcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:2rem;transition:all .35s;display:flex;flex-direction:column}
.tcard:hover{border-color:var(--green-light);box-shadow:var(--sh);transform:translateY(-4px)}
.stars{color:var(--amber);font-size:.88rem;letter-spacing:.07em;margin-bottom:.9rem}
.ttext{font-size:.91rem;line-height:1.66;color:var(--ink-mid);font-style:italic;margin-bottom:1.4rem;flex:1}
.trev{display:flex;gap:.8rem;align-items:center;padding-top:1.2rem;border-top:1px solid var(--border)}
.tav{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trev strong{display:block;font-size:.86rem;font-weight:700;color:var(--ink)}
.trev span{font-size:.74rem;color:var(--ink-soft)}
/* COA CALLOUT */
.coa-band{background:var(--green);padding:5.5rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.coa-band .slabel{color:#86efac}.coa-band .slabel::before{background:#86efac}
.coa-band .stitle{color:#fff}.coa-band .ssub{color:rgba(255,255,255,.72)}
.coa-table{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--r);overflow:hidden}
.ct-head{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;background:rgba(255,255,255,.1);padding:.7rem 1.2rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);gap:.5rem}
.ct-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;padding:.8rem 1.2rem;gap:.5rem;border-top:1px solid rgba(255,255,255,.07);font-family:var(--mono);font-size:.76rem;align-items:center}
.ct-row:hover{background:rgba(255,255,255,.04)}
.ct-name{color:#fff;font-weight:600}.ct-lot{color:rgba(255,255,255,.5)}.ct-purity{color:#86efac;font-weight:600}
.ct-status{display:inline-flex;align-items:center;gap:.35rem;color:#86efac;font-size:.72rem}
.ct-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e}
/* CART DRAWER */
.cart-ov{position:fixed;inset:0;background:rgba(13,27,42,.45);z-index:800;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}
.cart-ov.open{opacity:1;pointer-events:auto}
.cart-dr{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--white);z-index:801;transform:translateX(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--sh-lg)}
.cart-dr.open{transform:translateX(0)}
.cart-h{padding:1.4rem 1.75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
.cart-h h3{font-size:1.05rem;font-weight:700}
.cart-cl{width:32px;height:32px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:background .2s}
.cart-cl:hover{background:var(--off)}
.cart-b{flex:1;overflow-y:auto;padding:1.2rem 1.75rem}
.cart-empty{text-align:center;padding:4rem 1rem;color:var(--ink-soft)}
.cart-empty svg{width:46px;height:46px;margin:0 auto 1rem;color:var(--border)}
.cart-empty p{font-size:.93rem}
.cart-line{display:grid;grid-template-columns:62px 1fr auto;gap:.9rem;padding:1.1rem 0;border-bottom:1px solid var(--border);align-items:center}
.cl-thumb{width:62px;height:62px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.cl-name{font-size:.88rem;font-weight:700;margin-bottom:.18rem}
.cl-meta{font-family:var(--mono);font-size:.66rem;color:var(--ink-soft)}
.cl-qty{display:inline-flex;align-items:center;margin-top:.4rem;border:1px solid var(--border);border-radius:100px;overflow:hidden}
.qb{width:25px;height:25px;border:none;background:transparent;color:var(--ink-soft);font-size:.9rem;transition:all .18s;cursor:pointer}
.qb:hover{color:var(--green);background:var(--green-soft)}
.qn{font-family:var(--mono);font-size:.76rem;padding:0 .4rem;min-width:24px;text-align:center}
.cl-price{font-size:.93rem;font-weight:700;text-align:right}
.cl-rm{display:block;background:none;border:none;font-size:.68rem;color:var(--ink-faint);text-decoration:underline;margin-top:.3rem;text-align:right;cursor:pointer}
.cl-rm:hover{color:var(--red)}
.cart-f{padding:1.2rem 1.75rem 1.75rem;border-top:1px solid var(--border);background:var(--off)}
.ctr{display:flex;justify-content:space-between;font-size:.84rem;color:var(--ink-soft);padding:.32rem 0}
.ctr.grand{font-size:1.08rem;font-weight:800;color:var(--ink);border-top:1px solid var(--border);margin-top:.45rem;padding-top:.7rem}
.cart-ck{width:100%;background:var(--green);color:#fff;border:none;padding:1rem;border-radius:var(--r);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:1rem;transition:all .22s;cursor:pointer}
.cart-ck:hover{background:var(--green-mid)}
.cart-sec{text-align:center;margin-top:.8rem;font-size:.7rem;color:var(--ink-faint);display:flex;align-items:center;justify-content:center;gap:.35rem}
.cart-sec svg{width:11px;height:11px}
/* PRODUCT DETAIL */
.pdp-topbar{background:var(--ink);padding:1rem 2.5rem}
.pdp-topbar a{color:rgba(255,255,255,.6);font-size:.82rem}
.pdp-topbar a:hover{color:#fff}
.pdp-topbar .sep{color:rgba(255,255,255,.3);margin:0 .5rem}
.pdp-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:3rem 2.5rem;align-items:start;box-sizing:border-box;width:100%}
.pdp-img-block{position:sticky;top:80px}
.pdp-main-img{border-radius:var(--r);border:1px solid var(--border);aspect-ratio:1/1;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;transition:background .3s;position:relative}
.pdp-vial-lg{width:min(120px,30%);height:min(240px,55%);background:rgba(255,255,255,.95);border-radius:12px 12px 18px 18px;position:relative;box-shadow:var(--sh-lg);border:1px solid rgba(255,255,255,.8);transition:transform .6s}
.pdp-main-img:hover .pdp-vial-lg{transform:rotate(-4deg) scale(1.04)}
.pdp-vial-lg::before{content:'';position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:54px;height:22px;background:var(--green);border-radius:5px 5px 2px 2px}
.pdp-vial-lg::after{content:attr(data-name);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.7rem;color:var(--green);letter-spacing:.08em;text-align:center;width:85%;line-height:1.4}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.pdp-thumb{border:2px solid var(--border);border-radius:var(--r);aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-family:var(--mono);font-size:.65rem;color:var(--ink-soft);text-align:center;padding:.4rem;line-height:1.3}
.pdp-thumb:hover,.pdp-thumb.on{border-color:var(--green);background:var(--green-soft);color:var(--green)}
.pdp-name{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:.5rem}
.pdp-cas{font-family:var(--mono);font-size:.76rem;color:var(--ink-soft);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}
.purity-chip{background:var(--gbg);color:var(--gclr);font-size:.68rem;padding:.2rem .55rem;border-radius:4px;font-weight:700}
.pdp-price-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.pdp-price{font-size:2.2rem;font-weight:800;color:var(--green);letter-spacing:-.04em}
.pdp-section-label{font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.65rem}
.spec-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.75rem}
.spec-btn{border:1.5px solid var(--border);border-radius:var(--r);padding:.6rem 1.1rem;font-size:.82rem;font-weight:600;color:var(--ink-mid);background:var(--white);transition:all .22s;cursor:pointer;font-family:var(--sans)}
.spec-btn:hover{border-color:var(--green);color:var(--green)}
.spec-btn.on{border-color:var(--green);background:var(--green);color:#fff}
.pdp-buy-row{display:flex;gap:.85rem;margin-bottom:1.75rem;align-items:center}
.qty-wrap{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;height:50px}
.qty-wrap button{width:44px;height:100%;border:none;background:transparent;font-size:1.1rem;color:var(--ink-soft);cursor:pointer;transition:all .2s}
.qty-wrap button:hover{background:var(--green-soft);color:var(--green)}
.qty-wrap span{width:44px;text-align:center;font-family:var(--mono);font-size:.95rem;font-weight:600;border-left:1px solid var(--border);border-right:1px solid var(--border);line-height:50px}
.pdp-add{flex:1;background:var(--green);color:#fff;border:none;height:50px;border-radius:var(--r);font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .25s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}
.pdp-add:hover{background:var(--green-mid);transform:translateY(-1px);box-shadow:var(--sh)}
.pdp-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}
.pdp-trust-item{display:flex;align-items:center;gap:.6rem;background:var(--off);border-radius:var(--r);padding:.85rem .75rem;font-size:.76rem;font-weight:500;color:var(--ink-mid)}
.pdp-trust-item svg{width:18px;height:18px;color:var(--green);flex-shrink:0}
.pdp-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap}
.pdp-tab{padding:.75rem 1rem;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:all .22s;background:none;border-top:none;border-left:none;border-right:none;flex-shrink:0;white-space:nowrap}
.pdp-tab:hover{color:var(--green)}
.pdp-tab.on{color:var(--green);border-bottom-color:var(--green)}
.pdp-tab-panel{display:none;font-size:.88rem;color:var(--ink-mid);line-height:1.75}
.pdp-tab-panel.on{display:block}
.pdp-tab-panel h4{font-size:.9rem;font-weight:700;color:var(--ink);margin:1rem 0 .4rem}
.pdp-tab-panel ul{padding-left:1.2rem}
.pdp-tab-panel li{margin-bottom:.35rem}
.pdp-tab-panel table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.78rem}
.pdp-tab-panel table th{text-align:left;padding:.6rem .85rem;background:var(--green);color:#fff;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.pdp-tab-panel table td{padding:.65rem .85rem;border-bottom:1px solid var(--border);color:var(--ink-mid)}
.pdp-related{padding:4rem 2.5rem;background:var(--off);border-top:1px solid var(--border)}
.pdp-related h3{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem}
.pdp-related h3 span{color:var(--green)}
/* ALERTS */
.alert{padding:1rem 1.25rem;border-radius:var(--r);margin-bottom:1.5rem;font-size:.88rem;border-left:4px solid}
.alert-success{background:#f0fdf4;border-color:var(--green);color:#166534}
.alert-error{background:#fef2f2;border-color:var(--red);color:#991b1b}
.alert-info{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}
/* FOOTER */
footer{background:var(--ink);color:#fff;padding:4rem 2.5rem 2rem}
.fg-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
.fb p{color:rgba(255,255,255,.5);font-size:.84rem;max-width:280px;line-height:1.65;margin-top:.85rem}
.fc h5{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1rem}
.fc ul{list-style:none}
.fc li{margin-bottom:.5rem}
.fc a{color:rgba(255,255,255,.65);font-size:.83rem;transition:color .2s}
.fc a:hover{color:#86efac}
.fb-bot{padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.76rem;color:rgba(255,255,255,.38)}
.fdisclaim{margin-top:1.4rem;padding:1rem 1.2rem;background:rgba(255,255,255,.04);border-left:3px solid #22c55e;font-size:.75rem;color:rgba(255,255,255,.48);line-height:1.62}
/* SCROLL ANIMATIONS */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal.l{transform:translateX(-36px)}.reveal.l.in{transform:translateX(0)}
.reveal.r{transform:translateX(36px)}.reveal.r.in{transform:translateX(0)}
.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
.stagger.in>*:nth-child(1){transition-delay:.00s}.stagger.in>*:nth-child(2){transition-delay:.07s}
.stagger.in>*:nth-child(3){transition-delay:.14s}.stagger.in>*:nth-child(4){transition-delay:.21s}
.stagger.in>*:nth-child(5){transition-delay:.28s}.stagger.in>*:nth-child(6){transition-delay:.35s}
.stagger.in>*:nth-child(7){transition-delay:.42s}.stagger.in>*:nth-child(8){transition-delay:.49s}
.stagger.in>*:nth-child(9){transition-delay:.56s}.stagger.in>*:nth-child(10){transition-delay:.63s}
.stagger.in>*{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal,.stagger>*{opacity:1!important;transform:none!important;transition:none!important}}
/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes hpulse{from{opacity:.6}to{opacity:1}}
@keyframes drift{from{background-position:0 0}to{background-position:60px 60px}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
/* ── RESPONSIVE ─────────────────────────────────── */
@media(max-width:1100px){
.pgrid,.proc-grid{grid-template-columns:repeat(2,1fr)}
.fg-grid{grid-template-columns:1fr 1fr 1fr}
.trust{grid-template-columns:repeat(3,1fr)}
.coa-band{grid-template-columns:1fr}
.pdp-layout{grid-template-columns:1fr;gap:2rem}
.pdp-img-block{position:static}
.checkout-wrap{grid-template-columns:1fr}
}
@media(max-width:900px){
/* NAV */
nav{padding:0 1rem}
/* nl hidden by default */
.logo{font-size:1.1rem}
.logo .sb{display:none}
/* PROMO */
.promo{gap:.75rem;font-size:.7rem;padding:.45rem 1rem}
/* SECTIONS */
section{padding:3rem 1.25rem}
.hero-card{display:none}
.hero-inner{padding:0 1.25rem}
/* GRIDS */
.about-hero-inner,.am-inner,.contact-body{grid-template-columns:1fr;gap:2rem}
.tgrid,.why-grid{grid-template-columns:1fr 1fr}
.trust{grid-template-columns:1fr 1fr}
.pgrid{grid-template-columns:1fr 1fr}
.proc-grid{grid-template-columns:1fr 1fr}
/* PRODUCTS PAGE */
.pg-layout{grid-template-columns:1fr}
.pg-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}
.pg-topbar{padding:1.25rem}
.pg-topbar-inner{flex-direction:column;align-items:flex-start;gap:.75rem}
.pg-search{width:100%}
/* CHECKOUT */
.checkout-wrap{padding:1.5rem 1rem;gap:1.5rem}
.pay-methods{grid-template-columns:1fr}
/* COA */
.coa-stats{grid-template-columns:repeat(3,1fr)}
.coa-body{padding:1.5rem 1rem}
/* ABOUT / CONTACT */
.about-hero{padding:3rem 1.25rem;min-height:auto}
.contact-hero{padding:3rem 1.25rem}
.contact-body{padding:2rem 1.25rem}
}
@media(max-width:600px){
/* NAV */
nav{padding:0 1rem;height:56px}
.logo{font-size:1rem;gap:.5rem}
.logo img{width:30px;height:30px}
/* PROMO — hide on tiny screens */
.promo{display:none}
/* HERO */
.hero{min-height:auto;padding:4rem 0}
.hero-inner{padding:2.5rem 1.25rem}
.hero h1{font-size:2rem}
.hero-sub{font-size:.9rem}
.hero-stats{gap:1.25rem;flex-wrap:wrap}
.hs-item strong{font-size:1.4rem}
.hero-actions{flex-direction:column}
.hero-actions .btn{width:100%;justify-content:center}
/* TRUST STRIP */
.trust{grid-template-columns:1fr 1fr}
.trust-item{padding:1rem}
/* GRIDS */
.pgrid{grid-template-columns:1fr 1fr}
.proc-grid{grid-template-columns:1fr}
.fg-grid{grid-template-columns:1fr 1fr}
.tgrid,.why-grid{grid-template-columns:1fr}
.coa-stats{grid-template-columns:1fr 1fr}
/* PRODUCT CARDS */
.pcard-img{height:140px}
.pvial{width:44px;height:96px}
.pname{font-size:.9rem}
.pdesc{display:none}
/* PRODUCT DETAIL */
.pdp-layout{padding:1.5rem 1rem;gap:1.5rem}
.pdp-topbar{padding:.75rem 1rem}
.pdp-name{font-size:1.6rem}
.pdp-price{font-size:1.7rem}
.pdp-thumbs{grid-template-columns:repeat(4,1fr);gap:.4rem}
.pdp-trust-row{grid-template-columns:1fr 1fr}
.pdp-buy-row{flex-wrap:wrap}
.pdp-add{height:46px;font-size:.8rem}
.qty-wrap{height:46px}
.pdp-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pdp-tab{white-space:nowrap;font-size:.74rem;padding:.65rem .85rem}
.pdp-related{padding:2.5rem 1rem}
/* PRODUCT PAGE */
.pg-grid-wrap{padding:1rem}
.pg-title{font-size:1.6rem}
.pg-topbar{padding:1rem}
/* CHECKOUT */
.checkout-wrap{padding:1rem}
.checkout-section{padding:1.25rem}
.frow{grid-template-columns:1fr}
.order-summary{position:static}
.pay-methods{grid-template-columns:1fr}
.pay-card{padding:.85rem}
/* CART DRAWER */
.cart-dr{width:100vw}
/* COA */
.coa-stats{grid-template-columns:1fr 1fr}
.coa-body{padding:1rem}
.coa-stat{padding:1rem .75rem}
.coa-stat strong{font-size:1.1rem}
/* ABOUT */
.about-hero{padding:2.5rem 1rem}
.ah-stats{gap:1.25rem}
.ah-stat strong{font-size:1.4rem}
.ahi-card{padding:1.25rem}
.am-inner,.amv-grid{padding:0}
/* CONTACT */
.contact-hero{padding:2.5rem 1rem}
.contact-body{padding:1.5rem 1rem;gap:1.5rem}
.cform{padding:1.5rem 1rem}
/* FOOTER */
footer{padding:2.5rem 1rem 1.5rem}
.fg-grid{grid-template-columns:1fr 1fr}
.fb{grid-column:1/-1}
/* MISC */
.slabel{font-size:.65rem}
.stitle{font-size:1.6rem}
.ssub{font-size:.9rem}
.btn{padding:.65rem 1.25rem;font-size:.78rem}
}
/* 2-col product grid — compact cards for mobile */
@media(max-width:600px){
.pgrid{gap:.65rem}
.pcard-img{height:130px}
.pvial{width:40px;height:90px}
.pbody{padding:.85rem .75rem}
.pname{font-size:.82rem}
.pdesc{display:none}
.pprice{font-size:.95rem}
.addbtn{padding:.38rem .65rem;font-size:.68rem}
.pcas{display:none}
}
@media(max-width:380px){
.pgrid{grid-template-columns:1fr 1fr}
.trust{grid-template-columns:1fr}
.fg-grid{grid-template-columns:1fr}
.coa-stats{grid-template-columns:1fr}
.pdp-trust-row{grid-template-columns:1fr}
.tgrid{grid-template-columns:1fr}
}
/* ── TOAST NOTIFICATIONS ─────────────────────────── */
/* (rendered via JS, no extra CSS needed here) */
/* ── CART BADGE POP ──────────────────────────────── */
@keyframes badgePop {
0% { transform: scale(1) }
40% { transform: scale(1.5) }
70% { transform: scale(.88) }
100% { transform: scale(1) }
}
.cbadge.pop { animation: badgePop .45s cubic-bezier(.4,0,.2,1) forwards; }
/* ── HOME ANIMATIONS ─────────────────────────────── */
@keyframes vialFloat {
from { transform: translateY(0) rotate(-2deg); }
to { transform: translateY(-18px) rotate(2deg); }
}
@keyframes shimmer {
0% { background-position: -400px 0; }
100% { background-position: 400px 0; }
}
@keyframes fadeSlideUp {
from { opacity: 0; transform: translateY(32px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeSlideLeft {
from { opacity: 0; transform: translateX(32px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes pulseDot {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: .4; transform: scale(.7); }
}
@keyframes floatBg {
0%,100% { transform: translate(0,0) scale(1); }
33% { transform: translate(20px,-15px) scale(1.05); }
66% { transform: translate(-15px,10px) scale(.97); }
}
/* hero bg blobs animation */
.hero-blob { animation: floatBg 12s ease-in-out infinite; }
.hero-blob-2 { animation: floatBg 16s ease-in-out 3s infinite reverse; }
/* process card animate-in */
.proc-card { opacity: 0; transform: translateY(24px); transition: opacity .55s ease, transform .55s ease, border-color .3s, box-shadow .3s, transform .3s; }
.proc-card.proc-in { opacity: 1; transform: translateY(0); }
/* hero pill dot */
.hero-pill .dot { animation: pulseDot 2s ease-in-out infinite; }
/* stat number shimmer on load */
.hs-item strong {
background: linear-gradient(90deg, #fff 0%, #86efac 50%, #fff 100%);
background-size: 400px 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: shimmer 2.5s ease-in-out 1s 1 forwards;
}
/* testimonial card hover lift */
.tcard { transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
.tcard:hover { transform: translateY(-6px) scale(1.01); }
/* COA table rows */
.ct-row { transition: background .2s ease; }
/* Section title highlight animate */
.stitle .hl {
position: relative;
display: inline-block;
}
.stitle .hl::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: var(--green);
border-radius: 2px;
transition: width .6s ease .3s;
}
.stitle.in .hl::after,
.reveal.in .stitle .hl::after { width: 100%; }
/* ── PREVENT HORIZONTAL OVERFLOW ON MOBILE ────── */
@media(max-width:900px){
html, body { overflow-x:hidden; max-width:100%; }
.trust{ grid-template-columns:repeat(2,1fr); overflow:hidden; }
.trust-item{ min-width:0; }
.pcard{ min-width:0; max-width:100%; }
.pgrid{ width:100%; min-width:0; overflow:hidden; }
.proc-grid{ overflow:hidden; }
.fg-grid{ overflow:hidden; }
nav{ max-width:100vw; overflow:hidden; }
section{ max-width:100vw; overflow-x:hidden; }
.hero{ max-width:100vw; overflow:hidden; }
.hero-inner{ max-width:100%; padding-left:1.25rem; padding-right:1.25rem; }
.checkout-wrap{ max-width:100%; }
.pdp-layout{ max-width:100%; }
.coa-body{ max-width:100%; overflow-x:auto; }
footer{ max-width:100vw; overflow:hidden; }
}
@media(max-width:600px){
html, body { overflow-x:hidden; }
/* Compact trust strip */
.trust{ grid-template-columns:1fr 1fr; }
.trust-item{ padding:.75rem .6rem; gap:.5rem; }
.trust-item strong{ font-size:.75rem; }
.trust-item span{ font-size:.62rem; }
/* Product cards — tighter */
.pcard-img{ height:120px; }
.pvial{ width:36px; height:80px; }
.pvial::before{ width:22px; height:10px; top:-8px; }
.pbody{ padding:.7rem .6rem; }
.pname{ font-size:.8rem; line-height:1.2; }
.pprice{ font-size:.88rem; }
.ppurity{ font-size:.58rem; }
.addbtn{ padding:.32rem .5rem; font-size:.65rem; letter-spacing:.03em; }
.pfooter{ flex-wrap:wrap; gap:.4rem; }
/* Promo strip */
.promo{ display:none; }
/* Nav */
nav{ padding:0 .85rem; }
}
@media(max-width:380px){
.pgrid{ grid-template-columns:1fr 1fr; gap:.5rem; }
.pcard-img{ height:105px; }
.trust{ grid-template-columns:1fr 1fr; }
}
/* ── STRONG MOBILE FIX ──────────────────────── */
@media(max-width:768px){
* { box-sizing: border-box !important; }
html, body {
overflow-x: hidden !important;
max-width: 100% !important;
width: 100% !important;
}
.nl { display: none !important; }
nav, .promo, section, footer,
.pdp-layout, .pdp-topbar, .pdp-related,
.pg-layout, .pg-topbar, .pg-grid-wrap,
.checkout-wrap, .contact-body, .about-hero,
.coa-body, .trust, .pgrid {
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
.pdp-layout {
grid-template-columns: 1fr !important;
padding: 1rem !important;
gap: 1rem !important;
}
.pdp-topbar { padding: .75rem 1rem !important; }
.pdp-related { padding: 2rem 1rem !important; }
.pdp-main-img { aspect-ratio: 1/1 !important; }
.pgrid {
grid-template-columns: 1fr 1fr !important;
gap: .65rem !important;
padding: 0 !important;
}
.pg-grid-wrap { padding: 1rem !important; }
.trust { grid-template-columns: 1fr 1fr !important; }
}
/* ══════════════════════════════════════════════════
NUCLEAR MOBILE FIX — NO HORIZONTAL SCROLL
══════════════════════════════════════════════════ */
html {
overflow-x: hidden !important;
max-width: 100vw !important;
}
body {
overflow-x: hidden !important;
max-width: 100vw !important;
position: relative !important;
}
@media (max-width: 900px) {
/* Hide desktop nav links — absolutely cannot show */
ul.nl { display: none !important; visibility: hidden !important; }
/* Every element must stay in box */
*, *::before, *::after {
box-sizing: border-box !important;
max-width: 100% !important;
}
/* Product Detail Page */
.pdp-topbar {
padding: .65rem 1rem !important;
width: 100% !important;
overflow: hidden !important;
}
.pdp-layout {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100vw !important;
padding: 1rem !important;
gap: 1.25rem !important;
overflow: hidden !important;
}
.pdp-img-block {
position: static !important;
width: 100% !important;
max-width: 100% !important;
}
.pdp-main-img {
width: 100% !important;
max-width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
}
.pdp-info {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
.pdp-thumbs {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: .4rem !important;
width: 100% !important;
}
.pdp-thumb {
width: 100% !important;
aspect-ratio: 1 !important;
}
.pdp-related {
padding: 2rem 1rem !important;
overflow: hidden !important;
}
.pdp-related .pgrid {
grid-template-columns: 1fr 1fr !important;
}
.pdp-buy-row {
flex-wrap: wrap !important;
gap: .75rem !important;
}
.pdp-add {
width: 100% !important;
justify-content: center !important;
}
.qty-wrap {
width: 100% !important;
justify-content: center !important;
}
.pdp-tabs {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
}
.pdp-tab-panels {
width: 100% !important;
overflow: hidden !important;
}
/* Products listing page */
.pg-layout {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
overflow: hidden !important;
}
.pg-sidebar {
width: 100% !important;
position: static !important;
height: auto !important;
}
.pg-grid-wrap {
width: 100% !important;
padding: .75rem !important;
overflow: hidden !important;
}
.pgrid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: .65rem !important;
width: 100% !important;
}
.pg-topbar {
padding: 1rem !important;
width: 100% !important;
overflow: hidden !important;
}
.pg-topbar-inner {
flex-direction: column !important;
align-items: flex-start !important;
gap: .75rem !important;
width: 100% !important;
}
.pg-search { width: 100% !important; }
/* Trust strip */
.trust {
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
overflow: hidden !important;
}
.trust-item { min-width: 0 !important; }
/* Nav */
nav {
width: 100% !important;
max-width: 100vw !important;
overflow: hidden !important;
padding: 0 1rem !important;
}
/* Hero */
.hero {
width: 100% !important;
max-width: 100vw !important;
overflow: hidden !important;
}
.hero-inner {
width: 100% !important;
padding: 2.5rem 1.25rem !important;
}
/* Sections */
section {
width: 100% !important;
max-width: 100vw !important;
overflow-x: hidden !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
/* Footer */
footer {
width: 100% !important;
max-width: 100vw !important;
overflow: hidden !important;
padding: 2rem 1rem 1.5rem !important;
}
.fg-grid {
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
}
/* Checkout */
.checkout-wrap {
width: 100% !important;
padding: 1rem !important;
overflow: hidden !important;
}
/* COA */
.coa-body {
width: 100% !important;
padding: 1rem !important;
overflow-x: auto !important;
}
.coa-stats {
grid-template-columns: 1fr 1fr !important;
width: 100% !important;
}
/* About / Contact */
.about-hero, .contact-hero {
width: 100% !important;
overflow: hidden !important;
padding: 2.5rem 1.25rem !important;
}
.about-hero-inner, .am-inner, .contact-body {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 1.5rem !important;
}
}
/* ── PDP IMAGE MOBILE FIX ────────────────────── */
@media(max-width:900px){
.pdp-img-block {
width: 100% !important;
max-width: 100% !important;
position: static !important;
}
.pdp-main-img {
width: 100% !important;
max-width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
border-radius: 8px !important;
}
.pdp-vial-lg {
width: 28% !important;
height: 52% !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.pdp-vial-lg::before {
width: 50% !important;
height: 10% !important;
top: -9% !important;
}
.pdp-vial-lg::after {
font-size: .6rem !important;
line-height: 1.3 !important;
}
.pdp-thumbs {
display: grid !important;
grid-template-columns: repeat(4,1fr) !important;
gap: .4rem !important;
width: 100% !important;
}
.pdp-thumb {
aspect-ratio: 1 !important;
width: 100% !important;
border-radius: 6px !important;
}
/* Product listing cards */
.pcard {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
.pcard-img {
width: 100% !important;
height: 130px !important;
overflow: hidden !important;
}
.pvial {
width: 36px !important;
height: 80px !important;
}
}
@media(max-width:480px){
.pdp-main-img {
aspect-ratio: 4/3 !important;
}
.pdp-vial-lg {
width: 25% !important;
height: 55% !important;
}
}
/* ── TABS MOBILE FIX ─────────────────────────── */
@media(max-width:900px){
.pdp-tabs {
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
border-bottom:2px solid var(--border) !important;
gap:0 !important;
padding-bottom:0 !important;
width:100% !important;
}
.pdp-tabs::-webkit-scrollbar { display:none !important; }
.pdp-tab {
flex-shrink:0 !important;
white-space:nowrap !important;
font-size:.72rem !important;
padding:.65rem .85rem !important;
letter-spacing:.04em !important;
}
}