/* Vital Chems light theme: global layer (styles.css). Applies only in light mode. */
@media (prefers-color-scheme: light) {
:root { --bg: #f4f6f8; --bg-2: #ffffff; --bg-3: #eceff3;
  --line: rgba(11,13,18,0.08); --line-strong: rgba(11,13,18,0.16);
  --text: #0b0d12; --text-2: #4a5361; --text-3: #66707d; --text-outline: #d9dde3;
  --accent-ink: #086d95; --gold: #87622a; --gold-2: #b08640; --danger: #d92d3a; }
html { background: var(--bg); color-scheme: light; }
html .marquee-track .item strong:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html header:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.96); }
html header.scrolled:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.85); }
html .logo .accent:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html nav.main a.shop-all span:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-link:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-link .cart-n:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .icon-btn:hover:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.069); }
html .btn-primary:where(:not(.hero *):not(.hero)), html .btn-primary:link:where(:not(.hero *):not(.hero)), html .btn-primary:visited:where(:not(.hero *):not(.hero)), html .btn-primary:focus:where(:not(.hero *):not(.hero)), html .btn-primary:active:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 24px rgba(94,196,232,0.068); }
html .btn-primary:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 32px rgba(94,196,232,0.135); }
html .pcard-media:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .pcard-tag:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.7); }
html .pcard-tag.sale:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.7); color: #b70b0b; }
html .pcard-tag.featured:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.7); color: var(--accent-ink); }
html .vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 25px 35px rgba(16,24,40,0.062)); }
html .vial-cap:where(:not(.hero *):not(.hero)) { background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, #ffffff 100%); box-shadow: inset 0 -2px 4px rgba(16,24,40,0.075); }
html .vial-cap:where(:not(.hero *):not(.hero))::after { background: #ffffff; }
html .vial-neck:where(:not(.hero *):not(.hero)) { background: linear-gradient(180deg, rgba(11,13,18,0.46), rgba(220,220,225,0.6)); }
html .vial-body:where(:not(.hero *):not(.hero)) { background: linear-gradient(
      90deg,
      rgba(11,13,18,0.172) 0%,
      rgba(255,255,255,0.55) 30%,
      rgba(11,13,18,0.345) 70%,
      rgba(11,13,18,0.115) 100%
    ); border: 1px solid rgba(11,13,18,0.46); box-shadow: inset 1px 0 0 rgba(11,13,18,0.15),
      inset -1px 0 0 rgba(16,24,40,0.013); }
html .vial-body:where(:not(.hero *):not(.hero))::before { background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(11,13,18,0.23)); }
html .vial-label .v-brand-sub:where(:not(.hero *):not(.hero)) { border-top: 1px solid rgba(11,13,18,0.012); border-bottom: 1px solid rgba(11,13,18,0.012); }
html .vial-label .v-name:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .vial-label .v-dose:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(11,13,18,0.012); }
html .vial-label .v-purity:where(:not(.hero *):not(.hero)) { color: #9e9e9e; }
html .pcard-action.ghost:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .feature-icon:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .about-h2 .o:where(:not(.hero *):not(.hero)) { color: rgba(10,9,10,0.08); }
html .about-visual:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .about-visual .floor:where(:not(.hero *):not(.hero)) { background: repeating-linear-gradient(45deg, transparent, transparent 60px, rgba(11,13,18,0.023) 60px, rgba(11,13,18,0.023) 62px),
      repeating-linear-gradient(-45deg, transparent, transparent 60px, rgba(11,13,18,0.023) 60px, rgba(11,13,18,0.023) 62px); }
html .about-visual .badge-ring:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.5); }
html .badge-ring .v:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .faq-h2 .o:where(:not(.hero *):not(.hero)) { color: rgba(10,9,10,0.08); }
html details.faq-item summary:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .faq-visual:where(:not(.hero *):not(.hero)) { background: radial-gradient(ellipse at 50% 50%, #ffffff 0%, #f4f6f8 80%); }
html .shard:where(:not(.hero *):not(.hero)) { background: linear-gradient(135deg, #ffffff, #ffffff); border: 1px solid rgba(11,13,18,0.092); }
html .faq-visual .center-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 30px 60px rgba(16,24,40,0.12)); }
html .foot-bottom .right:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .floating-flask:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 32px rgba(94,196,232,0.158), inset 0 1px 0 rgba(11,13,18,0.075); }
html .floating-flask:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 40px rgba(94,196,232,0.248); }
html .header-actions .icon-btn:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .account-card h2:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .nl-popup-bd:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.86); }
html .nl-popup:where(:not(.hero *):not(.hero)) { box-shadow: 0 30px 80px rgba(16,24,40,0.12); }
html .nl-close:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.046); }
html .nl-close:hover:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.115); }
html .nl-eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .nl-headline .accent:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .nl-email:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.023); }
html .nl-email:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .field input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); box-shadow: 0 0 0 3px rgba(94,196,232,0.054); }
html .remember-me input:checked + .box:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .form-link:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .form-link:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .privacy-text a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .shop-search input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .shop-sidebar .filter-link:hover:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.034); }
html .shop-sidebar .filter-link.active:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .shop-card:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .shop-card .media:where(:not(.hero *):not(.hero)) { background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%); }
html .shop-card .select-btn:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .newsletter-bar:where(:not(.hero *):not(.hero)) { background: linear-gradient(135deg, rgba(94,196,232,0.06) 0%, rgba(11,13,18,0) 60%); }
html .newsletter-bar .news-left .eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .newsletter-bar .news-form input:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .newsletter-bar .news-form input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .newsletter-bar .news-form button:where(:not(.hero *):not(.hero)) { border: 1px solid var(--accent-ink); }
html .newsletter-bar .news-form.success:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(41,214,151,0.3); color: #1fa273; }
html .trust-item svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .vol-banner-inner:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.25); }
html .vol-banner-title:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .vol-tier .tier-pct:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .trust-item:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.023); }
html .trust-item:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.35); }
html .trust-item svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .sp-card:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.42); box-shadow: 0 10px 28px rgba(16,24,40,0.07); }
html .sp-badge:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.42); }
html .sp-pct:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .sp-off:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .sp-badge--icon svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .shop-toolbar .search input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .shop-toolbar .sort:where(:not(.hero *):not(.hero))::after { border-right: 1.5px solid rgba(11,13,18,0.012); border-bottom: 1.5px solid rgba(11,13,18,0.012); }
html .vshop-card .media:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .vshop-card .v-tag:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.75); color: #0b0d12; }
html .vshop-card .v-tag.sale:where(:not(.hero *):not(.hero)) { color: #c28c00; }
html .vshop-card .v-tag.featured:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .vshop-card .v-tag.backorder:where(:not(.hero *):not(.hero)) { color: #c25700; background: rgba(255,255,255,0.85); }
html .vshop-card .v-tag.soldout:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); background: rgba(255,255,255,0.85); }
html .product-status.backorder:where(:not(.hero *):not(.hero)) { border-color: rgba(255,115,0,0.4); }
html .product-status.soldout:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.35); }
html .product-status.backorder .ps-title:where(:not(.hero *):not(.hero)) { color: #c25700; }
html .product-status.soldout   .ps-title:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .vshop-card .body .price .save-pill:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .vshop-card .pill-btn:hover:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.046); }
html .vshop-card .pill-btn.solid:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .vshop-card .pill-btn.cart-cta:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .vshop-card .pill-btn.cart-cta:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .pcard-action.cart-cta svg:where(:not(.hero *):not(.hero)) { stroke: rgba(11,13,18,0.012); }
html .vshop-card .pill-btn.backorder-btn:where(:not(.hero *):not(.hero)) { border-color: #ff6900; }
html .qp-num:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .use-only-callout:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.2); }
html .use-only-callout .label:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .btn-gold:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 28px rgba(193,150,84,0.113); }
html .btn-gold:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 36px rgba(193,150,84,0.18); }
html .benefit-card:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(190,141,65,0.25); }
html .social-card:hover:where(:not(.hero *):not(.hero)) { border-color: var(--card-color, var(--accent-ink)); }
html .social-icon:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .social-card.tg .cta:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .social-card.ig .cta:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .social-card.fb .cta:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .social-card.tt .social-icon:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .social-card.tt .cta:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .social-card.dc .cta:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .specials-hero .badge-pulse:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(240,15,15,0.25); color: #b70b0b; }
html .specials-hero .badge-pulse:where(:not(.hero *):not(.hero))::before { box-shadow: 0 0 10px rgba(239,68,68,0.203); }
html .specials-hero h1 .accent:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .promo-card.featured:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.25); }
html .promo-card.featured:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .promo-card.gold:where(:not(.hero *):not(.hero)) { border-color: rgba(190,141,65,0.18); }
html .promo-card .tag:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .promo-code:where(:not(.hero *):not(.hero)) { border: 1px dashed var(--accent-ink); color: var(--accent-ink); }
html .bundle-tier .save:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .social-card .followers .ico:where(:not(.hero *):not(.hero)) { color: var(--card-color, var(--accent-ink)); }
html .cart-toast:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.95); border: 1px solid rgba(8,109,149,0.25); box-shadow: 0 20px 60px rgba(16,24,40,0.12), 0 0 0 1px rgba(11,13,18,0.007); }
html .cart-toast-icon:where(:not(.hero *):not(.hero)) { box-shadow: 0 4px 14px rgba(94,196,232,0.225); }
html .cart-toast-thumb:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .cart-toast-label:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-toast-name:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .cart-toast-actions:where(:not(.hero *):not(.hero)) { border-top: 1px solid rgba(11,13,18,0.069); }
html .cart-drawer:where(:not(.hero *):not(.hero)) { box-shadow: -20px 0 60px rgba(16,24,40,0.12); }
html .cart-item .thumb:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .cart-item .qty-row button:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-footer .row.subtotal .amount:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .mobile-menu:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.985); box-shadow: 0 18px 60px rgba(16,24,40,0.12); }
html .mobile-menu .mm-close:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.069); }
html .mobile-menu .mm-close:active:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.161); }
html .mobile-menu a:where(:not(.hero *):not(.hero)) { border-bottom: 1px solid rgba(11,13,18,0.046); }
html .mobile-menu a:active:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .mobile-menu a:active:where(:not(.hero *):not(.hero))::after { color: var(--accent-ink); }
html .mobile-menu a.active:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .mobile-menu a.active:where(:not(.hero *):not(.hero))::after { color: var(--accent-ink); }
html .partner-hero .eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .partner-hero .sub strong:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .btn-gold:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 28px rgba(94,196,232,0.113); }
html .btn-gold:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 36px rgba(94,196,232,0.18); }
html .partner-stat .v:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .how-it-works .eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink) !important; }
html .how-step .num:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .how-step .icon:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .benefit-card:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.3); }
html .benefit-icon:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .partner-faq-section .eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink) !important; }
html details.partner-faq summary:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html details.partner-faq summary:where(:not(.hero *):not(.hero))::before { border-right-color: var(--accent-ink); border-bottom-color: var(--accent-ink); }
html .coa-toolbar .search input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .coa-table .purity-pill:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .coa-table .pending-coa:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(255,184,0,0.2); }
html .coa-table .pending-label:where(:not(.hero *):not(.hero)) { color: #c28c00; }
html .coa-table .pending-bar:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.092); }
html .cart-page-item .thumb:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .cart-page-item .qty-row button:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-page-summary .row.total .amount:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cart-page-summary .promo-input input:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .cart-page-summary .promo-input button:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); color: var(--accent-ink); }
html .legal-layout a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .breadcrumbs a:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .product-media:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .vol-box:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.25); }
html .vol-box-head:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .vol-box-tiers .vbt:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.042); border: 1px solid rgba(8,109,149,0.18); }
html .vol-box-tiers .vbt:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .vol-box-tiers .pct:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .product-info .meta .pill:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .product-info .price-row .save-pill:where(:not(.hero *):not(.hero)) { color: #b70b0b; }
html .dose-options button:hover:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .qty-stepper button:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .product-trust .item svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .product-tabs .tab-h.active:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); border-bottom-color: var(--accent-ink); }
html .track-form .helper a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .checkout-step.active .num:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .checkout-step.done .num:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .pay-option:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .pay-option.selected:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .pay-logo.venmo:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pay-logo.zelle:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pay-logo.btc:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pay-logo.crypto:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pay-logo.card:where(:not(.hero *):not(.hero)) { color: #0b0d12; border: 1px solid rgba(11,13,18,0.092); }
html .pay-logo.paypal:where(:not(.hero *):not(.hero)) { color: #0b0d12; border: 1px solid rgba(11,13,18,0.115); }
html .pay-option .pending-badge:where(:not(.hero *):not(.hero)) { box-shadow: 0 0 0 1px rgba(16,24,40,0.05); }
html .pay-instructions:where(:not(.hero *):not(.hero)) { border: 1px dashed var(--accent-ink); }
html .pay-instructions .head:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .pay-instructions .handle:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .review-row .thumb:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .checkout-summary .row.total .a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .confirmed-page .check:where(:not(.hero *):not(.hero)) { border: 1px solid var(--accent-ink); color: var(--accent-ink); }
html .order-detail-card .row .v.amt:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .payment-instructions:where(:not(.hero *):not(.hero)) { border: 1px solid var(--accent-ink); }
html .payment-instructions h3:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .payment-instructions .pay-qr:where(:not(.hero *):not(.hero)) { box-shadow: 0 4px 24px rgba(16,24,40,0.05); }
html .payment-instructions .pay-qr-note:where(:not(.hero *):not(.hero)) { color: #9e9e9e; }
html .payment-instructions .pay-qr-divider:where(:not(.hero *):not(.hero))::before, html .payment-instructions .pay-qr-divider:where(:not(.hero *):not(.hero))::after { background: rgba(11,13,18,0.014); }
html .payment-instructions .pay-qr-divider span:where(:not(.hero *):not(.hero)) { color: #737373; }
html .payment-instructions .pay-app-btn:where(:not(.hero *):not(.hero)) { box-shadow: 0 6px 24px rgba(94,196,232,0.135); }
html #shop .pcard .price .save-pill:where(:not(.hero *):not(.hero)) { color: #b70b0b; }
@media (max-width: 760px) {
html .about-eyebrow:where(:not(.hero *):not(.hero)), html .faq-eyebrow:where(:not(.hero *):not(.hero)), html .vshop-hero .eyebrow:where(:not(.hero *):not(.hero)), html section .eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink) !important; }
}
@media (max-width: 760px) {
html .product-page .qty-and-buy:where(:not(.hero *):not(.hero)) { box-shadow: 0 -8px 24px rgba(16,24,40,0.12); }
}
html .fab-quickcart-disabled:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 24px rgba(94,196,232,0.18), 0 0 0 4px rgba(94,196,232,0.054); }
html .trust-icons-row .tic-circle:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.35); color: var(--accent-ink); }
html .h2-outline-2:where(:not(.hero *):not(.hero)) { -webkit-text-stroke: 1.5px rgba(11,13,18,0.172); }
@media (max-width: 760px) {
html .pdp-sticky-bar:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.96); }
html .pdp-sticky-bar .info .nm:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pdp-sticky-bar .info .pr strong:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
}
html .cart-empty h4:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .discount-banner:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .price-save-pill:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .watching-now:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.22); }
html .watching-now svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .watching-now strong:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .restock-form input[type="email"]:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.046); }
html .restock-form input[type="email"]:focus:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); background: rgba(11,13,18,0.069); }
html .restock-msg.error:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(240,15,15,0.35); color: #bd0505; }
html .freq-bundle:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.023); }
html .fb-item:where(:not(.hero *):not(.hero)) { border-bottom: 1px dashed rgba(11,13,18,0.069); }
html .fb-dot:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.207); }
html .fb-item.is-current .fb-dot:where(:not(.hero *):not(.hero)) { box-shadow: 0 0 0 4px rgba(0,209,232,0.063); }
html .fb-price:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .fb-total-amt:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .fb-add-all:where(:not(.hero *):not(.hero)) { box-shadow: 0 6px 16px rgba(0,209,232,0.081); }
html .fb-add-all:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 8px 22px rgba(0,209,232,0.126); }
html .coa-view-btn:where(:not(.hero *):not(.hero)) { border: 1px solid var(--accent-ink); color: var(--accent-ink); }
html .coa-viewer:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.85); }
html .coa-viewer-card:where(:not(.hero *):not(.hero)) { background: #ffffff; box-shadow: 0 30px 60px rgba(16,24,40,0.12); }
html .coa-viewer-head:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.023); }
html .coa-viewer-eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .coa-viewer-close:hover:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.069); }
html .coa-viewer-body:where(:not(.hero *):not(.hero)) { background: #ffffff; }
html #coa-viewer-img:where(:not(.hero *):not(.hero)) { box-shadow: 0 4px 24px rgba(16,24,40,0.1); }
html .coa-dl-btn:where(:not(.hero *):not(.hero)) { border: 1px solid #086d95; color: #086d95; }
html .partner-apply-form:where(:not(.hero *):not(.hero)) { background: linear-gradient(180deg, rgba(11,13,18,0) 0%, rgba(255,215,0,0.03) 100%); }
html .paf-field input:where(:not(.hero *):not(.hero)), html .paf-field select:where(:not(.hero *):not(.hero)), html .paf-field textarea:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.046); }
html .paf-field input:focus:where(:not(.hero *):not(.hero)), html .paf-field select:focus:where(:not(.hero *):not(.hero)), html .paf-field textarea:focus:where(:not(.hero *):not(.hero)) { border-color: var(--gold, #d6ad29); background: rgba(11,13,18,0.069); }
html .paf-msg.error:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(240,15,15,0.35); color: #bd0505; }
html footer.vcf:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html footer.vcf .vcf-brand .sub:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-contact a:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-col a:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-badge svg:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-social a:where(:not(.hero *):not(.hero)) { color: #0b0d12; box-shadow: 0 1px 4px rgba(16,24,40,0.062); }
html footer.vcf .vcf-social a:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 5px 14px rgba(16,24,40,0.087); }
html footer.vcf .vcf-social svg:where(:not(.hero *):not(.hero)) { fill: #0b0d12; }
html footer.vcf .vcf-social a.tt:where(:not(.hero *):not(.hero)) { background: #f4f6f8; box-shadow: 0 2px 8px rgba(16,24,40,0.087),inset 0 0 0 1px rgba(11,13,18,0.04); }
html footer.vcf .pay-ic:where(:not(.hero *):not(.hero)) { box-shadow: 0 1px 3px rgba(16,24,40,0.075); }
html footer.vcf .vcf-disc:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.3); border-left: 4px solid var(--accent-ink); }
html footer.vcf .vcf-disc .disc-ic:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-disc .l:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html footer.vcf .vcf-disc a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .bs-head:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .bs-tile:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.042); border: 1.5px solid rgba(11,13,18,0.138); }
html .bs-tile:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(8,109,149,0.55); }
html .bs-tile.active:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); box-shadow: 0 0 0 1px var(--accent), 0 6px 20px -8px rgba(94,196,232,0.248); }
html .bs-qty:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .bs-off:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .pn-form input:where(:not(.hero *):not(.hero)) { background: #ffffff; }
html .pn-msg.err:where(:not(.hero *):not(.hero)) { color: #bd0505; }
html .bacn-card:where(:not(.hero *):not(.hero)) { border: 1.5px solid rgba(8,109,149,0.45); }
html .bacn-eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .bacn-img:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .bac-rec:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.22); }
html .bacr-img:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .pay-option .pay-logo.venmo:where(:not(.hero *):not(.hero)), html .pay-option .pay-logo.card:where(:not(.hero *):not(.hero)), html .pay-option .pay-logo.paypal:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(11,13,18,0.012); }
html .pay-option .pay-logo.venmo svg path:where(:not(.hero *):not(.hero)) { fill: #086d95; }
html .coa-table .inhouse-qc:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.28); color: #086d95; }
html #home-reviews .hr-eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html #home-reviews .hr-stars:where(:not(.hero *):not(.hero)) { color: #be7804; }
html #home-reviews .hr-stars .off:where(:not(.hero *):not(.hero)), html #home-reviews .hr-cstars .off:where(:not(.hero *):not(.hero)) { color: rgba(10,9,10,0.18); }
html #home-reviews .hr-card:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.029); }
html #home-reviews .hr-cstars:where(:not(.hero *):not(.hero)) { color: #be7804; }
html #home-reviews .hr-arrow:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.92); }
html #home-reviews .hr-arrow:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html #home-reviews .hr-dot:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.253); }
html .cm-details:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.023); }
html .cm-eyebrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .cm-table thead th:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.017); }
html .cm-table .cm-std:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); border: 1px solid rgba(8,109,149,0.22); }
html .pm-coa img:where(:not(.hero *):not(.hero)) { background: #ffffff; }
html .pm-arrow:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.5); background: rgba(255,255,255,0.72); color: #086d95; }
html .pm-arrow:hover:where(:not(.hero *):not(.hero)) { border-color: #086d95; }
html .pm-badge:where(:not(.hero *):not(.hero)) { color: #086d95; background: rgba(255,255,255,0.72); border: 1px solid rgba(8,109,149,0.4); }
html .pm-thumb:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .pm-thumb.is-active:where(:not(.hero *):not(.hero)) { border-color: #086d95; }
html .pm-thumb-tag:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.82); color: #086d95; }
html .bxs:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(8,109,149,0.28); }
html .bxs-img:where(:not(.hero *):not(.hero)) { background: #f4f6f8; }
html .bxs-sub s:where(:not(.hero *):not(.hero)) { color: #606060; }
html .bxs-btn:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); border: 1px solid var(--accent-ink); }
html .tier-card:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(190,141,65,0.3); }
html .tier-list li:where(:not(.hero *):not(.hero))::before { border: 1px solid rgba(190,141,65,0.5); }
html .ph-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 18px 34px rgba(16,24,40,0.12)); }
html .ph-card:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.92); border: 1px solid rgba(190,141,65,0.32); box-shadow: 0 24px 60px rgba(16,24,40,0.12); }
html .ph-pos:where(:not(.hero *):not(.hero)) { color: #1ba74e; }
html .ph-pos.alt:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .how-step .num:where(:not(.hero *):not(.hero)) { color: rgba(10,9,10,0.1); }
html .coa-hero:where(:not(.hero *):not(.hero)) { background: radial-gradient(90% 120% at 50% 0%, rgba(94,196,232,0.10) 0%, rgba(94,196,232,0) 60%),
    #f4f6f8; }
html .coa-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 12px 26px rgba(16,24,40,0.12)); }
html .coa-cta-alt:hover:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .shop-cta:where(:not(.hero *):not(.hero)) { background: radial-gradient(120% 140% at 50% 0%, rgba(94,196,232,0.07) 0%, rgba(94,196,232,0) 55%),
    #ffffff; }
html .sc-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 16px 30px rgba(16,24,40,0.12)); }
html .shop-cta-note a:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .newsletter-bar:where(:not(.hero *):not(.hero)) { box-shadow: 0 24px 60px rgba(16,24,40,0.12); background: linear-gradient(120deg, rgba(94,196,232,0.10) 0%, rgba(193,150,84,0.055) 55%, rgba(11,13,18,0) 100%),
    #ffffff; }
html .newsletter-bar .news-form:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.5); }
html .coa-verified:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(41,214,151,0.22); color: #1fa273; }
html .coa-buy-btn:where(:not(.hero *):not(.hero)) { background: #f4f6f8; color: #0b0d12; border: 1px solid rgba(11,13,18,0.184); }
html .coa-buy-btn .cb-price:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .fp-arrow:where(:not(.hero *):not(.hero)) { background: rgba(255,255,255,0.92); }
html .fp-arrow:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); color: var(--accent-ink); }
html .pcard .price .amt.sale:where(:not(.hero *):not(.hero)), html .vshop-card .body .price .amt.sale:where(:not(.hero *):not(.hero)) { color: #c20013; }
html .pcard-coa:where(:not(.hero *):not(.hero)) { box-shadow: 0 2px 10px rgba(16,24,40,0.087); }
html .coa-modal-card:where(:not(.hero *):not(.hero)) { background: #ffffff; box-shadow: 0 30px 80px rgba(16,24,40,0.12); }
html .cm-hero:where(:not(.hero *):not(.hero)) { background: #ffffff; }
html .cm-lab svg:where(:not(.hero *):not(.hero)) { color: #1fa273; }
html .cm-pass:where(:not(.hero *):not(.hero)) { color: #1fa273; border: 1px solid rgba(41,214,151,0.3); }
html .cm-ghost:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); color: var(--accent-ink); }
html .pcard-coa:hover:where(:not(.hero *):not(.hero)) { border-color: rgba(11,13,18,0.012); }
html .pcard-coa:focus-visible:where(:not(.hero *):not(.hero)) { border-color: rgba(11,13,18,0.012); box-shadow: 0 0 0 3px rgba(11,13,18,0.087); }
@media (max-width:900px) {
html .fp-swipe:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
}
html #faq .faq-toggle:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.057); }
html #faq details.faq-item[open] .faq-toggle:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html #faq details.faq-item summary:hover .faq-toggle:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .ts-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 10px 20px rgba(16,24,40,0.12)); }
html .ts-arrow:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); }
html .ts-truck-svg:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 8px 16px rgba(16,24,40,0.12)); }
html .ts-doc:where(:not(.hero *):not(.hero)) { border: 1px solid rgba(11,13,18,0.207); box-shadow: 0 10px 22px rgba(16,24,40,0.12); }
html .ts-trace:where(:not(.hero *):not(.hero)) { stroke: var(--accent-ink); filter: drop-shadow(0 0 5px rgba(94,196,232,0.225)); }
html .ts-fill:where(:not(.hero *):not(.hero)) { fill: var(--accent-ink); }
html .qv-tab:hover:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .qv-tab.is-on:where(:not(.hero *):not(.hero)) { border-color: var(--accent-ink); }
html .qv-panel:where(:not(.hero *):not(.hero)) { background: rgba(11,13,18,0.029); }
html .qv-method:where(:not(.hero *):not(.hero)) { color: var(--accent-ink); border: 1px solid rgba(8,109,149,0.35); }
html .qv-why:where(:not(.hero *):not(.hero)) { border-left: 3px solid #29d697; }
html .qv-note svg:where(:not(.hero *):not(.hero)) { color: #1fa273; }
html .qv-halo:where(:not(.hero *):not(.hero)) { background: radial-gradient(circle,rgba(255,255,255,.85) 0%,rgba(11,13,18,0) 70%); }
html .qv-vial:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 26px 40px rgba(28,52,84,0.153)); }
html .qv-badge:where(:not(.hero *):not(.hero)) { box-shadow: 0 10px 26px rgba(28,52,84,0.072); }
html .qv-proof:where(:not(.hero *):not(.hero)) { box-shadow: 0 12px 30px rgba(28,52,84,0.072); }
html .qv-proof:hover:where(:not(.hero *):not(.hero)) { box-shadow: 0 18px 38px rgba(28,52,84,0.108); }
html .qv-proof-x:where(:not(.hero *):not(.hero)) { color: #4c5d75; }
html .card-mascot:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 12px 26px rgba(16,24,40,0.12)); }
html .acct-vials img:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 18px 34px rgba(16,24,40,0.12)); }
@media (max-width:900px) {
html .acct-vials img.keep:where(:not(.hero *):not(.hero)) { filter: drop-shadow(0 10px 18px rgba(16,24,40,0.12)) !important; }
}
html .pcard-off.pcard-off-deal:where(:not(.hero *):not(.hero)) { color: #0b0d12; }
html .pcard-off.pcard-off-out:where(:not(.hero *):not(.hero)) { background: #c6c6c6; color: #3d3e43; }
html .vshop-card.is-soldout .name:where(:not(.hero *):not(.hero)) { color: #4b4b4b; }
html .v-tag.soldout:where(:not(.hero *):not(.hero)) { background: #c6c6c6; color: #1d1d1f; }
html .vshop-card.is-soldout .price .amt:where(:not(.hero *):not(.hero)) { color: var(--muted,#4b4b4b); }
html .pcard.is-soldout .pcard-titlerow h3:where(:not(.hero *):not(.hero)) { color: #4b4b4b; }
.hero { --bg: #000000; --bg-2: #07070a; --bg-3: #0c0c10;
  --line: rgba(255,255,255,0.07); --line-strong: rgba(255,255,255,0.15);
  --text: #ffffff; --text-2: #a8b2c0; --text-3: #5d6677; --text-outline: #1a1d28;
  --gold: #c19654; --gold-2: #d4ab69; --danger: #ef4444; --accent-ink: #5ec4e8;
  color-scheme: dark; }
/* --- global hand fixes --- */
/* Hero stays a dark photo band: its text colour must be reset too (colour inherits from body, already dark). */
.hero { color: #fff; }
/* The hero's video / photo lives in a FIXED layer behind the page; give that layer its own black base so the
   light page colour never shows through the semi-transparent video/photo. */
html .hero-bg { background: #000; --bg: #000; --bg-2: #07070a; }   /* its own fades end at var(--bg) */

/* Header: frosted white bar instead of the near-black one. */
html header#site-header, html .site-header {
  background: rgba(255,255,255,0.97);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--line);
}
html header#site-header .logo, html header#site-header nav.main a.active, html header#site-header nav.main a:hover { color: var(--text); }
html header#site-header nav.main a { color: var(--text-2); }

/* Phone menu drawer */
html nav#mobile-menu { background: #ffffff; }
html nav#mobile-menu a { color: var(--text); border-color: var(--line); }
html nav#mobile-menu a.active { color: var(--accent-ink); }

/* Carousel arrows: white discs with a hairline instead of black discs */
html .fp-arrow, html #hr-prev, html #hr-next {
  background: rgba(255,255,255,0.96) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-strong) !important;
  box-shadow: 0 6px 18px rgba(16,24,40,0.10) !important;
}

/* Sold-out "Notify me" (ink pill): white label */
html .pcard-action.solid { color: #ffffff; }

/* Product page: white Add-to-cart becomes the ink button (white on white was invisible) */
html .buy-btn { background: var(--text); color: #ffffff; }
html .buy-btn:hover { background: #1c2230; }

/* Labels on cyan / amber fills keep their dark ink */
html .bs-badge, html #vr-submit { color: #04121a !important; }

/* Review cards + newsletter: white cards with a hairline instead of flat grey slabs */
html .vr-card, html .newsletter-bar { background: #ffffff !important; border: 1px solid var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05) !important; }
html .newsletter-bar .news-form { background: transparent !important; }
html .newsletter-bar .news-form input { background: #ffffff; border-color: var(--line-strong); color: var(--text); }

/* Product page: bottom "Join the lab" box (inline-styled dark card) */
html #vc-signup-inline { background: #ffffff !important; border: 1px solid var(--line) !important; color: var(--text) !important; box-shadow: 0 10px 30px rgba(16,24,40,0.06); }
html #vc-signup-inline * { color: inherit; }
html #vc-signup-inline .vc-eyebrow, html #vc-signup-inline [class*=eyebrow] { color: var(--accent-ink) !important; }
html #vc-inline-email { background: #f4f6f8 !important; border: 1px solid var(--line-strong) !important; color: var(--text) !important; }

/* "New to research compounds?" hint (inline-styled) */
html .firsttime-hint { color: var(--text-2) !important; }
html .firsttime-hint span span { color: var(--accent-ink) !important; }
html .firsttime-hint svg { stroke: var(--accent-ink); }

/* Cart toast: light card */
html #cart-toast { background: #ffffff; border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(16,24,40,0.14); color: var(--text); }

/* Review stars a touch deeper so they read on white */
html .hr-stars, html .hr-cstars, html .vr-cstars { color: #a86400 !important; }

/* Thumbnail dose labels (thumb tiles are white now) */
html .pm-thumb span { color: var(--accent-ink) !important; }
/* Bottom sign-up box eyebrow (inline cyan) */
html #vc-signup-inline [style*="5ec4e8"] { color: var(--accent-ink) !important; }
/* Review meta */
html .vr-badge { color: #0d7347 !important; }
html .vr-date { color: var(--text-3) !important; }
html #vc-signup-inline > div { color: var(--text) !important; }
html #vc-inline-form button { color: #04121a !important; }

/* Cart drawer: discount field + "save for later" link */
html #cart-drawer input[type=text], html #cart-drawer input:not([type]), html #cart-drawer .cart-discount input { background: #ffffff !important; border: 1px solid var(--line-strong) !important; color: var(--text) !important; }
html #cart-drawer a[href*=save], html #cart-drawer .cart-save, html #cart-drawer [class*=save] { color: var(--text-2) !important; }

/* ---- visual QA round 1 ---- */
/* Ticker: its edge mask revealed the black hero layer behind it; on light just run it edge to edge */
html .promo { -webkit-mask-image: none !important; mask-image: none !important; }
/* Closed cart drawer parks off-screen but its shadow leaked a grey band down the right edge */
html .cart-drawer:not(.open) { box-shadow: none !important; }
html .cart-drawer.open { box-shadow: -20px 0 60px rgba(16,24,40,0.16) !important; }
/* Footer socials: brand discs keep white glyphs; TikTok gets its black disc */
html footer.vcf .vcf-social a.dc, html footer.vcf .vcf-social a.tg { color: #fff !important; }
html footer.vcf .vcf-social a.dc svg, html footer.vcf .vcf-social a.tg svg { fill: #fff !important; }
html footer.vcf .vcf-social a.tt { background: #010101 !important; color: #fff !important; }
html footer.vcf .vcf-social a.tt svg { fill: #fff !important; }
/* Cards: white with a hairline (no grey slabs) */
html #home-reviews .hr-card, html .qv-panel, html .pcard, html .freq-bundle, html .bs-tile {
  background: #ffffff !important; border-color: var(--line) !important; }
html #home-reviews .hr-card, html .qv-panel, html .pcard { box-shadow: 0 8px 24px rgba(16,24,40,0.05) !important; }
html .qv-why { background: rgba(16,185,129,0.08) !important; }
html .qv-card { border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(16,24,40,0.06); }
html .vr-form-wrap { border: 1px solid var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .ts-vial { filter: drop-shadow(0 6px 10px rgba(16,24,40,0.14)) !important; }
/* Newsletter: one capsule, borderless cyan button */
html .newsletter-bar .news-form { background: #ffffff !important; border: 1px solid var(--line-strong) !important; }
html .newsletter-bar .news-form input { background: transparent !important; border: none !important; }
html .newsletter-bar .news-form button { border: none !important; }
html .qv-tab.is-on { border-color: var(--accent) !important; }
html #home-reviews .hr-dot.on { background: var(--accent-ink) !important; }
/* Header: nearly opaque on pages without the dark hero (frosting over product photos looked grey) */
html body:not(:has(.hero)) header#site-header { background: rgba(255,255,255,0.97) !important; }
/* Product buy box */
html .dose-options button { background: #fff !important; border-color: var(--line-strong) !important; color: var(--text) !important; }
html .dose-options button:hover { border-color: var(--text) !important; }
html .dose-options button.active { background: var(--text) !important; border-color: var(--text) !important; color: #fff !important; }
html .bs-tile.active { background: #eaf6fb !important; border-color: var(--accent-ink) !important; box-shadow: 0 0 0 1px var(--accent-ink) !important; }
html .pm-arrow { background: rgba(255,255,255,0.96) !important; color: var(--text) !important; border: 1px solid var(--line-strong) !important;
  box-shadow: 0 6px 18px rgba(16,24,40,0.2) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html .pm-thumb:not(.is-active) { opacity: .85 !important; border-color: var(--line-strong) !important; }
html .pm-thumb-tag { background: rgba(255,255,255,0.92) !important; color: var(--accent-ink) !important; }
html .fb-item.is-current .fb-dot { background: var(--accent-ink) !important; box-shadow: 0 0 0 4px rgba(8,109,149,0.14) !important; }
html .fb-item:last-child { border-bottom: 0 !important; }
html .product-page .qty-and-buy, html #qty-and-buy { box-shadow: none !important; }
html #vc-signup-inline #vc-inline-form button { color: #04121a !important; }
/* Cart drawer details */
html #cart-shipping-note > div:nth-child(2) { background: rgba(11,13,18,0.08) !important; }
html #cart-shipping-note [style*="46d39a"] { color: #0d7347 !important; }
html .bacn-add { color: #04121a !important; }
html #cart-coupon-apply { color: var(--accent-ink) !important; border-color: var(--accent-ink) !important; }
html #cart-discount-row, html #cart-coupon-row, html #cart-vol-upsell { color: var(--accent-ink) !important; }
html #cart-save { border-top-color: var(--line) !important; }
html #cart-save-toggle { color: var(--text-2) !important; }
html #cart-save-form > div:first-child { color: var(--text-2) !important; }
html #cart-save-email { background: #ffffff !important; border-color: var(--line-strong) !important; color: var(--text) !important; }
html #cart-save-btn { color: var(--text) !important; border-color: var(--line-strong) !important; }
html #cart-save-done { color: #0d7347 !important; }
html #cart-sitewide-row { color: #c2410c !important; }
html .mobile-menu a[href="/membership"]::before { color: #04121a !important; }
@keyframes bacn-pulse-light { 0%,100% { box-shadow: 0 0 0 0 rgba(8,109,149,0); } 50% { box-shadow: 0 0 0 3px rgba(8,109,149,0.14); } }
html .bacn-card { animation-name: bacn-pulse-light !important; }

/* ---- site-wide fixes from the per-page round ---- */
/* Shop-grid cards (shop, vault, catalog, related products) */
html .vshop-card { box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .vshop-card .pill-btn.solid:not(.cart-cta):not(.backorder-btn) { color: #ffffff !important; }
html .vshop-card .pill-btn.solid:not(.cart-cta):not(.backorder-btn):hover { background: var(--accent) !important; border-color: var(--accent) !important; color: #04121a !important; }
html .vshop-card .pill-btn.cart-cta { border-color: var(--accent) !important; }
html .vshop-card .pill-btn.cart-cta:hover { background: var(--accent-2) !important; border-color: var(--accent-2) !important; }
html .vshop-card .v-tag:not(.new):not(.soldout) { background: #ffffff !important; }
/* Ink pills / buttons that inherited a black label */
html .coa-toolbar .pill.active { color: #ffffff !important; }
html .bacr-add:not(.is-added) { color: #ffffff !important; }
html .bacr-add:not(.is-added):hover { color: #04121a !important; }
/* Cart drawer: struck-through BAC price */
html #cart-drawer .bacn-sub s[style*="#8a8a92"] { color: var(--text-3) !important; }
/* Inline cyan text (style="color:var(--accent)") is unreadable on white */
html [style^="color:var(--accent)"], html [style^="color: var(--accent)"], html [style*=";color:var(--accent)"],
html [style*="; color: var(--accent)"], html [style*=";color: var(--accent)"] { color: var(--accent-ink) !important; }
/* Inline "Join the lab" box: keep its muted sub-line muted */
html #vc-signup-inline > div[style*="9a9aa4"] { color: var(--text-2) !important; }
/* ---- final QA ---- */
html .vshop-card.is-soldout .price { opacity: 1 !important; }
html .vshop-card.is-soldout .price .amt { color: var(--text-3) !important; }
html footer.vcf .pay-ic { box-shadow: 0 0 0 1px rgba(11,13,18,0.12), 0 1px 2px rgba(16,24,40,0.08) !important; }
html footer.vcf:has(> .shop-cta) { border-top-color: transparent !important; }

}