:root{
  color-scheme:light;
  --paper:#f7f8fa; --white:#ffffff; --ink:#101214; --muted:#68727d; --line:#dce3e8; --line-strong:#c8d2da;
  --blue:#10bfa3; --mint:#73e1d2; --hot:#f03b86;
  --glass:rgba(255,255,255,.58); --glass-strong:rgba(255,255,255,.78); --glass-dark:rgba(16,20,24,.78);
  --glass-border:rgba(16,191,163,.42); --silver:#eef2f5; --graphite:#1b1f24; --shadow:0 24px 80px rgba(22,32,42,.1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter","SF Pro Display","Segoe UI",sans-serif;overflow-x:hidden;}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(244,248,250,.72)),radial-gradient(circle at 50% 0,rgba(16,191,163,.1),transparent 42%),radial-gradient(circle at 85% 18%,rgba(115,225,210,.12),transparent 28%);}
.ambient-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(74,91,105,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(74,91,105,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);animation:grid-drift 18s linear infinite;}

/* Nav & Hero */
.nav{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,8vw,128px);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(211,220,226,.78);backdrop-filter:blur(22px) saturate(180%);}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);min-width:0;}
.brand-mark{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:linear-gradient(145deg,#ffffff,#dce5eb 48%,#15191e 49%,#2c3238);color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(20,29,38,.14), inset 0 1px 0 rgba(255,255,255,.85);}
.brand strong{display:block;font:700 15px "Space Grotesk",sans-serif;}
.brand small{display:block;color:#7a838c;font-size:8px;letter-spacing:1.3px;margin-top:2px;}
.desktop-nav{display:flex;gap:34px}
.desktop-nav a,.footer a{color:#717b84;text-decoration:none;font-size:11px;letter-spacing:1px;font-weight:800;transition:color .25s ease;}
.desktop-nav a:hover,.footer a:hover{color:#0d9f87}
.nav-actions{display:flex;gap:10px;align-items:center}
.lang-btn,.cart-btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(16,191,163,.28);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.48)),rgba(255,255,255,.5);color:#1b232b;border-radius:999px;min-height:38px;padding:0 14px;font-weight:800;cursor:pointer;backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 28px rgba(20,32,42,.06);transition:all .25s ease;}
.lang-btn{font-size:10px}
.cart-btn{display:flex;gap:9px;align-items:center}
.cart-btn b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;}
.lang-btn:hover,.cart-btn:hover{transform:translateY(-1px);border-color:rgba(16,191,163,.62);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(16,191,163,.12) 52%,rgba(240,59,134,.1)),rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 14px 34px rgba(16,191,163,.12);}

.hero{min-height:800px;position:relative;display:grid;place-items:center;text-align:center;padding:112px 20px 58px;overflow:hidden;}
.hero::after{content:"";position:absolute;left:50%;bottom:34px;width:min(980px,82vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(28,42,54,.24),transparent);}
.hero-lab{position:absolute;inset:0;overflow:hidden;--mx:50%;--my:40%;}
.hero-lab::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--mx) var(--my),rgba(255,255,255,.78),rgba(16,191,163,.08) 24%,transparent 48%);mix-blend-mode:screen;opacity:.78;}
.lab-grid-bg{position:absolute;left:50%;top:52%;width:880px;height:420px;transform:translate(-50%,-50%) perspective(760px) rotateX(62deg);transform-origin:center bottom;background-image:linear-gradient(rgba(16,191,163,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(18,24,30,.08) 1px,transparent 1px);background-size:44px 44px;border:1px solid rgba(165,185,199,.4);animation:lab-floor 8s linear infinite;}
.hero-ring{position:absolute;left:50%;top:43%;width:520px;height:520px;border:1px solid rgba(16,191,163,.25);border-radius:50%;transform:translate(-50%,-50%);animation:ring-breathe 4.8s ease-in-out infinite;}
.ring-2{width:680px;height:320px;border-color:rgba(20,26,31,.13);transform:translate(-50%,-50%) rotate(22deg);animation:orbit-tilt 12s linear infinite;}
.ring-3{width:720px;height:220px;border-color:rgba(34,39,46,.12);transform:translate(-50%,-50%) rotate(-18deg);animation:orbit-tilt-reverse 16s linear infinite;}
.sample-stack{position:absolute;top:36%;display:grid;grid-template-columns:repeat(3,22px);gap:13px;filter:drop-shadow(0 22px 34px rgba(31,50,66,.18));}
.sample-left{left:10%;animation:float-stack 5.5s ease-in-out infinite}
.sample-right{right:10%;animation:float-stack 6.2s ease-in-out infinite reverse}
.sample-stack span{width:22px;height:122px;border:1px solid rgba(160,178,191,.72);border-radius:999px;background:linear-gradient(to top,rgba(16,191,163,.54) 0 34%,rgba(255,255,255,.72) 34% 100%),linear-gradient(90deg,rgba(255,255,255,.8),rgba(218,228,236,.52));box-shadow:inset 0 0 16px rgba(255,255,255,.74);}
.sample-stack span:nth-child(2){height:150px;background:linear-gradient(to top,rgba(35,43,50,.34) 0 46%,rgba(255,255,255,.72) 46% 100%),linear-gradient(90deg,rgba(255,255,255,.8),rgba(218,228,236,.52));}
.sample-stack span:nth-child(3){height:104px;background:linear-gradient(to top,rgba(115,225,210,.42) 0 28%,rgba(255,255,255,.72) 28% 100%),linear-gradient(90deg,rgba(255,255,255,.8),rgba(218,228,236,.52));}
.scan-beam{position:absolute;left:50%;top:18%;width:min(780px,84vw);height:170px;transform:translateX(-50%);background:linear-gradient(to bottom,transparent,rgba(16,191,163,.14),transparent);border-top:1px solid rgba(16,191,163,.26);border-bottom:1px solid rgba(18,24,30,.1);opacity:.7;animation:hero-scan 5.8s ease-in-out infinite;}
.data-stream{position:absolute;width:260px;display:grid;gap:8px;opacity:.7;}
.stream-1{left:7%;bottom:24%;transform:rotate(-8deg)}
.stream-2{right:7%;bottom:22%;transform:rotate(8deg)}
.data-stream i{display:block;height:2px;background:linear-gradient(90deg,transparent,rgba(28,35,42,.45),rgba(16,191,163,.65),transparent);animation:data-run 2.8s ease-in-out infinite;}
.data-stream i:nth-child(2){animation-delay:.35s}
.data-stream i:nth-child(3){animation-delay:.7s}

.molecule-chain{position:absolute;z-index:1;width:280px;height:120px;opacity:.46;animation:molecule-drift 8s ease-in-out infinite;}
.chain-1{left:14%;top:21%}
.chain-2{right:13%;top:64%;animation-delay:1.8s;transform:rotate(180deg)}
.molecule-chain::before,.molecule-chain::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(16,191,163,.5),rgba(20,26,31,.18),transparent);transform-origin:left center;}
.molecule-chain::before{left:42px;top:48px;width:190px;transform:rotate(16deg);}
.molecule-chain::after{left:72px;top:75px;width:150px;transform:rotate(-24deg);}
.molecule-chain span{position:absolute;width:13px;height:13px;border-radius:50%;border:1px solid rgba(16,191,163,.5);background:rgba(255,255,255,.82);box-shadow:0 0 24px rgba(16,191,163,.18);}
.molecule-chain span:nth-child(1){left:36px;top:42px}
.molecule-chain span:nth-child(2){left:108px;top:64px}
.molecule-chain span:nth-child(3){left:182px;top:28px}
.molecule-chain span:nth-child(4){left:228px;top:78px}

