:root{
  --white:#ffffff;--off-white:#f4f8ff;--light:#eef4ff;--light2:#e2ecff;
  --blue:#1565ff;--blue2:#2979ff;--blue3:#5b9aff;--blue-light:#eff4ff;--blue-light2:#dce9ff;
  --navy:#0a1f4e;--navy2:#0d2660;--dark:#0f1e3d;
  --text:#1a2d4a;--text2:#1e3a5f;--text3:#4a6a8a;
  --border:#d0dff0;--border2:#e8f0fb;
  --shadow:0 2px 16px rgba(20,86,214,0.08);
  --shadow2:0 8px 40px rgba(20,86,214,0.14);
  --shadow3:0 20px 60px rgba(20,86,214,0.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#fff;color:var(--text);font-family:'Inter',sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--light);}
::-webkit-scrollbar-thumb{background:var(--blue2);border-radius:10px;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:72px;box-shadow:0 2px 20px rgba(20,86,214,0.06);}
.nav-left{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer;}
.nav-logo-img{width:42px;height:42px;object-fit:contain;border-radius:50%;box-shadow:0 2px 12px rgba(20,86,214,0.2);}
.nav-brand-name{font-family:'Orbitron',sans-serif;font-weight:900;font-size:1rem;color:var(--navy);letter-spacing:3px;display:block;}
.nav-brand-sub{font-size:0.56rem;color:var(--blue2);letter-spacing:4px;text-transform:uppercase;display:block;}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{color:var(--text2);font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:500;text-decoration:none;padding:7px 14px;border-radius:8px;transition:all 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--blue);background:var(--blue-light);}
.nav-cart{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-family:'Inter',sans-serif;font-size:0.8rem;font-weight:600;padding:9px 20px;border:none;cursor:pointer;border-radius:8px;transition:all 0.3s;box-shadow:0 2px 12px rgba(20,86,214,0.25);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.nav-cart:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(20,86,214,0.4);}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s;}
main{padding-top:72px;min-height:100vh;}

/* BUTTONS */
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:14px 36px;border:none;cursor:pointer;border-radius:10px;transition:all 0.3s;text-transform:uppercase;box-shadow:0 4px 20px rgba(20,86,214,0.3);text-decoration:none;display:inline-block;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(20,86,214,0.45);}
.btn-secondary{background:#fff;color:var(--blue);font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:14px 32px;border:2px solid var(--blue-light2);cursor:pointer;border-radius:10px;transition:all 0.3s;text-transform:uppercase;text-decoration:none;display:inline-block;}
.btn-secondary:hover{border-color:var(--blue2);background:var(--blue-light);}

/* SECTION */
section{padding:80px 5%;}
.section-eyebrow{font-size:0.7rem;color:var(--blue2);letter-spacing:5px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px;}
.section-eyebrow::before{content:'';width:20px;height:2px;background:var(--blue2);border-radius:2px;}
.section-title{font-family:'Orbitron',sans-serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;color:var(--navy);margin-bottom:14px;line-height:1.2;}
.section-sub{color:var(--text2);max-width:560px;font-size:0.92rem;line-height:1.8;margin-bottom:50px;font-weight:300;}

/* PRODUCT CARDS */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;}
.product-card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all 0.3s;box-shadow:var(--shadow);text-decoration:none;display:block;color:inherit;}
.product-card:hover{border-color:var(--blue2);transform:translateY(-5px);box-shadow:var(--shadow3);}
.product-card-img{width:100%;height:200px;object-fit:cover;background:var(--light);}
.product-card-img-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--blue-light),#fff);display:flex;align-items:center;justify-content:center;font-size:3rem;}
.product-card-body{padding:20px;}
.product-tag{display:inline-flex;align-items:center;background:var(--blue-light);border:1px solid var(--blue-light2);color:var(--blue);font-size:0.66rem;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:50px;font-weight:600;margin-bottom:10px;}
.product-name{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:700;color:var(--dark);margin-bottom:4px;letter-spacing:0.3px;}
.product-strength{font-size:0.78rem;color:var(--text3);margin-bottom:12px;}
.product-options-bar{display:flex;gap:8px;margin-bottom:14px;}
.option-pill{font-size:0.68rem;font-weight:600;padding:4px 10px;border-radius:50px;letter-spacing:0.5px;}
.option-pill.single{background:rgba(21,101,255,0.08);color:var(--blue);border:1px solid rgba(21,101,255,0.2);}
.option-pill.kit{background:rgba(16,185,129,0.08);color:#059669;border:1px solid rgba(16,185,129,0.2);}
.product-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border2);padding-top:14px;}
.product-price-from{font-size:0.68rem;color:var(--text3);margin-bottom:2px;}
.product-price{font-family:'Orbitron',sans-serif;font-size:1.2rem;font-weight:700;color:var(--navy);}

