/* ============================================================
   VSC DARK THEME  (sitewide except homepage)
   gradient #262E3D (top) -> #0F1620 (bottom); sky-blue #0EA5E9 accent kept
   Auto-consolidated from the dark-conversion flip map. Scoped to html.vsc-dark body:not(.home).
   ============================================================ */
html.vsc-dark { background:#0F1620 !important; }
html.vsc-dark body:not(.home) { background:transparent !important; }
html.vsc-dark body:not(.home)::before { content:'' !important; position:fixed !important; inset:0 !important; z-index:-2 !important; pointer-events:none !important; background:linear-gradient(180deg,#262E3D 0%, #1A2230 50%, #0F1620 100%) !important; }
html.vsc-dark .vsc-page, html.vsc-dark .vsc-product-detail, html.vsc-dark .vsc-checkout-page, html.vsc-dark .vsc-page-hero, html.vsc-dark .vsc-shop-hero, html.vsc-dark .vsc-related { background:transparent !important; }
/* product-image tiles get a dark backing so vials don't float on light squares */
html.vsc-dark body:not(.home) .vsc-acard-image, html.vsc-dark body:not(.home) .vsc-shop-image, html.vsc-dark body:not(.home) .vsc-gallery-thumb img, html.vsc-dark body:not(.home) .vsc-pdp-gallery-img { background:#141d2e !important; }

html.vsc-dark body:not(.home) .vsc-check-newsletter input:checked + .vsc-check-box { background:#06B6D4 !important; }
html.vsc-dark body:not(.home) .vsc-ruo-banner { background:#0A1220 !important; }
html.vsc-dark body:not(.home) .vsc-category-pill.active,
html.vsc-dark body:not(.home) .vsc-shop-pill.is-active,
html.vsc-dark body:not(.home) .vsc-pdp-size.active,
html.vsc-dark body:not(.home) .vsc-pdp-options .vsc-pdp-size.active,
html.vsc-dark body:not(.home) .vsc-stickybar-add,
html.vsc-dark body:not(.home) .vsc-step-continue,
html.vsc-dark body:not(.home) .vsc-progress-dot.is-active,
html.vsc-dark body:not(.home) .vsc-shipping-card:has(input:checked) .vsc-shipping-card-radio::after,
html.vsc-dark body:not(.home) .vsc-check-sms input:checked + .vsc-check-box,
html.vsc-dark body:not(.home) .vsc-promo-apply,
html.vsc-dark body:not(.home) .vsc-mobile-bar-pill,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-done,
html.vsc-dark body:not(.home) .vsc-authp-btn { background:#0EA5E9 !important; }
html.vsc-dark body:not(.home) .vsc-gallery-thumb,
html.vsc-dark body:not(.home) .vsc-coa-sheet { background:#1A2847 !important; }
html.vsc-dark body:not(.home) .vsc-checkout-step-num,
html.vsc-dark body:not(.home) .vsc-protection-tip { background:#1E293B !important; }
html.vsc-dark body:not(.home) .vsc-shop-cart,
html.vsc-dark body:not(.home) .vsc-acard-cta,
html.vsc-dark body:not(.home) .vsc-coa-page { background:#262E3D !important; }
html.vsc-dark body:not(.home) .vsc-bundle-tag--popular { background:#26D0CE !important; }
html.vsc-dark body:not(.home) .vsc-check-billing input:checked + .vsc-check-box { background:#3B82F6 !important; }
html.vsc-dark body:not(.home) .sale-badge,
html.vsc-dark body:not(.home) .vsc-bundle-tag--value { background:#FDB813 !important; }
html.vsc-dark body:not(.home) .vsc-gallery-main { background:linear-gradient(160deg, rgba(38,46,61,0.6) 0%, rgba(30,58,107,0.5) 100%) !important; }
html.vsc-dark body:not(.home) .vsc-page-hero,
html.vsc-dark body:not(.home) .vsc-shop-hero { background:radial-gradient(ellipse 800px 600px at 85% 20%, rgba(14,165,233,0.08) 0%, transparent 60%), radial-gradient(ellipse 600px 500px at 10% 90%, rgba(139,92,246,0.06) 0%, transparent 60%), transparent !important; }
html.vsc-dark body:not(.home) .vsc-coa-overlay { background:rgba(0,0,0,0.60) !important; }
html.vsc-dark body:not(.home) .vsc-compound-header-icon,
html.vsc-dark body:not(.home) .vsc-compound-storage-icon.cold,
html.vsc-dark body:not(.home) .vsc-compound-storage-icon.warm,
html.vsc-dark body:not(.home) .vsc-pdp-badge.is-accent,
html.vsc-dark body:not(.home) .vsc-coa-flask { background:rgba(14,165,233,0.15) !important; }
html.vsc-dark body:not(.home) .vsc-bundle-card:hover,
html.vsc-dark body:not(.home) .vsc-bundle-card.active { background:rgba(14,165,233,0.20) !important; }
html.vsc-dark body:not(.home) .vsc-checkout-promo-toggle:hover { background:rgba(148, 163, 184, 0.1) !important; }
html.vsc-dark body:not(.home) .vsc-checkout-summary-thumb { background:rgba(148, 163, 184, 0.15) !important; }
html.vsc-dark body:not(.home) .vsc-protection-help { background:rgba(148, 163, 184, 0.2) !important; }
html.vsc-dark body:not(.home) .vsc-progress-dot,
html.vsc-dark body:not(.home) .vsc-protection-help:hover { background:rgba(148, 163, 184, 0.3) !important; }
html.vsc-dark body:not(.home) .vsc-mobile-sheet-handle { background:rgba(148, 163, 184, 0.4) !important; }
html.vsc-dark body:not(.home) input.input-text,
html.vsc-dark body:not(.home) textarea,
html.vsc-dark body:not(.home) select,
html.vsc-dark body:not(.home) .select2-selection,
html.vsc-dark body:not(.home) .vsc-check-box,
html.vsc-dark body:not(.home) .vsc-promo-input { background:rgba(15, 23, 42, 0.4) !important; }
html.vsc-dark body:not(.home) .vsc-authp-input { background:rgba(15, 23, 42, 0.5) !important; }
html.vsc-dark body:not(.home) .vsc-mobile-summary-sheet { background:rgba(15, 23, 42, 0.95) !important; }
html.vsc-dark body:not(.home) .vsc-stickybar { background:rgba(15,22,32,0.95) !important; }
html.vsc-dark body:not(.home) .vsc-promo-msg.is-success { background:rgba(16, 185, 129, 0.15) !important; }
html.vsc-dark body:not(.home) .vsc-promo-msg.is-error { background:rgba(239, 68, 68, 0.15) !important; }
html.vsc-dark body:not(.home) .vsc-compound-specs,
html.vsc-dark body:not(.home) .vsc-coa-note { background:rgba(255,255,255,0.04) !important; }
html.vsc-dark body:not(.home) .vsc-search,
html.vsc-dark body:not(.home) .vsc-shop-search input,
html.vsc-dark body:not(.home) .vsc-shop-sort select,
html.vsc-dark body:not(.home) .vsc-sources-note,
html.vsc-dark body:not(.home) .vsc-sources-empty,
html.vsc-dark body:not(.home) .vsc-pdp-trust { background:rgba(255,255,255,0.05) !important; }
html.vsc-dark body:not(.home) .vsc-pdp-size,
html.vsc-dark body:not(.home) .vsc-pdp-options .vsc-pdp-size,
html.vsc-dark body:not(.home) .vsc-pdp-qty,
html.vsc-dark body:not(.home) .vsc-compound-storage-item,
html.vsc-dark body:not(.home) .vsc-bundle-card,
html.vsc-dark body:not(.home) .vsc-pdp-coa { background:rgba(255,255,255,0.06) !important; }
html.vsc-dark body:not(.home) .vsc-category-pill,
html.vsc-dark body:not(.home) .vsc-shop-pill,
html.vsc-dark body:not(.home) .vsc-compound-pill,
html.vsc-dark body:not(.home) .vsc-pdp-badge,
html.vsc-dark body:not(.home) .vsc-stickybar-size,
html.vsc-dark body:not(.home) .vsc-coa-dl,
html.vsc-dark body:not(.home) .vsc-coa-x { background:rgba(255,255,255,0.08) !important; }
html.vsc-dark body:not(.home) .vsc-pdp-cart:disabled,
html.vsc-dark body:not(.home) .vsc-stickybar-add:disabled { background:rgba(255,255,255,0.12) !important; }
html.vsc-dark body:not(.home) .vsc-shipping-card,
html.vsc-dark body:not(.home) .vsc-checkout-secure-btn { background:rgba(30, 41, 59, 0.5) !important; }
html.vsc-dark body:not(.home) .vsc-checkout-card,
html.vsc-dark body:not(.home) .vsc-checkout-summary,
html.vsc-dark body:not(.home) .vsc-checkout-secure-btn { background:rgba(30, 41, 59, 0.6) !important; }
html.vsc-dark body:not(.home) #vsc-auth-flow { background:rgba(30, 41, 59, 0.7) !important; }
html.vsc-dark body:not(.home) .vsc-shipping-card.is-selected,
html.vsc-dark body:not(.home) .vsc-shipping-card:has(input:checked) { background:rgba(30, 41, 59, 0.8) !important; }
html.vsc-dark body:not(.home) .vsc-mobile-bar { background:rgba(30, 41, 59, 0.95) !important; }
html.vsc-dark body:not(.home) .vsc-compound-card,
html.vsc-dark body:not(.home) .vsc-source-card { background:rgba(38,46,61,0.4) !important; }
html.vsc-dark body:not(.home) .vsc-shop-card,
html.vsc-dark body:not(.home) .product-card.vsc-acard { background:rgba(38,46,61,0.5) !important; }
html.vsc-dark body:not(.home) .vsc-shop-tag { background:rgba(38,46,61,0.8) !important; }
html.vsc-dark body:not(.home) .vsc-related { background:transparent !important; }
html.vsc-dark body:not(.home) .vsc-tab-btn.active,
html.vsc-dark body:not(.home) input:focus,
html.vsc-dark body:not(.home) textarea:focus,
html.vsc-dark body:not(.home) select:focus,
html.vsc-dark body:not(.home) .select2-container--focus .select2-selection,
html.vsc-dark body:not(.home) .vsc-shipping-card:has(input:checked),
html.vsc-dark body:not(.home) .vsc-promo-input:focus { border-color:#0EA5E9 !important; }
html.vsc-dark body:not(.home) .vsc-protection-tip::after { border-color:#1E293B !important; }
html.vsc-dark body:not(.home) .vsc-checkout-card,
html.vsc-dark body:not(.home) .vsc-checkout-summary,
html.vsc-dark body:not(.home) .vsc-checkout-summary-head,
html.vsc-dark body:not(.home) .vsc-checkout-total,
html.vsc-dark body:not(.home) .vsc-mobile-bar,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-items,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-promo-wrap,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-total,
html.vsc-dark body:not(.home) .vsc-checkout-secure-btn { border-color:rgba(148, 163, 184, 0.2) !important; }
html.vsc-dark body:not(.home) .vsc-shipping-card-radio,
html.vsc-dark body:not(.home) .vsc-check-box { border-color:rgba(148, 163, 184, 0.4) !important; }
html.vsc-dark body:not(.home) .vsc-shop-card,
html.vsc-dark body:not(.home) .product-card.vsc-acard,
html.vsc-dark body:not(.home) .vsc-search,
html.vsc-dark body:not(.home) .vsc-shop-search input,
html.vsc-dark body:not(.home) .vsc-category-pill,
html.vsc-dark body:not(.home) .vsc-shop-pill,
html.vsc-dark body:not(.home) .vsc-shop-sort select,
html.vsc-dark body:not(.home) .vsc-pdp-size,
html.vsc-dark body:not(.home) .vsc-pdp-qty,
html.vsc-dark body:not(.home) .vsc-pdp-benefits,
html.vsc-dark body:not(.home) .vsc-pdp-tabs,
html.vsc-dark body:not(.home) .vsc-tab-nav,
html.vsc-dark body:not(.home) .vsc-ingredient-list li,
html.vsc-dark body:not(.home) .vsc-compound-card,
html.vsc-dark body:not(.home) .vsc-compound-specs div,
html.vsc-dark body:not(.home) .vsc-compound-pill,
html.vsc-dark body:not(.home) .vsc-compound-storage-item,
html.vsc-dark body:not(.home) .vsc-source-card,
html.vsc-dark body:not(.home) .vsc-pdp-badge,
html.vsc-dark body:not(.home) .vsc-bundle-card,
html.vsc-dark body:not(.home) .vsc-pdp-trust,
html.vsc-dark body:not(.home) .vsc-pdp-coa,
html.vsc-dark body:not(.home) .vsc-stickybar,
html.vsc-dark body:not(.home) .vsc-stickybar-size,
html.vsc-dark body:not(.home) .vsc-coa-head,
html.vsc-dark body:not(.home) .vsc-coa-dl,
html.vsc-dark body:not(.home) .vsc-coa-x,
html.vsc-dark body:not(.home) .vsc-coa-note { border-color:rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-coa-spinner { border-color:rgba(255,255,255,0.15) !important; }
html.vsc-dark body:not(.home) input:focus,
html.vsc-dark body:not(.home) textarea:focus,
html.vsc-dark body:not(.home) .select2-container--focus .select2-selection { box-shadow:0 0 0 3px rgba(14, 165, 233, 0.2) !important; }
html.vsc-dark body:not(.home) .vsc-bundle-tag { color:#000000 !important; }
html.vsc-dark body:not(.home) .vsc-pdp-category,
html.vsc-dark body:not(.home) .vsc-compound-header-icon,
html.vsc-dark body:not(.home) .vsc-compound-link,
html.vsc-dark body:not(.home) .vsc-compound-storage-icon.warm,
html.vsc-dark body:not(.home) .vsc-source-journal,
html.vsc-dark body:not(.home) .vsc-source-link,
html.vsc-dark body:not(.home) .vsc-pdp-badge.is-accent,
html.vsc-dark body:not(.home) .vsc-pdp-coa:hover,
html.vsc-dark body:not(.home) .vsc-coa-flask,
html.vsc-dark body:not(.home) .vsc-shipping-card-price.is-free,
html.vsc-dark body:not(.home) .vsc-check-sms input:checked ~ .vsc-check-text { color:#0EA5E9 !important; }
html.vsc-dark body:not(.home) .vsc-step-continue,
html.vsc-dark body:not(.home) .vsc-promo-apply,
html.vsc-dark body:not(.home) .vsc-mobile-bar-pill,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-done,
html.vsc-dark body:not(.home) .vsc-authp-btn { color:#0F1620 !important; }
html.vsc-dark body:not(.home) .vsc-compound-storage-icon.cold { color:#4FA3FF !important; }
html.vsc-dark body:not(.home) .vsc-bundle-save { color:#5CDB8F !important; }
html.vsc-dark body:not(.home) .vsc-promo-msg.is-success { color:#86EFAC !important; }
html.vsc-dark body:not(.home) .vsc-checkout-summary-meta,
html.vsc-dark body:not(.home) .vsc-summary-hint,
html.vsc-dark body:not(.home) .vsc-checkout-row,
html.vsc-dark body:not(.home) .vsc-checkout-summary-qty,
html.vsc-dark body:not(.home) .vsc-protection-help,
html.vsc-dark body:not(.home) .vsc-checkout-total span:first-child { color:#94A3B8 !important; }
html.vsc-dark body:not(.home) input.input-text,
html.vsc-dark body:not(.home) textarea,
html.vsc-dark body:not(.home) select,
html.vsc-dark body:not(.home) .select2-selection__rendered,
html.vsc-dark body:not(.home) .vsc-shipping-card-name,
html.vsc-dark body:not(.home) .vsc-shipping-card-price,
html.vsc-dark body:not(.home) .vsc-checkout-summary-name,
html.vsc-dark body:not(.home) .vsc-checkout-row span:last-child,
html.vsc-dark body:not(.home) .vsc-checkout-promo-toggle,
html.vsc-dark body:not(.home) .vsc-promo-input,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-item-name,
html.vsc-dark body:not(.home) .vsc-checkout-secure-btn,
html.vsc-dark body:not(.home) .vsc-authp-input { color:#E2E8F0 !important; }
html.vsc-dark body:not(.home) .vsc-promo-msg.is-error,
html.vsc-dark body:not(.home) .woocommerce form .form-row label .required,
html.vsc-dark body:not(.home) .vsc-step-error strong { color:#FCA5A5 !important; }
html.vsc-dark body:not(.home) .vsc-page-hero h1,
html.vsc-dark body:not(.home) .vsc-shop-hero h1,
html.vsc-dark body:not(.home) .vsc-section-header h2,
html.vsc-dark body:not(.home) .vsc-shop-name,
html.vsc-dark body:not(.home) .vsc-acard-title,
html.vsc-dark body:not(.home) .vsc-shop-price,
html.vsc-dark body:not(.home) .vsc-acard-price-amt,
html.vsc-dark body:not(.home) .vsc-shop-tag,
html.vsc-dark body:not(.home) .vsc-search input,
html.vsc-dark body:not(.home) .vsc-shop-search input,
html.vsc-dark body:not(.home) .vsc-shop-sort select,
html.vsc-dark body:not(.home) .vsc-shop-count strong,
html.vsc-dark body:not(.home) .vsc-breadcrumb strong,
html.vsc-dark body:not(.home) .vsc-pdp-info h1,
html.vsc-dark body:not(.home) .vsc-pdp-price,
html.vsc-dark body:not(.home) .vsc-pdp-option-label,
html.vsc-dark body:not(.home) .vsc-pdp-size,
html.vsc-dark body:not(.home) .vsc-pdp-options .vsc-pdp-size,
html.vsc-dark body:not(.home) .vsc-pdp-size strong,
html.vsc-dark body:not(.home) .vsc-pdp-qty input,
html.vsc-dark body:not(.home) .vsc-pdp-qty button,
html.vsc-dark body:not(.home) .vsc-pdp-cart,
html.vsc-dark body:not(.home) .vsc-tab-btn.active,
html.vsc-dark body:not(.home) .vsc-tab-content h4,
html.vsc-dark body:not(.home) .vsc-ingredient-list strong,
html.vsc-dark body:not(.home) .vsc-compound-header h2,
html.vsc-dark body:not(.home) .vsc-compound-card h3,
html.vsc-dark body:not(.home) .vsc-compound-specs dd,
html.vsc-dark body:not(.home) .vsc-compound-pill,
html.vsc-dark body:not(.home) .vsc-compound-storage-text strong,
html.vsc-dark body:not(.home) .vsc-source-title,
html.vsc-dark body:not(.home) .vsc-ruo-banner p,
html.vsc-dark body:not(.home) .vsc-bundle-qty,
html.vsc-dark body:not(.home) .vsc-pdp-coa,
html.vsc-dark body:not(.home) .vsc-stickybar-name,
html.vsc-dark body:not(.home) .vsc-stickybar-price,
html.vsc-dark body:not(.home) .vsc-stickybar-size,
html.vsc-dark body:not(.home) .vsc-coa-eyebrow,
html.vsc-dark body:not(.home) .vsc-coa-dl,
html.vsc-dark body:not(.home) .vsc-coa-x,
html.vsc-dark body:not(.home) .vsc-checkout-summary-head h3,
html.vsc-dark body:not(.home) .vsc-checkout-summary-line,
html.vsc-dark body:not(.home) .vsc-checkout-total span:last-child,
html.vsc-dark body:not(.home) .vsc-checkout-total .amount,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-title,
html.vsc-dark body:not(.home) .vsc-mobile-sheet-item-price,
html.vsc-dark body:not(.home) #vsc-auth-flow h2 { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-pdp-cart:disabled,
html.vsc-dark body:not(.home) .vsc-stickybar-add:disabled { color:rgba(255,255,255,0.40) !important; }
html.vsc-dark body:not(.home) .vsc-search input::placeholder,
html.vsc-dark body:not(.home) .vsc-shop-search input::placeholder { color:rgba(255,255,255,0.50) !important; }
html.vsc-dark body:not(.home) .vsc-breadcrumb,
html.vsc-dark body:not(.home) .vsc-breadcrumb a,
html.vsc-dark body:not(.home) .vsc-tab-btn,
html.vsc-dark body:not(.home) .vsc-ingredient-list span,
html.vsc-dark body:not(.home) .vsc-compound-card-label,
html.vsc-dark body:not(.home) .vsc-compound-specs dt,
html.vsc-dark body:not(.home) .vsc-source-meta,
html.vsc-dark body:not(.home) .vsc-source-authors,
html.vsc-dark body:not(.home) .vsc-sources-empty { color:rgba(255,255,255,0.60) !important; }
html.vsc-dark body:not(.home) .vsc-shop-desc,
html.vsc-dark body:not(.home) .vsc-acard-price-pre,
html.vsc-dark body:not(.home) .vsc-pdp-benefit { color:rgba(255,255,255,0.64) !important; }
html.vsc-dark body:not(.home) .vsc-shop-category,
html.vsc-dark body:not(.home) .vsc-acard-sub,
html.vsc-dark body:not(.home) .vsc-shop-count,
html.vsc-dark body:not(.home) .vsc-shop-meta,
html.vsc-dark body:not(.home) .vsc-compound-header p,
html.vsc-dark body:not(.home) .vsc-compound-storage-text,
html.vsc-dark body:not(.home) .vsc-sources-note,
html.vsc-dark body:not(.home) .vsc-coa-count,
html.vsc-dark body:not(.home) .vsc-coa-product,
html.vsc-dark body:not(.home) .vsc-coa-loading,
html.vsc-dark body:not(.home) .vsc-coa-note { color:rgba(255,255,255,0.65) !important; }
html.vsc-dark body:not(.home) .vsc-section-header p,
html.vsc-dark body:not(.home) .vsc-category-pill,
html.vsc-dark body:not(.home) .vsc-shop-pill,
html.vsc-dark body:not(.home) .vsc-tab-content p,
html.vsc-dark body:not(.home) .vsc-pdp-badge,
html.vsc-dark body:not(.home) .vsc-pdp-trust-item,
html.vsc-dark body:not(.home) .vsc-coa-error { color:rgba(255,255,255,0.70) !important; }
html.vsc-dark body:not(.home) .vsc-page-hero p,
html.vsc-dark body:not(.home) .vsc-shop-hero p,
html.vsc-dark body:not(.home) .vsc-pdp-desc { color:rgba(255,255,255,0.72) !important; }

/* ============================================================
   TARGETED OVERRIDES — beat aggressive normalizers + child-element colors
   ============================================================ */
/* a product-card normalizer forces `html body #shopGrid .product-card{background:#fff!important}` (spec 1,1,2);
   match with #shopGrid + .vsc-dark to out-specify it on every breakpoint */
html.vsc-dark #shopGrid .product-card,
html.vsc-dark #shopGrid > div,
html.vsc-dark body:not(.home) .shop-product-grid .product-card,
html.vsc-dark body:not(.home).woocommerce ul.products li.product { background:rgba(38,46,61,0.55) !important; border:1px solid rgba(255,255,255,0.10) !important; }
/* card title text lives on the <a> child, not the container */
html.vsc-dark body:not(.home) .vsc-acard-title a,
html.vsc-dark body:not(.home) .vsc-shop-name a,
html.vsc-dark body:not(.home) #shopGrid .product-card .vsc-acard-title a { color:#FFFFFF !important; }
/* darken the product-image tile slightly so the light vial photos tone into the dark card */
html.vsc-dark body:not(.home) .vsc-acard-image { position:relative; }
html.vsc-dark body:not(.home) .vsc-acard-image::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(15,22,32,0) 40%, rgba(15,22,32,0.30) 100%); }

/* ---- text-color fixes: real shop heading class + the inner price-amount element ---- */
html.vsc-dark body:not(.home) .vsc-shop-h1 { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-shop-subhead { color:rgba(255,255,255,0.70) !important; }
/* the price digits live in .woocommerce-Price-amount which keeps its own navy color; flip every price amount */
html.vsc-dark body:not(.home) .woocommerce-Price-amount,
html.vsc-dark body:not(.home) .vsc-acard-price-amt,
html.vsc-dark body:not(.home) .vsc-acard-price-amt .amount,
html.vsc-dark body:not(.home) .vsc-pdp-price,
html.vsc-dark body:not(.home) .vsc-pdp-price .woocommerce-Price-amount { color:#FFFFFF !important; }
/* a little more room so "From / $80.00" isn't cramped */
html.vsc-dark body:not(.home) .vsc-acard-price { min-width:70px; }
/* …but on narrow 2-col phones, drop that floor so the title gets the room it needs to
   keep single-word names on one line (paired with the vsc-core title-extend fix). */
@media (max-width:600px){ html.vsc-dark body:not(.home) .vsc-acard-price { min-width:0 !important; } }

/* ============================================================
   BUNDLE CARDS — light #F6FAFF so the new color-matched vial illustrations
   (composited on #F6FAFF) blend in seamlessly; dark text on the light card.
   ============================================================ */
html.vsc-dark body:not(.home) .vsc-bundle-card { background:#F6FAFF !important; border-color:#E1E8F0 !important; }
html.vsc-dark body:not(.home) .vsc-bundle-card:hover { border-color:#0EA5E9 !important; background:#F6FAFF !important; }
html.vsc-dark body:not(.home) .vsc-bundle-card.active { border-color:#0EA5E9 !important; background:#F6FAFF !important; box-shadow:0 0 0 2px rgba(14,165,233,0.25) !important; }
html.vsc-dark body:not(.home) .vsc-bundle-qty { color:#0B1F33 !important; }
html.vsc-dark body:not(.home) .vsc-bundle-save { color:#0E9F6E !important; }
html.vsc-dark body:not(.home) .vsc-bundle-card[data-bundle-qty="1"] .vsc-bundle-save { color:#5B6B7E !important; font-weight:500 !important; }

/* ============================================================
   FAST-FOLLOW — FAQ + CONTACT pages dark (match shop / COA)
   ============================================================ */
/* FAQ — accordion + sidebar */
html.vsc-dark body:not(.home) .faq-sidebar { background:rgba(38,46,61,0.5) !important; border:1px solid rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .sidebar-header { background:rgba(255,255,255,0.05) !important; color:#FFFFFF !important; border-bottom:1px solid rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .faq-sidebar-body a { color:rgba(255,255,255,0.62) !important; border-color:rgba(255,255,255,0.07) !important; }
html.vsc-dark body:not(.home) .faq-sidebar-body a:hover { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .faq-sidebar-body a.active { color:#38BDF8 !important; background:rgba(14,165,233,0.12) !important; }
html.vsc-dark body:not(.home) .faq-item { border-bottom:1px solid rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .faq-question { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .faq-icon { color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .faq-answer,
html.vsc-dark body:not(.home) .faq-answer p { color:rgba(255,255,255,0.70) !important; }
/* CONTACT — info cards + form (scoped to the contact page template) */
html.vsc-dark body.page-template-page-contact .contact-card { background:rgba(38,46,61,0.5) !important; border:1px solid rgba(255,255,255,0.10) !important; }
html.vsc-dark body.page-template-page-contact .contact-card h4 { color:#FFFFFF !important; }
html.vsc-dark body.page-template-page-contact h2 { color:#FFFFFF !important; }
html.vsc-dark body.page-template-page-contact label { color:rgba(255,255,255,0.78) !important; }
html.vsc-dark body.page-template-page-contact input,
html.vsc-dark body.page-template-page-contact textarea { background:rgba(255,255,255,0.06) !important; border:1px solid rgba(255,255,255,0.14) !important; color:#FFFFFF !important; }
html.vsc-dark body.page-template-page-contact input::placeholder,
html.vsc-dark body.page-template-page-contact textarea::placeholder { color:rgba(255,255,255,0.45) !important; }
html.vsc-dark body.page-template-page-contact .btn { background:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 100%) !important; color:#FFFFFF !important; border:none !important; }

/* ============================================================
   UNIVERSAL HEADER — homepage-style header on all non-home, non-checkout pages.
   Shown only under the dark preview (html.vsc-dark); old .main-nav hidden then.
   ============================================================ */
html.vsc-dark body:not(.home) .main-nav,
html.vsc-dark body:not(.home) .vsv3-search-overlay { display:none !important; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr {
  display:flex !important; position:sticky; top:0; z-index:9999; align-items:center;
  padding:16px clamp(18px,4vw,56px); color:#fff;
  background:linear-gradient(180deg, rgba(12,20,34,0.92), rgba(12,20,34,0.55));
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
/* DESKTOP: real logo FAR-LEFT · nav (Home/Shop/COA's/Contact) centered · account + cart FAR-RIGHT */
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .menu-btn { display:none; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-link { display:none; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .brand { flex:1; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; line-height:1; text-decoration:none; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .b-name,
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .b-sub { display:none; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .brand-logo-img { display:block; height:34px; width:auto; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-nav { flex:0 0 auto; display:flex; align-items:center; gap:clamp(20px,2.5vw,40px); }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-nav a { color:#fff; font-family:var(--grotesk,system-ui,sans-serif); font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; opacity:.85; text-decoration:none; white-space:nowrap; transition:opacity .2s; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-nav a:hover { opacity:1; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-right { flex:1; display:flex; align-items:center; justify-content:flex-end; gap:18px; margin:0; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .acct-btn { display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; opacity:.9; transition:opacity .2s; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .acct-btn:hover { opacity:1; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .acct-btn svg { width:23px; height:23px; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .cart-btn { position:relative; width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.22); background:rgba(255,255,255,0.06); color:#fff; cursor:pointer; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .cart-btn svg { width:19px; height:19px; }
html.vsc-dark body:not(.home) .site-header.vsc-uhdr .cart-count { position:absolute; top:-3px; right:-3px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#0EA5E9; color:#04162c; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center; border:2px solid #0a1626; }
/* MOBILE (UNCHANGED): hamburger-left · centered logo image · cart-right; nav + account icon hidden */
@media (max-width:880px){
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr { padding:14px 18px; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .menu-btn { display:flex !important; flex:1; flex-direction:row !important; justify-content:flex-start !important; align-items:center; gap:10px; background:none; border:none; color:#fff; cursor:pointer; padding-left:0 !important; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .menu-btn svg { width:18px; height:18px; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .menu-label,
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-nav,
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .acct-btn { display:none !important; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .brand { flex:0 0 auto; justify-content:center; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .brand-logo-img { height:30px; }
  html.vsc-dark body:not(.home) .site-header.vsc-uhdr .hdr-right { flex:1; justify-content:flex-end; }
}

/* ============================================================
   COA LISTING CARDS (snippet #73: .coa-card) — match the shop cards exactly
   ============================================================ */
html.vsc-dark body:not(.home) .coa-card { background:rgba(38,46,61,0.55) !important; border:1px solid rgba(255,255,255,0.10) !important; box-shadow:none !important; }
html.vsc-dark body:not(.home) .coa-card-image { background:#141d2e !important; }
/* card title -> white (title is an h2/h3/h4 or a name link, no fixed class) */
html.vsc-dark body:not(.home) .coa-card h2,
html.vsc-dark body:not(.home) .coa-card h3,
html.vsc-dark body:not(.home) .coa-card h4,
html.vsc-dark body:not(.home) .coa-card .coa-card-title,
html.vsc-dark body:not(.home) .coa-card a:not(.coa-view):not(.view-coa):not(.btn) { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .coa-card p,
html.vsc-dark body:not(.home) .coa-card .coa-card-sub,
html.vsc-dark body:not(.home) .coa-card-info p { color:rgba(255,255,255,0.65) !important; }
/* "View COA" = match the shop "View" button (dark pill, white text, full-width); beat the vsv3 .btn normalizer (spec 0,2,3) */
html.vsc-dark body:not(.home) .coa-card .coa-view,
html.vsc-dark body:not(.home) a.btn.coa-view,
html.vsc-dark body:not(.home) a.btn.view-coa,
html.vsc-dark body:not(.home) .coa-card a.btn.btn-primary { background:#262E3D !important; background-color:#262E3D !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,0.14) !important; border-radius:100px !important; }
html.vsc-dark body:not(.home) .coa-card .coa-view:hover,
html.vsc-dark body:not(.home) a.btn.coa-view:hover { background:#0EA5E9 !important; color:#0F1620 !important; border-color:#0EA5E9 !important; }

/* ---- COA cards: match the SHOP card FORMAT (not just color) — same radius, square image,
        body padding, left title, full-width pill button at the bottom ---- */
html.vsc-dark body:not(.home) .coa-card { border-radius:20px !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; padding:0 !important; }
html.vsc-dark body:not(.home) .coa-card-image { aspect-ratio:1/1 !important; padding:0 !important; display:block !important; overflow:hidden !important; border-radius:0 !important; }
/* Full-bleed like the shop card: the COA images are tall (818x1024) vs the shop's square
   300x300 thumbnail, so 'contain' letterboxed them inside a rounded frame. 'cover' fills the
   1:1 box edge-to-edge (center-crop = same as the shop's square thumb); max:none defeats any
   snippet #73 max-size; radius:0 lets the card's own overflow:hidden round the top corners. */
html.vsc-dark body:not(.home) .coa-card-image img { width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover !important; display:block !important; border-radius:0 !important; }
html.vsc-dark body:not(.home) .coa-card-info { padding:18px 18px 20px !important; display:flex !important; flex-direction:column !important; gap:10px !important; flex:1 1 auto !important; }
html.vsc-dark body:not(.home) .coa-card-info h4,
html.vsc-dark body:not(.home) .coa-card h4 { text-align:left !important; font-family:'Inter',sans-serif !important; font-size:18px !important; font-weight:800 !important; letter-spacing:-0.4px !important; line-height:1.15 !important; margin:0 !important; }
html.vsc-dark body:not(.home) .coa-card .coa-view,
html.vsc-dark body:not(.home) .coa-card a.btn.coa-view,
html.vsc-dark body:not(.home) .coa-card a.btn.view-coa { margin-top:auto !important; display:block !important; width:100% !important; text-align:center !important; padding:14px !important; font-size:15px !important; font-weight:700 !important; }
@media (max-width:600px){
  html.vsc-dark body:not(.home) .coa-card-info { padding:14px 12px 16px !important; gap:8px !important; }
  /* Match the shop card's CURRENT mobile sizing exactly (title-extend + tighter button + 12px gap). */
  html.vsc-dark body:not(.home) .coa-card-info h4,
  html.vsc-dark body:not(.home) .coa-card h4 { font-size:13.5px !important; letter-spacing:-0.5px !important; }
  html.vsc-dark body:not(.home) .coa-card .coa-view,
  html.vsc-dark body:not(.home) .coa-card a.btn.coa-view,
  html.vsc-dark body:not(.home) .coa-card a.btn.view-coa { padding:12px !important; font-size:14px !important; }
}

/* ---- COA page: remove the "Browse COAs" sidebar; make the grid full-width 4-up like the shop ---- */
html.vsc-dark body:not(.home) .coa-sidebar { display:none !important; }
/* widen ONLY the COA page's container (it caps at 1280px) so 4 cards match the shop's ~370px width */
html.vsc-dark body:not(.home) .container:has(.coa-layout) { max-width:1600px !important; }
html.vsc-dark body:not(.home) .coa-layout { display:block !important; max-width:1600px !important; margin:0 auto !important; }
html.vsc-dark body:not(.home) .coa-grid { grid-template-columns:repeat(4,1fr) !important; gap:28px !important; max-width:none !important; margin:0 !important; }
@media (max-width:1200px){ html.vsc-dark body:not(.home) .coa-grid { grid-template-columns:repeat(3,1fr) !important; } }
@media (max-width:880px){  html.vsc-dark body:not(.home) .coa-grid { grid-template-columns:repeat(2,1fr) !important; gap:16px !important; } }
@media (max-width:600px){  html.vsc-dark body:not(.home) .coa-grid { gap:12px !important; } } /* match shop's ≤600 gap (after the ≤880 rule so it wins) */

/* ---- Page hero (.page-header, e.g. the COA banner): remove the molecular background photo + navy band
        so the title sits on the dark page gradient like the shop. (::before = the parent-theme image,
        ::after = navy gradient tint.) ---- */
html.vsc-dark body:not(.home) .page-header { background:transparent !important; }
html.vsc-dark body:not(.home) .page-header::before,
html.vsc-dark body:not(.home) .page-header::after { display:none !important; background-image:none !important; }

/* ============================================================
   ICE CARDS ON A LIGHTER BODY — side-cart drawer + checkout.
   Body is a near-white cool grey (#F1F4F9) — just LIGHTER than the ice cards (#E8EDF3),
   so the cards read as soft inset ice panels. Body is light, so text stays NAVY. html.vsc-pv.
   ============================================================ */
/* --- side-cart drawer: light cool body --- */
html.vsc-pv .vsc-cart-drawer,
html.vsc-pv .vsc-cart-body,
html.vsc-pv .vsc-cart-header,
html.vsc-pv .vsc-cart-footer { background:#F1F4F9 !important; border-color:#DDE4EE !important; }
/* ice cards (slightly darker than the body) */
html.vsc-pv .vsc-cart-item,
html.vsc-pv .vsc-cart-protection,
html.vsc-pv .vsc-cart-upsell,
html.vsc-pv .vsc-cart-totals,
html.vsc-pv .vsc-cart-subtotal-row { background:#E8EDF3 !important; border-color:#D5DEEA !important; }
html.vsc-pv .vsc-cart-promo:hover { background:#E6EBF2 !important; }
/* --- checkout: same — light body, ice cards --- */
html.vsc-pv .vsc-checkout-page-body,
html.vsc-pv .vsc-checkout-page { background:#F1F4F9 !important; }
html.vsc-pv .vsc-checkout-card,
html.vsc-pv .vsc-checkout-summary,
html.vsc-pv .vsc-shipping-card,
html.vsc-pv .vsc-checkout-secure-btn,
html.vsc-pv .vsc-mobile-bar,
html.vsc-pv .vsc-mobile-summary-sheet,
html.vsc-pv #vsc-auth-flow { background:#E8EDF3 !important; border-color:#D5DEEA !important; }

/* --- cart: replace pure-white sub-elements with the light palette --- */
html.vsc-pv .vsc-qty-btn,
html.vsc-pv .vsc-qty-dropdown { background:#F1F4F9 !important; border-color:#D5DEEA !important; }
html.vsc-pv .vsc-qty-option:hover { background:#DCE5F0 !important; }
html.vsc-pv .vsc-cart-upsell-img { background:#E8EDF3 !important; }

/* ---- mobile/desktop slide-out MENU drawer (.vsv3-drawer) — dark to match the theme.
        Scoped to html.vsc-pv so it's consistent on EVERY page (incl. the dark homepage). ---- */
html.vsc-pv .vsv3-drawer { background:#0F1D2E !important; }
html.vsc-pv .vsv3-drawer-footer { background:#0B1626 !important; border-top-color:rgba(255,255,255,0.08) !important; }
html.vsc-pv .vsv3-drawer nav a,
html.vsc-pv .vsv3-drawer nav a strong { color:#E8EDF3 !important; border-bottom-color:rgba(255,255,255,0.08) !important; }
html.vsc-pv .vsv3-drawer nav a svg,
html.vsc-pv .vsv3-drawer nav a .vsv3-chev,
html.vsc-pv .vsv3-drawer nav a::after { color:rgba(232,237,243,0.45) !important; stroke:rgba(232,237,243,0.45) !important; }
html.vsc-pv .vsv3-drawer .vsv3-drawer-secondary { color:rgba(232,237,243,0.55) !important; border-bottom-color:rgba(255,255,255,0.08) !important; }
html.vsc-pv .vsv3-drawer-close { color:#E8EDF3 !important; }

/* ============================================================
   MY ACCOUNT — dark theme (gate adds vsc-dark on is_account_page)
   Light account styling lives in vsc-core.css (.vsc-acct-*); these
   override the white surfaces / dark text to match the dark site.
   ============================================================ */
html.vsc-dark body:not(.home) .vsc-acct-main { background:transparent !important; }
/* logged-out passwordless sign-in card (inline-styled in form-login.php) */
html.vsc-dark body:not(.home) .vsc-passwordless-login { background:rgba(38,46,61,0.55) !important; border:1px solid rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-passwordless-login h2 { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-passwordless-login p { color:rgba(255,255,255,0.65) !important; }
html.vsc-dark body:not(.home) .vsc-passwordless-login a { background:linear-gradient(135deg,#38BDF8,#0EA5E9) !important; color:#FFFFFF !important; }
/* dashboard tiles */
html.vsc-dark body:not(.home) .vsc-acct-tile { background:rgba(38,46,61,0.55) !important; border-color:rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-acct-tile-icon { background:rgba(255,255,255,0.06) !important; color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .vsc-acct-tile-title { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-tile-sub { color:rgba(255,255,255,0.55) !important; }
/* orders card */
html.vsc-dark body:not(.home) .vsc-acct-orders { background:rgba(38,46,61,0.55) !important; border-color:rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-head { border-bottom-color:rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-icon { background:#0EA5E9 !important; color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-title { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-sub { color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-view-all { color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-empty { color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-empty a { color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .vsc-acct-empty-icon { background:rgba(255,255,255,0.06) !important; color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-list li { border-bottom-color:rgba(255,255,255,0.10) !important; }
html.vsc-dark body:not(.home) .vsc-acct-orders-list li a { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-order-items { color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-order-total { color:#FFFFFF !important; }
/* sub-pages (profile / addresses / etc.) */
html.vsc-dark body:not(.home) .vsc-acct-subpage-title { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-subpage-sub { color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-backlink { color:rgba(255,255,255,0.55) !important; }
html.vsc-dark body:not(.home) .vsc-acct-backlink:hover { color:#FFFFFF !important; }
/* WooCommerce default account elements (orders/addresses endpoints, forms, nav) */
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation ul li a { color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation ul li.is-active a { color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-content,
html.vsc-dark body:not(.home) .woocommerce-MyAccount-content p { color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-content a { color:#38BDF8 !important; }
html.vsc-dark body:not(.home) .woocommerce table.shop_table,
html.vsc-dark body:not(.home) .woocommerce .woocommerce-Address,
html.vsc-dark body:not(.home) .woocommerce address { background:rgba(38,46,61,0.55) !important; border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce table.shop_table th,
html.vsc-dark body:not(.home) .woocommerce table.shop_table td { border-color:rgba(255,255,255,0.10) !important; color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-content .woocommerce-Address-title h3 { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .woocommerce form .form-row label { color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce form .input-text { background:rgba(255,255,255,0.06) !important; border-color:rgba(255,255,255,0.14) !important; color:#FFFFFF !important; }

/* PDP "Related research compounds" heading — inline color:var(--midnight) is unreadable
   on the dark product page; force white (desktop + mobile). Nothing else changed. */
html.vsc-dark body:not(.home) .vsc-related h2 { color:#FFFFFF !important; }

/* ============================================================
   MY ACCOUNT — custom dashboard (woocommerce/myaccount/dashboard.php)
   ============================================================ */
html.vsc-dark body:not(.home) .vsc-acct-dash { max-width:760px; margin:0 auto; }
html.vsc-dark body:not(.home) .vsc-acct-dash .vsc-acct-hero { margin:0 0 24px !important; border-radius:18px !important; }
html.vsc-dark body:not(.home) .vsc-acct-track { display:inline-flex; align-items:center; gap:7px; margin:2px 0 14px; font-size:12.5px; font-weight:600; color:#38BDF8 !important; text-decoration:none; }
html.vsc-dark body:not(.home) .vsc-acct-track:hover { color:#7DD3FC !important; }
html.vsc-dark body:not(.home) .vsc-acct-ship { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.10); }
html.vsc-dark body:not(.home) .vsc-acct-ship-label { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,0.42); font-weight:700; margin-bottom:6px; }
html.vsc-dark body:not(.home) .vsc-acct-ship-addr { font-size:14px; color:rgba(255,255,255,0.82); line-height:1.6; margin-bottom:10px; }
/* default WooCommerce account layout cards (nav) -> dark */
html.vsc-dark body:not(.home) .woocommerce-account .woocommerce { color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation,
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation ul { background:transparent !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation ul { border:1px solid rgba(255,255,255,0.10) !important; border-radius:16px !important; overflow:hidden; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation li { border-bottom:1px solid rgba(255,255,255,0.08) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation li a { color:rgba(255,255,255,0.82) !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation li a:hover { background:rgba(255,255,255,0.04) !important; color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation li.is-active a { background:rgba(14,165,233,0.14) !important; color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .woocommerce-MyAccount-content { background:transparent !important; }


/* ============================================================
   MY ACCOUNT - dashboard v2 (mockup port: status pills, generic
   card shell, quick-links card, honest Rewards teaser).
   Scoped to the dark account page; reuses .vsc-acct-* conventions.
   ============================================================ */

/* generic dark surface card (shipping address + quick links) */
html.vsc-dark body:not(.home) .vsc-acct-card {
  background:rgba(38,46,61,0.55); border:1px solid rgba(255,255,255,0.10);
  border-radius:16px; padding:22px 26px; margin-top:20px;
}
html.vsc-dark body:not(.home) .vsc-acct-card-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px;
}
html.vsc-dark body:not(.home) .vsc-acct-card-title {
  display:inline-flex; align-items:center; gap:10px;
  font-size:16px; font-weight:700; color:#FFFFFF;
}
html.vsc-dark body:not(.home) .vsc-acct-card-title svg {
  width:17px; height:17px; stroke:#0EA5E9; fill:none; stroke-width:1.8;
}
html.vsc-dark body:not(.home) .vsc-acct-card .vsc-acct-tiles { margin-bottom:0; }

/* order status -> pill, color by status */
html.vsc-dark body:not(.home) .vsc-acct-order-status {
  display:inline-block; margin-top:6px;
  font-size:11px; font-weight:600; padding:3px 11px; border-radius:50px;
  color:#38BDF8; background:rgba(14,165,233,0.12);
}
html.vsc-dark body:not(.home) .vsc-acct-status--processing { color:#38BDF8 !important; background:rgba(14,165,233,0.12) !important; }
html.vsc-dark body:not(.home) .vsc-acct-status--completed { color:#34D399 !important; background:rgba(52,211,153,0.12) !important; }
html.vsc-dark body:not(.home) .vsc-acct-status--shipped { color:#FDB813 !important; background:rgba(253,184,19,0.12) !important; }
html.vsc-dark body:not(.home) .vsc-acct-status--pending,
html.vsc-dark body:not(.home) .vsc-acct-status--on-hold { color:#FDB813 !important; background:rgba(253,184,19,0.12) !important; }
html.vsc-dark body:not(.home) .vsc-acct-status--cancelled,
html.vsc-dark body:not(.home) .vsc-acct-status--refunded,
html.vsc-dark body:not(.home) .vsc-acct-status--failed { color:rgba(255,255,255,0.6) !important; background:rgba(255,255,255,0.08) !important; }

/* tile hover (dark) */
html.vsc-dark body:not(.home) .vsc-acct-tile:hover {
  border-color:rgba(14,165,233,0.32) !important; background:rgba(14,165,233,0.06) !important;
}

/* Rewards teaser (the one soft accent block) */
html.vsc-dark body:not(.home) .vsc-acct-rewards {
  display:flex; gap:16px; align-items:flex-start;
  background:linear-gradient(150deg,rgba(14,165,233,0.16) 0%,rgba(38,46,61,0.5) 62%);
  border:1px solid rgba(14,165,233,0.26); border-radius:16px;
  padding:24px 26px; margin-top:20px;
}
html.vsc-dark body:not(.home) .vsc-acct-rewards-icon {
  width:46px; height:46px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:rgba(253,184,19,0.12); color:#FDB813;
}
html.vsc-dark body:not(.home) .vsc-acct-rewards-body h2 {
  font-size:17px; font-weight:700; color:#FFFFFF; margin:0 0 6px;
}
html.vsc-dark body:not(.home) .vsc-acct-rewards-body p {
  font-size:14px; color:rgba(255,255,255,0.7); line-height:1.6; margin:0;
}
html.vsc-dark body:not(.home) .vsc-acct-rewards-soon {
  display:inline-block; margin-top:12px;
  font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:#FDB813; background:rgba(253,184,19,0.10);
  border:1px solid rgba(253,184,19,0.24); border-radius:50px; padding:4px 11px;
}

/* tighten the 5-tile grid on smaller widths */
@media (max-width:560px) {
  html.vsc-dark body:not(.home) .vsc-acct-rewards { flex-direction:column; gap:12px; }
}

/* ============================================================
   MY ACCOUNT - REWARDS CARD + PROGRESS + REDEEM + REWARDS TAB
   (dashboard.php real-points card + the /my-account/rewards/ endpoint).
   Scoped to the dark account page; reuses .vsc-acct-* conventions.
   Tokens mirror vsc-affiliate.css: #0EA5E9 acc / #38BDF8 acc2 /
   gradient 135deg(#38BDF8->#0EA5E9) / #FDB813 gold / #34D399 green.
   ============================================================ */

/* hero greeting tweaks so the dash matches the mockup spacing */
html.vsc-dark body:not(.home) .vsc-acct-dash .vsc-acct-hero-actions { display:none; }
html.vsc-dark body:not(.home) .vsc-acct-dash .vsc-acct-hero-sub { margin-bottom:0; }

/* ---- REWARDS CARD (the one hero accent) ---- */
html.vsc-dark body:not(.home) .vsc-acct-rw {
  background:linear-gradient(150deg,rgba(14,165,233,0.16) 0%,rgba(38,46,61,0.5) 62%);
  border:1px solid rgba(14,165,233,0.26); border-radius:16px;
  padding:26px 28px; margin-top:20px;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-top {
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:18px; flex-wrap:wrap; margin-bottom:20px;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-k {
  font-size:11.5px; text-transform:uppercase; letter-spacing:.09em;
  color:rgba(255,255,255,0.52); margin-bottom:6px;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-bal {
  font-family:'Space Grotesk',Inter,sans-serif; font-size:46px; font-weight:800; line-height:.95;
  background:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-bal small {
  font-size:16px; font-weight:600; color:rgba(255,255,255,0.52);
  -webkit-text-fill-color:rgba(255,255,255,0.52); margin-left:7px;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-worth { text-align:right; }
html.vsc-dark body:not(.home) .vsc-acct-rw-w {
  font-family:'Space Grotesk',Inter,sans-serif; font-size:25px; font-weight:700; color:#FFFFFF;
}
html.vsc-dark body:not(.home) .vsc-acct-rw-w .woocommerce-Price-amount,
html.vsc-dark body:not(.home) .vsc-acct-rw-w bdi { color:#FFFFFF !important; }
html.vsc-dark body:not(.home) .vsc-acct-rw-ws { font-size:11.5px; color:rgba(255,255,255,0.52); margin-top:2px; }

/* researcher-member badge (gold chip) */
html.vsc-dark body:not(.home) .vsc-acct-tier {
  display:inline-flex; align-items:center; gap:7px; margin-top:12px;
  font-size:12px; font-weight:700; color:#FDB813;
  background:rgba(253,184,19,0.10); border:1px solid rgba(253,184,19,0.24);
  border-radius:50px; padding:5px 12px;
}
html.vsc-dark body:not(.home) .vsc-acct-tier svg { width:13px; height:13px; fill:#FDB813; }

/* progress bar */
html.vsc-dark body:not(.home) .vsc-acct-bar {
  height:10px; border-radius:50px; background:rgba(255,255,255,0.09);
  overflow:hidden; position:relative;
}
html.vsc-dark body:not(.home) .vsc-acct-bar i {
  position:absolute; top:0; left:0; bottom:0; min-width:6px;
  background:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 100%); border-radius:50px;
  box-shadow:0 0 12px rgba(14,165,233,0.45);
}
html.vsc-dark body:not(.home) .vsc-acct-bar-foot {
  display:flex; justify-content:space-between; gap:12px; margin-top:11px;
  font-size:13px; color:rgba(255,255,255,0.82);
}
html.vsc-dark body:not(.home) .vsc-acct-bar-foot b { color:#FFFFFF; font-weight:700; }
html.vsc-dark body:not(.home) .vsc-acct-bar-foot .woocommerce-Price-amount,
html.vsc-dark body:not(.home) .vsc-acct-bar-foot bdi { color:#FFFFFF !important; font-weight:700; }

/* redeem buttons */
html.vsc-dark body:not(.home) .vsc-acct-rw-cta { margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; }
html.vsc-dark body:not(.home) .vsc-acct-redeem {
  display:inline-flex; align-items:center; justify-content:center;
  font-size:14.5px; font-weight:600; color:#FFFFFF !important; text-decoration:none;
  background:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 100%);
  border:none; border-radius:50px; padding:13px 26px; transition:.18s; cursor:pointer;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem:hover { transform:translateY(-1px); box-shadow:0 6px 22px rgba(14,165,233,0.34); }
html.vsc-dark body:not(.home) .vsc-acct-redeem--ghost {
  background:rgba(14,165,233,0.10); color:#38BDF8 !important;
  border:1px solid rgba(14,165,233,0.28); padding:12px 22px; font-size:13.5px;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem--ghost:hover { background:rgba(14,165,233,0.17); box-shadow:none; }
html.vsc-dark body:not(.home) .vsc-acct-redeem.disabled,
html.vsc-dark body:not(.home) .vsc-acct-redeem[aria-disabled="true"] {
  opacity:.45; pointer-events:none; filter:grayscale(.3);
}

/* ---- ORDERS: per-order sub row (FedEx track + points earned) ---- */
html.vsc-dark body:not(.home) .vsc-acct-osub {
  display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin-top:11px;
}
html.vsc-dark body:not(.home) .vsc-acct-order-main { display:flex; align-items:center; justify-content:space-between; gap:14px; }
html.vsc-dark body:not(.home) .vsc-acct-track {
  display:inline-flex; align-items:center; gap:7px;
  font-size:12.5px; font-weight:600; color:#38BDF8 !important; text-decoration:none;
  background:rgba(14,165,233,0.06); border:1px solid rgba(14,165,233,0.18);
  border-radius:8px; padding:7px 12px;
}
html.vsc-dark body:not(.home) .vsc-acct-track:hover { color:#7DD3FC !important; background:rgba(14,165,233,0.12); }
html.vsc-dark body:not(.home) .vsc-acct-track svg { width:13px; height:13px; }
html.vsc-dark body:not(.home) .vsc-acct-pe {
  display:inline-flex; align-items:center; gap:5px;
  font-size:12px; color:#FDB813;
}
html.vsc-dark body:not(.home) .vsc-acct-pe svg { width:13px; height:13px; fill:#FDB813; }

/* ---- NAV: points-balance badge on the Rewards menu item ---- */
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation-link--rewards a {
  display:flex !important; align-items:center; justify-content:space-between; gap:8px;
}
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation-link--rewards a::after {
  content:var(--vsc-pts,"");
  font-family:'Space Grotesk',Inter,sans-serif; font-size:12px; font-weight:700;
  color:#FDB813; background:rgba(253,184,19,0.12);
  border-radius:50px; padding:2px 9px; line-height:1.4;
}
html.vsc-dark body:not(.home) .woocommerce-MyAccount-navigation-link--rewards a[data-empty="1"]::after { content:""; padding:0; }

/* ============================================================
   REWARDS ENDPOINT TAB  (/my-account/rewards/)
   ============================================================ */
html.vsc-dark body:not(.home) .vsc-acct-rewards-page .vsc-acct-rw { margin-top:0; }
html.vsc-dark body:not(.home) .vsc-acct-rw-page-head { margin-bottom:18px; }
html.vsc-dark body:not(.home) .vsc-acct-rw-page-head h2 { font-size:22px; font-weight:700; color:#FFFFFF; margin:0 0 5px; }
html.vsc-dark body:not(.home) .vsc-acct-rw-page-head p { font-size:14px; color:rgba(255,255,255,0.6); margin:0; }

/* redeem options grid */
html.vsc-dark body:not(.home) .vsc-acct-redeem-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:4px;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:rgba(38,46,61,0.55); border:1px solid rgba(255,255,255,0.10);
  border-radius:13px; padding:16px 18px;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt.is-ready { border-color:rgba(14,165,233,0.32); background:rgba(14,165,233,0.06); }
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt .ro-pts {
  font-family:'Space Grotesk',Inter,sans-serif; font-size:17px; font-weight:700; color:#FFFFFF;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt .ro-val { font-size:12.5px; color:rgba(255,255,255,0.55); margin-top:2px; }
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt .ro-cta {
  font-size:13px; font-weight:600; color:#38BDF8 !important; white-space:nowrap;
  border:1px solid rgba(14,165,233,0.28); background:rgba(14,165,233,0.10);
  border-radius:50px; padding:8px 16px; text-decoration:none; transition:.16s;
}
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt .ro-cta:hover { background:rgba(14,165,233,0.18); }
html.vsc-dark body:not(.home) .vsc-acct-redeem-opt .ro-locked { font-size:12px; color:rgba(255,255,255,0.4); white-space:nowrap; }

/* points history list */
html.vsc-dark body:not(.home) .vsc-acct-hist { display:flex; flex-direction:column; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hrow {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:13px 0; border-bottom:1px solid rgba(255,255,255,0.10); font-size:14px;
}
html.vsc-dark body:not(.home) .vsc-acct-hist .hrow:last-child { border-bottom:none; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hl { color:#FFFFFF; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hd { font-size:12px; color:rgba(255,255,255,0.5); margin-top:2px; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hp { font-family:'Space Grotesk',Inter,sans-serif; font-weight:700; white-space:nowrap; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hp.plus { color:#34D399; }
html.vsc-dark body:not(.home) .vsc-acct-hist .hp.minus { color:#38BDF8; }
html.vsc-dark body:not(.home) .vsc-acct-hist-empty { font-size:13.5px; color:rgba(255,255,255,0.55); padding:6px 0; }

/* "how points become credit" explainer */
html.vsc-dark body:not(.home) .vsc-acct-callout {
  display:flex; gap:12px; background:rgba(14,165,233,0.06);
  border:1px solid rgba(14,165,233,0.2); border-radius:12px;
  padding:16px 18px; font-size:13.5px; color:rgba(255,255,255,0.82); line-height:1.6;
}
html.vsc-dark body:not(.home) .vsc-acct-callout svg { width:20px; height:20px; stroke:#38BDF8; fill:none; stroke-width:1.8; flex-shrink:0; margin-top:1px; }
html.vsc-dark body:not(.home) .vsc-acct-callout b { color:#FFFFFF; font-weight:600; }

/* responsive */
@media (max-width:560px) {
  html.vsc-dark body:not(.home) .vsc-acct-rw-top { gap:14px; }
  html.vsc-dark body:not(.home) .vsc-acct-rw-worth { text-align:left; }
  html.vsc-dark body:not(.home) .vsc-acct-rw-bal { font-size:40px; }
  html.vsc-dark body:not(.home) .vsc-acct-redeem-grid { grid-template-columns:1fr; }
  html.vsc-dark body:not(.home) .vsc-acct-redeem,
  html.vsc-dark body:not(.home) .vsc-acct-redeem--ghost { flex:1; }
}

/* redeem result banners (Rewards tab) */
html.vsc-dark body:not(.home) .vsc-acct-redeem-ok{background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.30);color:#A7F3D0;border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:14px;line-height:1.55}
html.vsc-dark body:not(.home) .vsc-acct-redeem-ok strong{color:#fff;font-family:'Space Grotesk',sans-serif;letter-spacing:.5px}
html.vsc-dark body:not(.home) .vsc-acct-redeem-err{background:rgba(248,113,113,0.10);border:1px solid rgba(248,113,113,0.28);color:#FCA5A5;border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:14px}

/* ── Full-width clean account dashboard (un-squish the WC 2-col grid) ── */
/* mobile-first: single column by default; 2-col only on real desktop widths */
html.vsc-dark body.woocommerce-account .woocommerce{display:grid !important;grid-template-columns:1fr !important;gap:18px !important;width:100% !important;max-width:1140px !important;margin:0 auto !important;align-items:start !important}
html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-content{max-width:none !important;width:auto !important;background:transparent !important;border:none !important;padding:0 !important;margin:0 !important}
html.vsc-dark body.woocommerce-account .vsc-acct-dash{max-width:none !important;width:100% !important}
html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-navigation{position:static !important}
@media (min-width:901px){html.vsc-dark body.woocommerce-account .woocommerce{grid-template-columns:250px minmax(0,1fr) !important;gap:30px !important}html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-navigation{position:sticky !important;top:90px !important;align-self:start}}

html.vsc-dark body.woocommerce-account .page-content{max-width:1140px !important;width:100% !important}

/* mobile: kill the account grid entirely so sidebar + content stack as blocks (max specificity) */
@media (max-width:900px){
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce{display:block !important}
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content{width:100% !important;max-width:100% !important;display:block !important;float:none !important;margin:0 0 16px !important}
}

/* ── FINAL dark-theme account sub-pages (orders/view-order/addresses) + redeem text + mobile nav ── */
/* redeem buttons: white text for clarity (out-specify the generic content `a` cyan rule) */
html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-content a.vsc-acct-redeem,
html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-content a.vsc-acct-redeem--ghost,
html.vsc-dark body.woocommerce-account .woocommerce-MyAccount-content a.ro-cta,
html.vsc-dark body.woocommerce-account .vsc-acct-redeem,
html.vsc-dark body.woocommerce-account .ro-cta{color:#FFFFFF !important}
/* orders + order-detail + any account table -> dark glass (beats snippet #22 light styling) */
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-orders-table,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-table--order-details,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .order_details{background:rgba(38,46,61,0.42) !important;border:1px solid rgba(255,255,255,0.10) !important;border-radius:16px !important;color:rgba(255,255,255,0.85) !important;overflow:hidden}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table th{background:rgba(255,255,255,0.03) !important;color:#FFFFFF !important;border-color:rgba(255,255,255,0.08) !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table td{background:transparent !important;color:rgba(255,255,255,0.82) !important;border-color:rgba(255,255,255,0.07) !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table tfoot th,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table tfoot td{background:rgba(255,255,255,0.02) !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table a{color:#38BDF8 !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table .button,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content table a.button{background:rgba(14,165,233,0.12) !important;color:#38BDF8 !important;border:1px solid rgba(14,165,233,0.30) !important;box-shadow:none !important}
/* address cards (View Order + Addresses tab) -> dark glass */
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-customer-details .woocommerce-column,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-customer-details address{background:rgba(38,46,61,0.42) !important;border:1px solid rgba(255,255,255,0.10) !important;border-radius:16px !important;color:rgba(255,255,255,0.82) !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h2,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h3,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-customer-details h2,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-column__title,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content address{color:#FFFFFF !important}
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address address{color:rgba(255,255,255,0.82) !important;font-style:normal}
/* order intro line + status mark */
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-order > p,
html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-content mark{color:rgba(255,255,255,0.85) !important;background:transparent !important}
/* mobile: account nav -> dark like desktop (kill white pills) */
@media (max-width:900px){
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{border:1px solid rgba(255,255,255,0.10) !important;border-radius:16px !important;overflow:hidden;background:rgba(38,46,61,0.42) !important;list-style:none !important;margin:0 0 16px !important;padding:0 !important}
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{border-bottom:1px solid rgba(255,255,255,0.08) !important;background:transparent !important;margin:0 !important}
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{background:transparent !important;color:rgba(255,255,255,0.85) !important;border-radius:0 !important;display:block !important;padding:13px 16px !important}
  html.vsc-dark body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a{background:rgba(14,165,233,0.14) !important;color:#FFFFFF !important}
}