.hero-copy{position:relative;z-index:2;max-width:1060px;}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#0d9f87;font-size:10px;font-weight:900;letter-spacing:1.6px;margin-bottom:24px;}
.eyebrow span:first-child{width:7px;height:7px;background:linear-gradient(135deg,var(--blue),var(--mint));border-radius:50%;box-shadow:0 0 18px rgba(16,191,163,.34);}
.hero h1{font:800 92px/.9 "Space Grotesk",sans-serif;margin:0;color:#111417;}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#0f1114,#111820 42%,#10bfa3);-webkit-background-clip:text;background-clip:text;}
.hero h2{font:600 44px/1.06 "Space Grotesk",sans-serif;margin:12px 0 18px;color:#22282e;}
.hero p{max-width:650px;margin:0 auto;color:#5f6b76;line-height:1.75;font-size:16px;}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px;}
.btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(16,191,163,.34);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.38)),rgba(255,255,255,.44);color:#15202a;border-radius:999px;min-height:48px;padding:0 24px;font-weight:800;cursor:pointer;text-decoration:none;transition:all .25s ease;display:inline-flex;justify-content:center;align-items:center;gap:8px;backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 42px rgba(20,32,42,.08);}
.btn::before,.tab::before,.lang-btn::before,.cart-btn::before,.modal-close::before,.quantity button::before,.cart-controls button::before,.remove::before,.checkout-tab::before,.variant-btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(115,225,210,.38),transparent 46%,rgba(240,59,134,.28));transition:opacity .25s ease;}
.btn.primary{background:linear-gradient(135deg,rgba(17,20,23,.88),rgba(22,34,39,.78) 48%,rgba(16,191,163,.34)),rgba(17,20,23,.74);border-color:rgba(16,191,163,.72);color:#fff;}
.btn.primary:hover{transform:translateY(-3px);border-color:rgba(115,225,210,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 52px rgba(16,191,163,.18);}
.btn.ghost:hover{transform:translateY(-3px);border-color:rgba(16,191,163,.72);color:#0b826f;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(16,191,163,.12),rgba(240,59,134,.08)),rgba(255,255,255,.5);}
.btn:hover::before,.tab:hover::before,.tab.active::before,.lang-btn:hover::before,.cart-btn:hover::before,.modal-close:hover::before,.quantity button:hover::before,.cart-controls button:hover::before,.remove:hover::before,.checkout-tab.active::before,.variant-btn.active::before,.variant-btn:hover::before{opacity:1}
.btn:disabled{cursor:not-allowed;opacity:.48;transform:none!important;}
.full{width:100%}
.hero-strip{position:relative;z-index:3;width:min(720px,90%);margin:16px auto 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
.hero-strip span{border:1px solid rgba(194,207,217,.78);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:999px;color:#52606b;font-size:11px;font-weight:800;padding:9px 13px;}
.stats{position:absolute;z-index:3;bottom:48px;left:50%;transform:translateX(-50%);width:min(880px,90%);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(200,213,222,.86);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.74);backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--shadow);}
.stats div{padding:20px 12px;border-right:1px solid rgba(207,217,224,.9);}
.stats div:last-child{border:0}
.stats strong{display:block;color:#14191e;font:700 27px "Space Grotesk",sans-serif;}
.stats small{color:#6e7a84;font-size:8px;letter-spacing:1.2px;font-weight:900;}

.section{width:min(1200px,90%);margin:0 auto;padding:108px 0;}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px;}
.section-head .eyebrow{justify-content:flex-start;}
.section-head h2{font:700 52px/1.02 "Space Grotesk",sans-serif;margin:0;}
.section-head p{max-width:390px;color:var(--muted);line-height:1.65;}

.search-wrapper { width: 100%; margin-bottom: 28px; }
.search-wrapper input { width: 100%; padding: 14px 20px; border-radius: 999px; border: 1px solid rgba(16,191,163,.26); background: rgba(255,255,255,.7); backdrop-filter: blur(16px); color: #15202a; font-family: inherit; font-size: 14px; outline: none; transition: all .2s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 12px 30px rgba(20,32,42,.05); }
.search-wrapper input:focus { border-color: rgba(16,191,163,.82); box-shadow: 0 0 0 4px rgba(16,191,163,.12); }
.search-wrapper input::placeholder { color: #8a949d; }

.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.tab{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.38)),rgba(255,255,255,.42);color:#65727d;border:1px solid rgba(16,191,163,.26);border-radius:999px;min-height:40px;padding:0 17px;font-weight:800;cursor:pointer;backdrop-filter:blur(16px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 12px 30px rgba(20,32,42,.05);transition:all .25s ease;}
.tab.active,.tab:hover{color:#12171c;background:linear-gradient(135deg,rgba(115,225,210,.3),rgba(255,255,255,.58) 54%,rgba(240,59,134,.13)),rgba(255,255,255,.48);border-color:rgba(16,191,163,.82);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 16px 34px rgba(16,191,163,.12);}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.product-card{background:rgba(255,255,255,.86);border:1px solid rgba(207,218,226,.95);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .35s ease;position:relative;box-shadow:0 18px 44px rgba(25,36,46,.06);}
.product-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.72) 49%,transparent 56% 100%);transform:translateX(-120%);}
.product-card:hover{transform:translateY(-8px);border-color:#a9c4d8;box-shadow:0 28px 72px rgba(29,43,56,.13);}
.product-card:hover::after{animation:sheen .85s ease}
.product-img{height:230px;position:relative;overflow:hidden;background:linear-gradient(150deg,#f7fafc,#e9f0f5 46%,#ffffff),linear-gradient(90deg,rgba(16,191,163,.08),rgba(32,38,44,.06));border-bottom:1px solid rgba(211,222,230,.82);}
.product-img::before{content:"";position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(16,191,163,.22);border-radius:50%;animation:halo-pulse 3.2s ease-in-out infinite;}
.product-img::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(41,73,96,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(41,73,96,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.95),transparent);animation:grid-slide 7s linear infinite;}
.vial{position:absolute;left:50%;top:49%;z-index:2;width:54px;height:142px;transform:translate(-50%,-50%);border:1px solid rgba(132,151,166,.82);border-radius:26px 26px 12px 12px;background:linear-gradient(to top,var(--liquid,rgba(16,191,163,.45)) 0 46%,rgba(255,255,255,.64) 46% 100%),linear-gradient(90deg,rgba(255,255,255,.94),rgba(212,224,233,.64));box-shadow:inset 10px 0 18px rgba(255,255,255,.64),0 20px 36px rgba(30,45,58,.15);animation:vial-float 4s ease-in-out infinite;}
.vial::before{content:"";position:absolute;left:12px;right:12px;top:-10px;height:16px;border:1px solid rgba(132,151,166,.82);border-radius:6px 6px 2px 2px;background:#f8fbfd;}
.vial::after{content:"";position:absolute;left:14px;top:24px;width:6px;height:78px;border-radius:999px;background:rgba(255,255,255,.7);}
.tone-1{--liquid:rgba(16,191,163,.5)} .tone-2{--liquid:rgba(36,45,53,.34)} .tone-3{--liquid:rgba(115,225,210,.38)} .tone-4{--liquid:rgba(125,137,148,.34)}
.batch-tag{position:absolute;right:12px;top:12px;z-index:3;background:rgba(255,255,255,.74);border:1px solid rgba(189,204,215,.82);border-radius:999px;color:#5d6974;font-size:9px;font-weight:900;padding:7px 9px;backdrop-filter:blur(12px);}

.pack-visual{position:absolute;inset:0;z-index:2;}
.pack-vial{position:absolute;left:50%;top:48%;width:50px;height:132px;transform:translate(-50%,-50%);border:1px solid rgba(132,151,166,.82);border-radius:25px 25px 12px 12px;background:linear-gradient(to top,rgba(16,191,163,.48) 0 45%,rgba(255,255,255,.66) 45% 100%),linear-gradient(90deg,rgba(255,255,255,.94),rgba(212,224,233,.64));box-shadow:inset 10px 0 18px rgba(255,255,255,.64),0 18px 34px rgba(30,45,58,.14);animation:vial-float 4.2s ease-in-out infinite;}
.supply-chip{position:absolute;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(16,191,163,.28);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.34)),rgba(255,255,255,.5);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 14px 28px rgba(20,32,42,.08);}
.supply-chip b{font:800 20px "Space Grotesk",sans-serif;}
.supply-chip span{color:#697681;font-size:8px;font-weight:900;}
.syringes-chip{left:25%;top:54%;transform:translate(-50%,-50%) rotate(-5deg)}
.wipes-chip{right:25%;top:43%;transform:translate(50%,-50%) rotate(5deg)}
.custom-pack-visual .pack-vial{background:linear-gradient(to top,rgba(36,45,53,.34) 0 45%,rgba(255,255,255,.66) 45% 100%),linear-gradient(90deg,rgba(255,255,255,.94),rgba(212,224,233,.64));}
.product-body{padding:18px}
.product-cat{color:#0d9f87;font-size:9px;font-weight:900;letter-spacing:1.3px;}
.product-name{font:700 18px/1.2 "Space Grotesk",sans-serif;margin:8px 0 16px;min-height:44px;word-break:break-word;}
.product-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font:700 16px "Space Grotesk",sans-serif;}
.build-label{color:#0d9f87;font:800 12px "Inter",sans-serif;letter-spacing:.9px;}
.view{color:#6e7a84;font-size:10px;font-weight:900;}

.product-real-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; max-width: 170px; height: auto; max-height: 180px; object-fit: contain; z-index: 2; filter: drop-shadow(0 16px 32px rgba(30,45,58,.25)); transition: transform 0.4s ease; }
.modal-product-image .product-real-image { width: 65%; max-width: 250px; max-height: 360px; }
.product-card:hover .product-real-image { transform: translate(-50%, -55%) scale(1.05); }

.quality-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.quality-copy>p{color:var(--muted);line-height:1.75;max-width:680px;}
.quality-list{display:grid;gap:10px;margin-top:28px;}
.quality-item{display:flex;gap:15px;border:1px solid rgba(205,217,226,.9);background:rgba(255,255,255,.74);border-radius:8px;padding:17px;box-shadow:0 14px 34px rgba(25,36,46,.05);transition:all .28s ease;}
.quality-item:hover{transform:translateX(4px);border-color:#abc5d9;}

.about-section{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:center;border-top:1px solid rgba(205,217,226,.76);border-bottom:1px solid rgba(205,217,226,.76);}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.footer{border-top:1px solid rgba(205,217,226,.86);padding:40px clamp(22px,8vw,128px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(255,255,255,.64);}

.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(10,14,18,.34);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:20px;}
.modal-backdrop.open{display:flex;animation:fade .2s ease}
.product-modal,.checkout-modal,.custom-pack-modal{width:min(850px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(198,211,221,.95);border-radius:12px;box-shadow:0 30px 100px rgba(18,27,36,.24);position:relative;overflow:hidden;}
.product-modal{display:grid;grid-template-columns:1fr 1fr}
.custom-pack-modal{width:min(760px,100%);max-height:min(780px,88vh);padding:40px 45px;overflow:auto;}
.modal-close{position:absolute;right:16px;top:13px;isolation:isolate;overflow:hidden;border:1px solid rgba(16,191,163,.32);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.42)),rgba(255,255,255,.5);color:#29323b;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer;z-index:3;backdrop-filter:blur(14px) saturate(150%);transition:all .25s ease;}
.modal-product-image{min-height:510px;background:linear-gradient(145deg,#f6fafc,#e9f0f5),linear-gradient(90deg,rgba(16,191,163,.09),rgba(32,38,44,.06));position:relative;overflow:hidden;}
.modal-product-info{padding:55px 35px 35px}
.modal-product-info h2{font:700 40px/1.04 "Space Grotesk",sans-serif;margin:0 0 7px;word-break:break-word;}
.modal-price{font:700 20px "Space Grotesk",sans-serif;color:#0d9f87;margin-bottom:20px;}
.modal-product-info>p{color:#65727d;line-height:1.75;font-size:13px;}

.variant-selector { margin: 22px 0; }
.variant-selector label { display: block; font-size: 12px; font-weight: 800; color: #65727d; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }
.variants-list { display: flex; flex-wrap: wrap; gap: 8px; }
.variant-btn { position: relative; overflow: hidden; isolation: isolate; padding: 10px 16px; border-radius: 8px; border: 1px solid rgba(16,191,163,.26); background: rgba(255,255,255,.5); color: #65727d; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .2s ease; }
.variant-btn:hover { border-color: rgba(16,191,163,.62); color: #0b826f; }
.variant-btn.active { background: linear-gradient(135deg, rgba(115,225,210,0.3), rgba(255,255,255,0.58)); color: #12171c; border-color: rgba(16,191,163,.82); box-shadow: 0 4px 12px rgba(16,191,163,.12); }

.placeholder-specs{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0;}
.placeholder-specs span{border:1px solid rgba(16,191,163,.2);background:rgba(255,255,255,.5);padding:7px 8px;border-radius:7px;color:#65727d;font-size:8px;letter-spacing:1px;font-weight:900;}

.quantity-row{display:flex;justify-content:space-between;align-items:center;margin:25px 0;}
.quantity{display:flex;align-items:center;border:1px solid rgba(16,191,163,.3);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.46);backdrop-filter:blur(14px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78);}
.quantity button,.quantity span{width:38px;height:36px;display:grid;place-items:center;background:transparent;color:#15202a;border:0;}
.quantity button{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;font-size:18px;transition:all .25s ease;}

/* === CART DRAWER FIXED LAYOUT === */
.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);z-index:60;background:rgba(255,255,255,.98);border-left:1px solid rgba(196,210,220,.95);transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-28px 0 80px rgba(18,27,36,.12);}
.cart-drawer.open{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(207,218,226,.9);background:rgba(255,255,255,0.8);}
.drawer-head small{color:#0d9f87;font-size:8px;letter-spacing:2px;font-weight:900;}
.drawer-head h3{font:700 26px "Space Grotesk",sans-serif;margin:5px 0 0;}
.cart-items{padding:8px 20px;overflow-y:auto;flex:1;}
.cart-empty{display:none;flex:1;align-items:center;justify-content:center;flex-direction:column;color:#65727d;text-align:center;padding:40px;}
.cart-empty span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#14191e;color:#fff;font:800 26px "Space Grotesk",sans-serif;margin-bottom:16px;}

.cart-row{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(207,218,226,.9);}
.cart-row > div:nth-child(2) {min-width: 0;} /* Prevents text overflow */
.mini-img{height:60px;width:60px;border-radius:8px;background:linear-gradient(145deg,#f6fafc,#e8eff4);border:1px solid rgba(199,212,222,.9);display:grid;place-items:center;position:relative;overflow:hidden;flex-shrink:0;}
.mini-img::before{content:"";width:18px;height:44px;border:1px solid rgba(132,151,166,.82);border-radius:999px 999px 5px 5px;background:linear-gradient(to top,rgba(16,191,163,.48) 0 45%,rgba(255,255,255,.7) 45%);}
.mini-pack-img::before{width:20px;height:36px;border-radius:999px 999px 6px 6px;transform:translateX(-9px);}
.mini-pack-img::after{content:"50";position:absolute;right:6px;bottom:6px;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(16,191,163,.28);border-radius:6px;color:#24303a;background:rgba(255,255,255,.6);font-size:8px;font-weight:900;}

.cart-row strong{font-size:14px;color:#15202a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.cart-row small{display:block;color:#65727d;font-size:11px;margin:4px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

.cart-controls{display:flex;align-items:center;gap:8px;}
.cart-controls button{position:relative;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.6);border:1px solid rgba(16,191,163,.28);color:#24303a;border-radius:6px;width:28px;height:28px;cursor:pointer;backdrop-filter:blur(10px);transition:all .25s ease;display:grid;place-items:center;font-weight:bold;}
.cart-controls button:hover{border-color:rgba(16,191,163,.72);color:#0b826f;box-shadow:0 4px 12px rgba(16,191,163,.12);}
.cart-controls span{font-size:13px;font-weight:800;min-width:20px;text-align:center;}

.remove{align-self:flex-start;color:#98a2ac;background:transparent;border:1px solid transparent;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:20px;line-height:1;transition:all .25s ease;margin-top:4px;}
.remove:hover{color:#f03b86;background:rgba(240,59,134,0.08);border-color:rgba(240,59,134,0.2);}

.drawer-bottom{padding:20px 24px;border-top:1px solid rgba(207,218,226,.9);background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);}
.drawer-bottom > div{display:flex;justify-content:space-between;margin-bottom:18px;color:#65727d;align-items:center;}
.drawer-bottom strong{color:#14191e;font:700 22px "Space Grotesk",sans-serif;}
.drawer-bottom small{display:block;text-align:center;color:#7d8790;margin-top:12px;font-size:10px;}

/* === CHECKOUT MODAL FIXED LAYOUT === */
.checkout-modal{padding:32px;max-width:520px;width:100%;box-sizing:border-box;}
.checkout-modal .eyebrow{justify-content:flex-start;margin-bottom:8px;}
.checkout-modal h2{font:700 32px/1.04 "Space Grotesk",sans-serif;margin:0 0 12px;}
.checkout-modal > p{color:#65727d;line-height:1.6;font-size:13px;margin-bottom:0;}

.checkout-tabs{display:flex;gap:8px;margin:24px 0 16px;}
.checkout-tab{flex:1;padding:12px 10px;text-align:center;border-radius:10px;border:1px solid rgba(16,191,163,.2);background:rgba(255,255,255,0.4);color:#65727d;font-weight:800;font-size:12px;cursor:pointer;transition:all .25s ease;}
.checkout-tab.active{background:linear-gradient(135deg,rgba(115,225,210,0.3),rgba(255,255,255,0.58));color:#12171c;border-color:rgba(16,191,163,0.82);box-shadow:0 4px 12px rgba(16,191,163,0.12);}

.crypto-details{background:rgba(247,248,250,0.8);border:1px solid rgba(16,191,163,0.15);border-radius:12px;padding:8px 16px;margin:16px 0;}
.crypto-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid rgba(207,218,226,0.6);}
.crypto-row:last-child{border-bottom:none;padding-bottom:4px;}
.crypto-row span{font-size:11px;font-weight:800;color:#65727d;text-transform:uppercase;letter-spacing:1px;}
.crypto-row strong{font-size:14px;color:#101418;width:100%;display:block;}
.wallet-addr{word-break:break-all;font-family:monospace;background:rgba(16,191,163,0.06);padding:8px 12px;border-radius:8px;font-size:13px!important;display:block;margin-top:4px;border:1px solid rgba(16,191,163,0.1);color:#0d9f87;}

.checkout-total-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding-top:20px;border-top:1px solid rgba(207,218,226,0.9);}
.checkout-total-row span{font-size:13px;font-weight:800;color:#65727d;text-transform:uppercase;letter-spacing:1px;}
.checkout-total-row strong{font:700 28px "Space Grotesk",sans-serif;color:#101418;}

.checkout-modal .btn{width:100%;margin-top:8px;}

/* === MOBILE RESPONSIVE STYLES === */
@media (max-width: 900px) {
    .nav { flex-wrap: wrap; height: auto; padding: 10px 16px; gap: 10px; }
    .desktop-nav { order: 3; width: 100%; justify-content: center; gap: 15px; padding-top: 10px; }
    .hero { min-height: auto; padding: 60px 16px 40px; }
    .hero h1 { font-size: 48px; } .hero h2 { font-size: 26px; margin: 10px 0; } .hero p { font-size: 14px; }
    .hero-actions { flex-wrap: wrap; gap: 10px; } .btn { min-height: 42px; padding: 0 18px; }
    .hero-ring, .sample-stack, .data-stream, .molecule-chain, .scan-beam, .lab-grid-bg { display: none !important; }
    .stats { position: relative; transform: none !important; width: 100%; margin: 30px 0 0; grid-template-columns: repeat(2, 1fr); bottom: auto; left: auto; }
    .section { padding: 60px 16px; width: 100%; }
    .section-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
    .section-head h2 { font-size: 32px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .product-img { height: 180px; } .product-name { font-size: 16px; min-height: 38px; }
    .quality-section, .about-section, .faq-grid { grid-template-columns: 1fr; gap: 32px; }
    .product-modal { grid-template-columns: 1fr; max-height: 90vh; overflow-y: auto; width: 100%; }
    .modal-product-image { min-height: 280px; } .modal-product-info { padding: 30px 20px; }
    .custom-pack-modal { padding: 24px 16px; max-height: 85vh; width: 100%; }
    .checkout-modal { padding: 24px; width: 100%; }
    .cart-drawer { width: 100%; }
    .footer { flex-direction: column; text-align: center; gap: 16px; padding: 30px 16px; }
}

@media (max-width: 480px) {
    .product-grid { grid-template-columns: 1fr; }
    .hero h1 { font-size: 38px; }
    .checkout-tabs { flex-direction: column; }
    .variant-btn { flex: 1 1 calc(50% - 8px); text-align: center; }
}