/* CATEGORY HEADER */
.cat-section{margin-bottom:60px;}
.cat-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--border2);}
.cat-icon-wrap{width:44px;height:44px;background:var(--blue-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
.cat-title{font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;color:var(--dark);}
.cat-count{font-size:0.7rem;color:var(--text3);letter-spacing:2px;text-transform:uppercase;}

/* COMPLIANCE */
.compliance-box{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:8px;padding:14px 18px;font-size:0.78rem;color:#92400e;line-height:1.6;}
.research-box{background:var(--blue-light);border:1px solid var(--blue-light2);border-left:4px solid var(--blue2);border-radius:8px;padding:14px 18px;font-size:0.78rem;color:var(--text2);line-height:1.6;}

/* TRUST BAR */
.trust-bar{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 5%;}
.trust-items{display:flex;justify-content:center;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:12px;padding:10px 28px;border-right:1px solid var(--border2);}
.trust-item:last-child{border-right:none;}
.trust-icon{width:36px;height:36px;background:var(--blue-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;}
.trust-item h4{font-size:0.84rem;font-weight:600;color:var(--dark);}
.trust-item p{font-size:0.72rem;color:var(--text3);}

/* FOOTER */
footer{background:var(--navy);padding:60px 5% 30px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:50px;}
.footer-logo-img{width:54px;height:54px;object-fit:contain;border-radius:50%;margin-bottom:14px;box-shadow:0 4px 20px rgba(0,0,0,0.3);}
.footer-brand-name{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:3px;margin-bottom:4px;}
.footer-brand-sub{font-size:0.62rem;color:var(--blue3);letter-spacing:5px;text-transform:uppercase;margin-bottom:14px;}
.footer-brand p{font-size:0.81rem;color:rgba(255,255,255,0.5);line-height:1.8;font-weight:300;}
.footer-compliance{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:12px 16px;font-size:0.71rem;color:rgba(255,255,255,0.4);margin-top:16px;line-height:1.6;}
.footer-col h4{font-family:'Barlow Condensed',sans-serif;font-size:0.88rem;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:2px;margin-bottom:16px;text-transform:uppercase;}
.footer-col a{display:block;font-size:0.81rem;color:rgba(255,255,255,0.45);margin-bottom:10px;text-decoration:none;transition:color 0.2s;font-weight:300;}
.footer-col a:hover{color:var(--blue3);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.footer-bottom p{font-size:0.75rem;color:rgba(255,255,255,0.35);font-weight:300;}

/* CART PANEL */
#cart-panel{position:fixed;right:0;top:72px;bottom:0;width:390px;z-index:200;background:#fff;border-left:1px solid var(--border);transform:translateX(100%);transition:transform 0.35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(20,86,214,0.1);}
#cart-panel.open{transform:translateX(0);}
.cart-header{padding:22px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}
.cart-header h3{font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;color:var(--dark);letter-spacing:2px;}
.cart-close{background:var(--light);border:none;color:var(--text3);font-size:1.1rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s;}
.cart-close:hover{background:var(--light2);color:var(--dark);}
.cart-items{flex:1;overflow-y:auto;padding:20px 26px;}
.cart-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border2);gap:12px;}
.cart-item-name{font-size:0.86rem;color:var(--dark);font-weight:600;margin-bottom:3px;}
.cart-item-sub{font-size:0.71rem;color:var(--text3);}
.cart-item-price{font-family:'Orbitron',sans-serif;font-size:0.88rem;color:var(--blue);white-space:nowrap;}
.cart-item-remove{background:none;border:none;color:var(--text3);cursor:pointer;font-size:0.9rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s;}
.cart-item-remove:hover{background:#fee2e2;color:#ef4444;}
.cart-empty{text-align:center;color:var(--text3);padding:60px 20px;font-size:0.88rem;line-height:1.7;}
.cart-footer{padding:20px 26px;border-top:1px solid var(--border);}
.cart-total{display:flex;justify-content:space-between;margin-bottom:14px;padding:14px 18px;background:var(--off-white,#f4f8ff);border-radius:10px;border:1px solid var(--border);}
.cart-total span:first-child{color:var(--text2);font-size:0.85rem;}
.cart-total span:last-child{font-family:'Orbitron',sans-serif;font-size:1.05rem;color:var(--navy);font-weight:700;}
.btn-checkout{width:100%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:16px;border:none;cursor:pointer;border-radius:10px;transition:all 0.3s;text-transform:uppercase;}
.btn-checkout:hover{box-shadow:0 8px 28px rgba(20,86,214,0.45);transform:translateY(-1px);}

/* TOAST */
#toast{position:fixed;bottom:28px;right:28px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--blue2);color:var(--dark);padding:14px 24px;border-radius:12px;font-family:'Inter',sans-serif;font-size:0.86rem;font-weight:500;z-index:9999;transform:translateY(80px);opacity:0;transition:all 0.35s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow3);}
#toast.show{transform:translateY(0);opacity:1;}

/* PURITY BADGE */
.purity-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(22,163,74,0.08);border:1px solid rgba(22,163,74,0.2);color:#16a34a;font-size:0.7rem;letter-spacing:1.5px;padding:5px 14px;border-radius:50px;font-weight:600;}
.purity-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#16a34a;}

/* FORM */
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:0.74rem;color:var(--text2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px;font-weight:600;}
.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;border:1.5px solid var(--border);color:var(--dark);padding:12px 16px;font-family:'Inter',sans-serif;font-size:0.9rem;outline:none;transition:border-color 0.2s;border-radius:10px;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(20,86,214,0.08);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* RESPONSIVE */
@media(max-width:960px){
  .footer-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:rgba(255,255,255,0.98);padding:24px 5%;gap:4px;border-bottom:1px solid var(--border);z-index:99;}
  .trust-item{border-right:none;border-bottom:1px solid var(--border2);}
  .trust-item:last-child{border-bottom:none;}
}
@media(max-width:600px){
  .products-grid{grid-template-columns:1fr;}
  #cart-panel{width:100%;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}