:root {
  --vv-space: #050612;
  --vv-space-2: #0d1024;
  --vv-panel: rgba(13, 16, 36, 0.78);
  --vv-violet: #9b5cff;
  --vv-magenta: #ff3bb5;
  --vv-cyan: #32e5ff;
  --vv-mint: #61f7ba;
  --vv-gold: #f8d66d;
  --vv-text: #f9fafb;
  --vv-muted: #a9b0c4;
  --vv-line: rgba(162, 180, 255, 0.28);
  --vv-shadow: 0 20px 70px rgba(0, 0, 0, 0.45);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.vv-site { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--vv-text); background: radial-gradient(circle at 8% 8%, rgba(255, 59, 181, 0.20), transparent 30%), radial-gradient(circle at 86% 10%, rgba(50, 229, 255, 0.18), transparent 34%), radial-gradient(circle at 60% 85%, rgba(97, 247, 186, 0.10), transparent 30%), linear-gradient(145deg, #030411 0%, #090b1f 48%, #0b0616 100%); min-height: 100vh; }
a { color: inherit; text-decoration: none; }
.vv-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.vv-topbar { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(162, 180, 255, 0.18); background: rgba(5, 6, 18, 0.82); backdrop-filter: blur(18px); }
.vv-nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.vv-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: 0.02em; white-space: nowrap; }
.vv-brand img { max-height: 44px; width: auto; }
.vv-brand-mark { width: 34px; height: 34px; border-radius: 11px; background: linear-gradient(135deg, rgba(155, 92, 255, 0.95), rgba(255, 59, 181, 0.95)); box-shadow: 0 0 24px rgba(50, 229, 255, 0.55); position: relative; }
.vv-brand-mark::after { content: ""; position: absolute; inset: 8px 12px; border-radius: 999px; border: 2px solid rgba(255, 255, 255, 0.82); transform: rotate(-18deg); }
.vv-menu, .vv-primary-nav ul, .vv-footer ul { list-style: none; margin: 0; padding: 0; }
.vv-primary-nav .vv-menu, .vv-primary-nav ul { display: flex; align-items: center; gap: 18px; font-size: 0.92rem; color: var(--vv-muted); }
.vv-primary-nav a:hover, .vv-footer a:hover { color: var(--vv-cyan); }
.vv-nav-actions { display: flex; gap: 10px; align-items: center; }
.vv-icon-btn, .vv-btn { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--vv-line); background: rgba(255, 255, 255, 0.05); color: var(--vv-text); cursor: pointer; }
.vv-icon-btn { width: 42px; border-radius: 50%; font-size: 1.08rem; }
.vv-btn { border-radius: 999px; padding: 0 18px; gap: 8px; font-weight: 800; font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; }
.vv-btn-primary, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border: 0; background: linear-gradient(135deg, var(--vv-violet), var(--vv-magenta)); color: var(--vv-text); box-shadow: 0 0 26px rgba(50, 229, 255, 0.36); }
.vv-btn-secondary:hover, .vv-icon-btn:hover { border-color: var(--vv-cyan); color: var(--vv-cyan); }
.vv-hero { position: relative; padding: 54px 0 38px; overflow: hidden; }
.vv-hero-grid { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr); gap: 42px; align-items: center; }
.vv-eyebrow { color: var(--vv-cyan); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 14px; }
h1, h2, h3 { letter-spacing: 0; }
h1 { margin: 0; max-width: 720px; font-size: clamp(2.45rem, 6vw, 5.45rem); line-height: 0.96; }
h2 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.4rem); }
.vv-gradient-text { background: linear-gradient(115deg, #fff 0%, #c9f7ff 28%, var(--vv-magenta) 62%, var(--vv-gold) 100%); -webkit-background-clip: text; color: transparent; text-shadow: 0 0 42px rgba(155, 92, 255, 0.22); }
.vv-subhead { max-width: 620px; margin: 22px 0 0; color: var(--vv-muted); font-size: 1.08rem; line-height: 1.7; }
.vv-hero-actions, .vv-search-box, .vv-newsletter { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.vv-trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 650px; margin-top: 28px; }
.vv-trust-pill { min-height: 74px; padding: 14px; border: 1px solid var(--vv-line); background: rgba(255, 255, 255, 0.045); border-radius: 8px; }
.vv-trust-pill strong { display: block; font-size: 0.9rem; }
.vv-trust-pill span { display: block; margin-top: 5px; color: var(--vv-muted); font-size: 0.78rem; line-height: 1.35; }
.vv-canva-frame { position: relative; aspect-ratio: 1 / 1; border-radius: 18px; overflow: hidden; border: 1px solid rgba(50, 229, 255, 0.28); box-shadow: var(--vv-shadow), 0 0 44px rgba(155, 92, 255, 0.28); background: var(--vv-panel); }
.vv-canva-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vv-lab-note, .vv-compliance-callout, .vv-product-ruo { margin-top: 12px; padding: 12px 14px; border: 1px solid rgba(255, 59, 181, 0.28); border-radius: 8px; background: rgba(255, 59, 181, 0.08); color: var(--vv-muted); font-size: 0.84rem; line-height: 1.45; }
.vv-band { padding: 58px 0; border-top: 1px solid rgba(162, 180, 255, 0.14); }
.vv-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.vv-section-head p { margin: 0; max-width: 460px; color: var(--vv-muted); line-height: 1.55; }
.vv-product-grid, .vv-guide-grid, .woocommerce ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.vv-product-card, .vv-guide-card, .vv-panel, .woocommerce ul.products li.product { border: 1px solid var(--vv-line); background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)); border-radius: 8px; box-shadow: 0 16px 48px rgba(0,0,0,0.20); }
.vv-product-card { overflow: hidden; }
.vv-product-art { height: 184px; display: grid; place-items: center; background: radial-gradient(circle at 50% 22%, rgba(50, 229, 255, 0.24), transparent 34%), linear-gradient(135deg, rgba(155, 92, 255, 0.2), rgba(255, 59, 181, 0.13)); }
.vv-vial-icon { width: 54px; height: 126px; border-radius: 18px 18px 24px 24px; border: 2px solid rgba(255, 255, 255, 0.72); background: linear-gradient(180deg, rgba(255,255,255,0.18), transparent 38%), linear-gradient(180deg, transparent 0 46%, rgba(50, 229, 255, 0.56) 47% 100%); box-shadow: 0 0 34px rgba(50, 229, 255, 0.55); position: relative; }
.vv-vial-icon::before { content: ""; position: absolute; top: -18px; left: 9px; width: 34px; height: 20px; border-radius: 9px 9px 4px 4px; background: linear-gradient(135deg, var(--vv-magenta), var(--vv-violet)); }
.vv-product-body, .vv-guide-card, .vv-panel, .woocommerce ul.products li.product { padding: 18px; }
.vv-product-body h3, .vv-guide-card h3 { margin: 0; font-size: 1rem; }
.vv-product-meta, .vv-guide-card p, .vv-entry, .vv-footer, .woocommerce-result-count { color: var(--vv-muted); line-height: 1.55; }
.vv-price-row, .vv-coa-item { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vv-price-row { margin-top: 15px; }
.vv-price, .woocommerce-Price-amount { color: var(--vv-mint); font-weight: 900; }
.vv-mini-btn { min-height: 34px; padding: 0 12px; font-size: 0.72rem; }
.vv-coa-grid { display: grid; grid-template-columns: 1fr 0.8fr; gap: 14px; align-items: stretch; }
.vv-search-box input, .vv-newsletter input, .woocommerce input.input-text, .woocommerce textarea { width: 100%; min-height: 46px; border: 1px solid var(--vv-line); border-radius: 999px; padding: 0 16px; color: var(--vv-text); background: rgba(255, 255, 255, 0.06); outline: 0; }
.vv-search-box input, .vv-newsletter input { flex: 1 1 240px; }
.vv-coa-list { display: grid; gap: 10px; margin-top: 18px; }
.vv-coa-item { padding: 12px 0; border-bottom: 1px solid rgba(162, 180, 255, 0.14); color: var(--vv-muted); }
.vv-page-shell { max-width: 920px; }
.vv-page-panel h1 { margin-bottom: 22px; }
.vv-footer { padding: 42px 0; border-top: 1px solid rgba(162, 180, 255, 0.14); }
.vv-footer-grid { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); gap: 24px; }
.vv-footer a { display: block; margin-top: 9px; color: var(--vv-muted); }
.vv-ruo-strip { margin-top: 28px; padding: 14px 0 0; border-top: 1px solid rgba(162, 180, 255, 0.14); font-size: 0.82rem; line-height: 1.5; color: var(--vv-muted); }
.vv-age-gate { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 18px; background: rgba(3, 4, 17, 0.78); backdrop-filter: blur(14px); }
.vv-age-gate[hidden] { display: none; }
.vv-age-card { width: min(520px, 100%); padding: 28px; border-radius: 8px; border: 1px solid var(--vv-line); background: linear-gradient(180deg, rgba(13,16,36,0.98), rgba(13,16,36,0.92)); box-shadow: var(--vv-shadow); }
.vv-age-card p { color: var(--vv-muted); line-height: 1.6; }
.vv-age-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.vv-gate-open body { overflow: hidden; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; }
.woocommerce ul.products li.product a img { border-radius: 8px; background: rgba(255,255,255,0.04); }
.woocommerce div.product { padding: 58px min(32px, 4vw); }
.woocommerce div.product .summary, .woocommerce div.product .woocommerce-tabs { color: var(--vv-muted); }
@media (max-width: 900px) { .vv-primary-nav { display: none; } .vv-hero-grid, .vv-coa-grid, .vv-footer-grid { grid-template-columns: 1fr; } .vv-hero { padding-top: 34px; } .vv-product-grid, .vv-guide-grid, .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vv-trust-row { grid-template-columns: 1fr; } .vv-section-head { align-items: start; flex-direction: column; } }
@media (max-width: 560px) { .vv-shell { width: min(100% - 24px, 1180px); } .vv-nav { min-height: 64px; } .vv-nav-actions .vv-btn-secondary { display: none; } .vv-hero-actions, .vv-search-box, .vv-newsletter { flex-direction: column; } .vv-btn { width: 100%; } .vv-product-grid, .vv-guide-grid, .woocommerce ul.products { grid-template-columns: 1fr; } .vv-product-art { height: 162px; } .vv-canva-frame { border-radius: 12px; } h1 { font-size: clamp(2.15rem, 14vw, 3.2rem); } }


/* Roaming vial, sparkle field, brand logo, reconstitution graphics, and neon bio-green accents */
.vv-sparkle-field {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background-image:
    radial-gradient(1px 1px at 12% 20%, rgba(255,255,255,0.85), transparent 60%),
    radial-gradient(1px 1px at 28% 72%, rgba(97,247,186,0.80), transparent 60%),
    radial-gradient(2px 2px at 42% 36%, rgba(50,229,255,0.72), transparent 62%),
    radial-gradient(1px 1px at 66% 18%, rgba(255,59,181,0.76), transparent 60%),
    radial-gradient(2px 2px at 82% 78%, rgba(248,214,109,0.78), transparent 62%);
  opacity: 0.9;
  animation: vv-sparkle-drift 12s linear infinite alternate;
}
.vv-sparkle-field::before,
.vv-sparkle-field::after {
  content: "";
  position: absolute;
  inset: -20%;
  background-image:
    radial-gradient(1px 1px at 18% 16%, rgba(255,255,255,0.9), transparent 60%),
    radial-gradient(1px 1px at 24% 58%, rgba(97,247,186,0.85), transparent 60%),
    radial-gradient(1px 1px at 58% 30%, rgba(255,59,181,0.8), transparent 60%),
    radial-gradient(2px 2px at 72% 62%, rgba(50,229,255,0.8), transparent 60%),
    radial-gradient(1px 1px at 90% 44%, rgba(255,255,255,0.82), transparent 60%);
  animation: vv-sparkle-twinkle 7s ease-in-out infinite alternate;
}
.vv-sparkle-field::after { filter: blur(1px); opacity: 0.55; animation-duration: 10s; animation-direction: alternate-reverse; }
.vv-site > *:not(.vv-sparkle-field):not(.vv-roaming-vial):not(.vv-age-gate) { position: relative; z-index: 1; }
.vv-roaming-vial {
  position: fixed;
  left: 4vw;
  top: 18vh;
  z-index: 3;
  width: clamp(58px, 7vw, 96px);
  height: clamp(132px, 16vw, 208px);
  pointer-events: none;
  border-radius: 22px 22px 30px 30px;
  border: 2px solid rgba(255, 255, 255, 0.74);
  background: linear-gradient(90deg, rgba(255,255,255,0.35), transparent 28%, rgba(255,255,255,0.16) 48%, transparent 76%), linear-gradient(180deg, transparent 0 38%, rgba(97,247,186,0.72) 39% 100%);
  box-shadow: 0 0 22px rgba(97,247,186,0.95), 0 0 46px rgba(50,229,255,0.55), 0 0 72px rgba(255,59,181,0.28);
  opacity: 0.92;
  transform-origin: center;
  animation: vv-roam 26s ease-in-out infinite, vv-vial-glow 3.8s ease-in-out infinite alternate;
}
.vv-roaming-vial::before { content: ""; position: absolute; top: -22px; left: 18%; width: 64%; height: 26px; border-radius: 10px 10px 5px 5px; background: linear-gradient(135deg, var(--vv-mint, #61f7ba), var(--vv-cyan, #32e5ff) 45%, var(--vv-magenta, #ff3bb5)); box-shadow: 0 0 24px rgba(97,247,186,0.85); }
.vv-roaming-vial::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 18%; height: 42%; border-radius: 999px; background: radial-gradient(circle at 50% 20%, rgba(255,255,255,0.78), transparent 18%), radial-gradient(circle at 38% 58%, rgba(255,255,255,0.44), transparent 18%); opacity: 0.7; animation: vv-liquid-pulse 4.5s ease-in-out infinite alternate; }
.vv-brand-logo { width: 54px; height: 54px; object-fit: contain; border-radius: 50%; filter: drop-shadow(0 0 14px rgba(155,92,255,0.58)) drop-shadow(0 0 12px rgba(97,247,186,0.35)); background: rgba(255,255,255,0.88); }
.vv-vibe-grid { display: grid; grid-template-columns: minmax(260px, 0.72fr) 1fr; gap: 18px; align-items: center; }
.vv-vibe-image { width: 100%; border-radius: 8px; border: 1px solid rgba(97,247,186,0.34); background: rgba(0,0,0,0.28); box-shadow: 0 0 36px rgba(97,247,186,0.16), 0 0 42px rgba(255,59,181,0.12); }
.vv-reconstitution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.vv-reconstitution-card { border: 1px solid var(--vv-line, rgba(162,180,255,0.28)); border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.06); box-shadow: 0 16px 48px rgba(0,0,0,0.22), 0 0 28px rgba(97,247,186,0.08); }
.vv-reconstitution-card img { display: block; width: 100%; height: auto; }
.vv-reconstitution-card span { display: block; padding: 12px 14px; color: var(--vv-muted, #a9b0c4); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.76rem; }
.vv-btn-primary, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: linear-gradient(135deg, var(--vv-violet, #9b5cff), var(--vv-magenta, #ff3bb5) 52%, var(--vv-mint, #61f7ba)); box-shadow: 0 0 24px rgba(97,247,186,0.35), 0 0 36px rgba(50,229,255,0.26); }
.vv-trust-pill:hover, .vv-guide-card:hover, .vv-product-card:hover, .vv-panel:hover, .vv-reconstitution-card:hover { border-color: rgba(97,247,186,0.48); box-shadow: 0 18px 54px rgba(0,0,0,0.26), 0 0 28px rgba(97,247,186,0.16); }
@keyframes vv-sparkle-drift { 0% { transform: translate3d(0, 0, 0); opacity: 0.72; } 100% { transform: translate3d(1.5vw, -1.2vh, 0); opacity: 1; } }
@keyframes vv-sparkle-twinkle { 0% { transform: translate3d(-1vw, 1vh, 0) scale(1); opacity: 0.35; } 50% { opacity: 0.95; } 100% { transform: translate3d(1vw, -1vh, 0) scale(1.04); opacity: 0.55; } }
@keyframes vv-roam { 0% { transform: translate3d(0, 0, 0) rotate(-10deg); } 18% { transform: translate3d(74vw, 6vh, 0) rotate(8deg); } 36% { transform: translate3d(62vw, 58vh, 0) rotate(-6deg); } 55% { transform: translate3d(16vw, 52vh, 0) rotate(9deg); } 74% { transform: translate3d(82vw, 28vh, 0) rotate(-12deg); } 100% { transform: translate3d(0, 0, 0) rotate(-10deg); } }
@keyframes vv-vial-glow { 0% { filter: saturate(1) brightness(1); opacity: 0.78; } 100% { filter: saturate(1.35) brightness(1.2); opacity: 0.96; } }
@keyframes vv-liquid-pulse { 0% { transform: translateY(0) scaleY(0.96); } 100% { transform: translateY(-8px) scaleY(1.04); } }
@media (prefers-reduced-motion: reduce) { .vv-sparkle-field, .vv-sparkle-field::before, .vv-sparkle-field::after, .vv-roaming-vial, .vv-roaming-vial::after { animation: none; } }
@media (max-width: 900px) { .vv-reconstitution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vv-vibe-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .vv-roaming-vial { width: 52px; height: 120px; opacity: 0.68; z-index: 0; } .vv-reconstitution-grid { grid-template-columns: 1fr; } .vv-brand-logo { width: 44px; height: 44px; } }

html, body { overflow-x: hidden; }
.vv-site { overflow-x: hidden; }


/* Mythical sci-fi lab atmosphere and interactive glitter */
.vv-mythic-lab {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 18% 22%, rgba(97, 247, 186, 0.12), transparent 32%),
    radial-gradient(ellipse at 78% 16%, rgba(255, 59, 181, 0.13), transparent 34%),
    radial-gradient(ellipse at 50% 92%, rgba(155, 92, 255, 0.14), transparent 36%);
  opacity: 0.95;
}
.vv-mythic-lab::before,
.vv-mythic-lab::after {
  content: "";
  position: absolute;
  width: 62vmax;
  height: 62vmax;
  border-radius: 50%;
  border: 1px solid rgba(97, 247, 186, 0.14);
  box-shadow: inset 0 0 40px rgba(50, 229, 255, 0.08), 0 0 70px rgba(155, 92, 255, 0.10);
  animation: vv-orbit-slow 38s linear infinite;
}
.vv-mythic-lab::before { left: -20vmax; top: 10vh; }
.vv-mythic-lab::after { right: -24vmax; bottom: -28vmax; animation-duration: 52s; animation-direction: reverse; }
.vv-floater {
  position: absolute;
  display: grid;
  place-items: center;
  color: rgba(97, 247, 186, 0.72);
  text-shadow: 0 0 18px rgba(97, 247, 186, 0.76), 0 0 28px rgba(50, 229, 255, 0.34);
  filter: drop-shadow(0 0 18px rgba(155, 92, 255, 0.24));
  opacity: 0.7;
  animation: vv-float-lab 18s ease-in-out infinite alternate;
}
.vv-floater--dna { left: 7%; top: 34%; width: 74px; height: 180px; border-left: 2px solid rgba(97,247,186,0.45); border-right: 2px solid rgba(255,59,181,0.35); border-radius: 50%; transform: rotate(-18deg); }
.vv-floater--dna::before { content: ""; position: absolute; inset: 12px 14px; background: repeating-linear-gradient(to bottom, rgba(50,229,255,0.48) 0 2px, transparent 2px 16px); clip-path: polygon(50% 0, 80% 12%, 50% 24%, 80% 36%, 50% 48%, 80% 60%, 50% 72%, 80% 84%, 50% 100%, 20% 84%, 50% 72%, 20% 60%, 50% 48%, 20% 36%, 50% 24%, 20% 12%); }
.vv-floater--molecule { right: 8%; top: 38%; width: 130px; height: 130px; border: 1px solid rgba(50,229,255,0.22); border-radius: 50%; animation-delay: -6s; }
.vv-floater--molecule::before { content: "?"; font-size: 3rem; color: rgba(255,59,181,0.68); }
.vv-floater--star { left: 44%; top: 16%; width: 84px; height: 84px; animation-delay: -9s; }
.vv-floater--star::before { content: "?"; font-size: 4.6rem; color: rgba(255,255,255,0.84); }
.vv-floater--ring { left: 63%; bottom: 16%; width: 180px; height: 180px; border: 1px dashed rgba(97,247,186,0.32); border-radius: 50%; animation-delay: -3s; }
.vv-floater--sigil { left: 14%; bottom: 18%; font-size: 0.82rem; font-weight: 900; letter-spacing: 0.36em; text-transform: uppercase; color: rgba(255,255,255,0.62); animation-delay: -11s; }
.vv-site > *:not(.vv-sparkle-field):not(.vv-mythic-lab):not(.vv-roaming-vial):not(.vv-age-gate) { position: relative; z-index: 1; }
.vv-brand { perspective: 900px; }
.vv-brand-logo {
  width: 72px;
  height: 72px;
  transform: translateZ(24px) rotateX(4deg);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.88), 0 0 24px rgba(155,92,255,0.62), 0 0 36px rgba(97,247,186,0.34);
  animation: vv-logo-pop 4.8s ease-in-out infinite alternate;
}
.vv-brand span { text-shadow: 0 0 14px rgba(255,255,255,0.25), 0 0 24px rgba(97,247,186,0.24); }
.vv-reconstitution-info-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vv-reconstitution-info { padding: 20px; min-height: 230px; position: relative; }
.vv-reconstitution-info img { display: none; }
.vv-reconstitution-info h3 { margin: 18px 0 8px; color: var(--vv-text, #f9fafb); }
.vv-reconstitution-info p { margin: 0; color: var(--vv-muted, #a9b0c4); line-height: 1.55; }
.vv-step-number { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.92), rgba(97,247,186,0.75) 28%, rgba(155,92,255,0.42) 72%); color: #050612; box-shadow: 0 0 22px rgba(97,247,186,0.55); font-weight: 950; letter-spacing: 0; }
.vv-volume-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.vv-volume-strip span { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(97,247,186,0.38); color: var(--vv-mint, #61f7ba); background: rgba(97,247,186,0.08); box-shadow: 0 0 18px rgba(97,247,186,0.12); font-weight: 900; }
.vv-cursor-sparkle { position: fixed; width: 8px; height: 8px; pointer-events: none; z-index: 9998; border-radius: 50%; background: radial-gradient(circle, #fff 0 20%, #61f7ba 21% 48%, rgba(255,59,181,0.0) 72%); box-shadow: 0 0 14px rgba(97,247,186,0.95), 0 0 20px rgba(255,59,181,0.45); animation: vv-cursor-sparkle 720ms ease-out forwards; }
.vv-cursor-sparkle::after { content: ""; position: absolute; inset: -5px; transform: rotate(45deg); border-left: 1px solid rgba(255,255,255,0.72); border-right: 1px solid rgba(255,255,255,0.38); }
@keyframes vv-logo-pop { 0% { transform: translateZ(12px) rotateX(2deg) scale(1); filter: drop-shadow(0 0 12px rgba(155,92,255,0.45)); } 100% { transform: translateZ(34px) rotateX(7deg) scale(1.08); filter: drop-shadow(0 0 24px rgba(97,247,186,0.52)); } }
@keyframes vv-orbit-slow { to { transform: rotate(360deg); } }
@keyframes vv-float-lab { 0% { transform: translate3d(0, 0, 0) rotate(-8deg); opacity: 0.42; } 100% { transform: translate3d(16px, -26px, 0) rotate(9deg); opacity: 0.82; } }
@keyframes vv-cursor-sparkle { 0% { transform: translate(-50%, -50%) scale(0.45); opacity: 0.95; } 100% { transform: translate(calc(-50% + var(--vv-spark-x, 16px)), calc(-50% + var(--vv-spark-y, -20px))) scale(0); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vv-mythic-lab::before, .vv-mythic-lab::after, .vv-floater, .vv-brand-logo, .vv-cursor-sparkle { animation: none; } .vv-cursor-sparkle { display: none; } }
@media (max-width: 900px) { .vv-reconstitution-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vv-brand-logo { width: 60px; height: 60px; } }
@media (max-width: 560px) { .vv-reconstitution-info-grid { grid-template-columns: 1fr; } .vv-reconstitution-info { min-height: auto; } .vv-floater--molecule, .vv-floater--ring { opacity: 0.35; } }


/* Premium luxury spacecraft genetics-lab direction */
:root {
  --vv-space: #0B1020;
  --vv-space-2: #161126;
  --vv-violet: #8B5CF6;
  --vv-magenta: #FF2DA6;
  --vv-aurora: #4F8CFF;
  --vv-cyan: #00E5FF;
  --vv-mint: #00E5FF;
  --vv-text: #FAFBFF;
  --vv-muted: #B9C2E4;
  --vv-line: rgba(0, 229, 255, 0.24);
}
body.vv-site,
body.vv-site {
  background:
    radial-gradient(circle at 18% 8%, rgba(139, 92, 246, 0.24), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(0, 229, 255, 0.17), transparent 34%),
    radial-gradient(circle at 55% 82%, rgba(255, 45, 166, 0.13), transparent 36%),
    linear-gradient(145deg, #0B1020 0%, #161126 52%, #090A18 100%);
}
.vv-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(255,255,255,0.08) 19%, transparent 21% 52%, rgba(0,229,255,0.08) 53%, transparent 55%),
    radial-gradient(ellipse at 46% 18%, rgba(255,255,255,0.13), transparent 28%);
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.vv-canva-frame,
.vv-panel,
.vv-product-card,
.vv-guide-card,
.vv-trust-pill,
.woocommerce ul.products li.product {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035)),
    radial-gradient(circle at 12% 0%, rgba(0,229,255,0.12), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,45,166,0.10), transparent 40%);
  backdrop-filter: blur(18px);
  border-color: rgba(0, 229, 255, 0.24);
}
.vv-gradient-text {
  background: linear-gradient(118deg, #ffffff 0%, #DDE9FF 20%, #00E5FF 38%, #8B5CF6 62%, #FF2DA6 86%, #ffffff 100%);
  -webkit-background-clip: text;
  color: transparent;
}
.vv-lux-grid,
.vv-review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.vv-lux-card,
.vv-review-card {
  min-height: 210px;
  padding: 22px;
  border-radius: 8px;
  border: 1px solid rgba(0, 229, 255, 0.24);
  background:
    linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035)),
    radial-gradient(circle at 18% 18%, rgba(139,92,246,0.18), transparent 34%);
  box-shadow: 0 22px 70px rgba(0,0,0,0.28), inset 0 0 24px rgba(255,255,255,0.035);
  position: relative;
  overflow: hidden;
}
.vv-lux-card::before,
.vv-review-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0 30%, rgba(255,255,255,0.16) 42%, transparent 54% 100%);
  transform: translateX(-130%);
  animation: vv-holo-sheen 9s ease-in-out infinite;
}
.vv-lux-card:nth-child(2)::before,
.vv-review-card:nth-child(2)::before { animation-delay: -3s; }
.vv-lux-card:nth-child(3)::before,
.vv-review-card:nth-child(3)::before { animation-delay: -6s; }
.vv-lux-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  margin-bottom: 20px;
  color: #fff;
  background: radial-gradient(circle at 30% 18%, rgba(255,255,255,0.95), rgba(0,229,255,0.78) 24%, rgba(139,92,246,0.76) 58%, rgba(255,45,166,0.70));
  box-shadow: 0 0 28px rgba(0,229,255,0.35);
  font-weight: 950;
}
.vv-lux-card h3,
.vv-review-card h3 { margin: 0 0 10px; font-size: 1.08rem; }
.vv-lux-card p,
.vv-review-card p { margin: 0; color: var(--vv-muted); line-height: 1.58; }
.vv-review-stars { color: #fff; letter-spacing: 0.18em; text-shadow: 0 0 12px rgba(255,45,166,0.62); margin-bottom: 14px; }
.vv-review-card cite { display: block; margin-top: 18px; color: var(--vv-cyan); font-style: normal; font-weight: 900; }
.vv-product-art { background: radial-gradient(circle at 50% 22%, rgba(0,229,255,0.26), transparent 34%), linear-gradient(135deg, rgba(139,92,246,0.22), rgba(255,45,166,0.13)); }
.vv-roaming-vial { background: linear-gradient(90deg, rgba(255,255,255,0.35), transparent 28%, rgba(255,255,255,0.16) 48%, transparent 76%), linear-gradient(180deg, transparent 0 38%, rgba(0,229,255,0.68) 39% 100%); box-shadow: 0 0 22px rgba(0,229,255,0.95), 0 0 46px rgba(79,140,255,0.55), 0 0 72px rgba(255,45,166,0.28); }
.vv-roaming-vial::before { background: linear-gradient(135deg, #00E5FF, #4F8CFF 45%, #FF2DA6); }
@keyframes vv-holo-sheen { 0%, 62% { transform: translateX(-130%); } 78%, 100% { transform: translateX(130%); } }
@media (max-width: 900px) { .vv-lux-grid, .vv-review-grid { grid-template-columns: 1fr; } .vv-lux-card, .vv-review-card { min-height: auto; } }


/* 3D logo badge and precision luxury-game interface */
.vv-topbar {
  box-shadow: 0 1px 0 rgba(255,255,255,0.08), 0 0 32px rgba(0,229,255,0.08);
}
.vv-brand {
  position: relative;
  transform-style: preserve-3d;
  isolation: isolate;
}
.vv-brand::before {
  content: "";
  position: absolute;
  left: -10px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background:
    conic-gradient(from 210deg, rgba(0,229,255,0.0), rgba(0,229,255,0.72), rgba(139,92,246,0.68), rgba(255,45,166,0.62), rgba(0,229,255,0.0)),
    radial-gradient(circle, rgba(255,255,255,0.16), transparent 58%);
  filter: blur(1px);
  opacity: 0.9;
  transform: translateZ(-18px) rotateX(62deg);
  animation: vv-logo-orbit 6s linear infinite;
  z-index: -1;
}
.vv-brand::after {
  content: "";
  position: absolute;
  left: -4px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.42);
  box-shadow: inset 0 0 18px rgba(0,229,255,0.28), 0 0 28px rgba(255,45,166,0.18);
  transform: translateZ(10px);
  pointer-events: none;
}
.vv-brand-logo {
  position: relative;
  width: 76px;
  height: 76px;
  border: 2px solid rgba(255,255,255,0.9);
  transform-style: preserve-3d;
  transform: perspective(900px) rotateX(var(--vv-logo-x, 9deg)) rotateY(var(--vv-logo-y, -12deg)) translateZ(32px) scale(1.04);
  box-shadow:
    0 14px 28px rgba(0,0,0,0.38),
    0 0 0 3px rgba(0,229,255,0.16),
    0 0 34px rgba(0,229,255,0.45),
    0 0 60px rgba(255,45,166,0.24);
  background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(221,233,255,0.82));
  animation: vv-logo-breathe 3.8s ease-in-out infinite alternate;
}
.vv-brand:hover .vv-brand-logo { transform: perspective(900px) rotateX(var(--vv-logo-x, 4deg)) rotateY(var(--vv-logo-y, 14deg)) translateZ(46px) scale(1.11); }
.vv-nav { min-height: 86px; }
.vv-primary-nav .vv-menu a,
.vv-primary-nav ul a {
  position: relative;
  padding: 10px 0;
}
.vv-primary-nav .vv-menu a::after,
.vv-primary-nav ul a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--vv-cyan), transparent);
  transform: scaleX(0);
  transition: transform 180ms ease;
}
.vv-primary-nav .vv-menu a:hover::after,
.vv-primary-nav ul a:hover::after { transform: scaleX(1); }
.vv-hero-grid,
.vv-panel,
.vv-lux-card,
.vv-review-card,
.vv-product-card,
.vv-guide-card,
.vv-trust-pill {
  position: relative;
}
.vv-panel::after,
.vv-lux-card::after,
.vv-review-card::after,
.vv-product-card::after,
.vv-guide-card::after,
.vv-trust-pill::after {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  background:
    linear-gradient(var(--vv-cyan), var(--vv-cyan)) left top / 18px 1px no-repeat,
    linear-gradient(var(--vv-cyan), var(--vv-cyan)) left top / 1px 18px no-repeat,
    linear-gradient(var(--vv-magenta), var(--vv-magenta)) right bottom / 18px 1px no-repeat,
    linear-gradient(var(--vv-magenta), var(--vv-magenta)) right bottom / 1px 18px no-repeat;
  opacity: 0.34;
}
.vv-btn,
.vv-icon-btn {
  transform: translateZ(0);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease;
}
.vv-btn:hover,
.vv-icon-btn:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 0 22px rgba(0,229,255,0.28), 0 0 30px rgba(255,45,166,0.16);
}
.vv-lux-card:hover,
.vv-review-card:hover,
.vv-product-card:hover,
.vv-guide-card:hover,
.vv-panel:hover {
  transform: translateY(-3px);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.vv-canva-frame::after {
  content: "LAB INTERFACE // VIAL VIBES";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(0,229,255,0.28);
  border-radius: 8px;
  background: rgba(11,16,32,0.58);
  backdrop-filter: blur(10px);
  color: rgba(250,251,255,0.72);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  pointer-events: none;
}
.vv-mythic-lab {
  background-image:
    linear-gradient(rgba(0,229,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(79,140,255,0.035) 1px, transparent 1px),
    radial-gradient(ellipse at 18% 22%, rgba(0,229,255,0.12), transparent 32%),
    radial-gradient(ellipse at 78% 16%, rgba(255,45,166,0.13), transparent 34%),
    radial-gradient(ellipse at 50% 92%, rgba(139,92,246,0.14), transparent 36%);
  background-size: 64px 64px, 64px 64px, auto, auto, auto;
}
@keyframes vv-logo-orbit { to { transform: translateZ(-18px) rotateX(62deg) rotate(360deg); } }
@keyframes vv-logo-breathe { 0% { filter: brightness(1) saturate(1.05); } 100% { filter: brightness(1.12) saturate(1.25); } }
@media (max-width: 560px) { .vv-nav { min-height: 78px; } .vv-brand-logo { width: 62px; height: 62px; } .vv-brand::before { width: 76px; height: 76px; } .vv-brand::after { width: 66px; height: 66px; } }


/* Full sci-fi biotech gaming lab layer */
:root {
  --vv-violet: #8B5CF6;
  --vv-magenta: #FF2DA6;
  --vv-aurora: #4F8CFF;
  --vv-cyan: #00E5FF;
  --vv-green: #39FF88;
  --vv-space: #0B1020;
  --vv-space-2: #161126;
}
html, body { overflow-x: hidden; }
body.vv-site { background-attachment: fixed; }
.vv-sparkle-field {
  background-size: 320px 320px, 420px 420px, 360px 360px, 500px 500px, 460px 460px;
  animation: vv-stardust-pan 24s linear infinite alternate;
}
.vv-mythic-lab {
  transform: translate3d(0, calc(var(--vv-scroll, 0) * -0.018px), 0);
}
.vv-mythic-lab::before,
.vv-mythic-lab::after {
  border-color: rgba(0,229,255,0.20);
  box-shadow: inset 0 0 52px rgba(79,140,255,0.12), 0 0 88px rgba(255,45,166,0.10);
}
.vv-floating-logo {
  position: fixed;
  top: clamp(92px, 12vh, 132px);
  right: clamp(14px, 3vw, 46px);
  z-index: 2;
  width: clamp(180px, 17vw, 280px);
  max-width: 300px;
  pointer-events: none;
  perspective: 1000px;
  opacity: 0.88;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,0.45));
}
.vv-floating-logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 50%;
  transform: rotateX(8deg) rotateY(-12deg) translateZ(24px);
  background: rgba(255,255,255,0.86);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.82), 0 0 34px rgba(0,229,255,0.40), 0 0 78px rgba(255,45,166,0.28);
  animation: vv-floating-logo-drift 6s ease-in-out infinite alternate;
}
.vv-floating-logo::before {
  content: "";
  position: absolute;
  inset: -7%;
  border-radius: 50%;
  background: conic-gradient(from 180deg, transparent, rgba(0,229,255,0.62), rgba(139,92,246,0.55), rgba(255,45,166,0.58), transparent);
  transform: rotateX(68deg) translateZ(-30px);
  filter: blur(1px);
  animation: vv-logo-orbit-flat 8s linear infinite;
}
.vv-hero-grid > div:last-child { position: relative; min-height: 360px; display: grid; align-items: center; }
.vv-hero-vial-object {
  position: absolute;
  right: clamp(18px, 6vw, 80px);
  top: clamp(18px, 6vh, 54px);
  z-index: 4;
  width: clamp(220px, 24vw, 340px);
  max-width: 360px;
  aspect-ratio: 0.46 / 1;
  pointer-events: none;
  border-radius: 30% 30% 34% 34% / 16% 16% 18% 18%;
  border: 2px solid rgba(255,255,255,0.78);
  background:
    linear-gradient(105deg, rgba(255,255,255,0.46), transparent 22%, rgba(255,255,255,0.14) 43%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,0.10) 0 38%, rgba(57,255,136,0.72) 39% 100%);
  box-shadow: inset 0 0 34px rgba(255,255,255,0.18), 0 0 36px rgba(57,255,136,0.76), 0 0 72px rgba(0,229,255,0.46), 0 20px 46px rgba(0,0,0,0.42);
  transform-style: preserve-3d;
  animation: vv-hero-vial-float 4.8s ease-in-out infinite alternate;
}
.vv-vial-cap {
  position: absolute;
  left: 22%;
  top: -9%;
  width: 56%;
  height: 14%;
  border-radius: 14px 14px 5px 5px;
  background: linear-gradient(135deg, #00E5FF, #8B5CF6 50%, #FF2DA6);
  box-shadow: 0 0 28px rgba(0,229,255,0.74);
}
.vv-vial-liquid {
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 12%;
  height: 42%;
  border-radius: 999px;
  background: radial-gradient(circle at 40% 22%, rgba(255,255,255,0.82), transparent 18%), linear-gradient(180deg, rgba(57,255,136,0.84), rgba(0,229,255,0.42));
  animation: vv-liquid-wave 3.8s ease-in-out infinite alternate;
}
.vv-hero-vial-object::after {
  content: "VIAL VIBES";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 45%;
  min-height: 38px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(11,16,32,0.66);
  border: 1px solid rgba(255,255,255,0.34);
  color: #fff;
  font-size: clamp(0.65rem, 1vw, 0.82rem);
  font-weight: 950;
  letter-spacing: 0.16em;
  text-shadow: 0 0 12px rgba(0,229,255,0.76);
}
.vv-product-card,
.woocommerce ul.products li.product {
  transform-style: preserve-3d;
  transition: transform 190ms ease, box-shadow 190ms ease, border-color 190ms ease;
}
.vv-product-card:hover,
.woocommerce ul.products li.product:hover {
  transform: translateY(-7px) rotateX(1deg);
  border-color: rgba(57,255,136,0.50);
  box-shadow: 0 24px 70px rgba(0,0,0,0.34), 0 0 36px rgba(57,255,136,0.20), inset 0 0 22px rgba(0,229,255,0.06);
}
.vv-product-card .vv-btn-secondary::before,
.woocommerce ul.products li.product .button::before { content: "+ "; }
.woocommerce ul.products li.product .button { font-size: 0; }
.woocommerce ul.products li.product .button::after { content: "Add to Lab"; font-size: 0.8rem; }
.vv-product-body::after,
.woocommerce ul.products li.product::before {
  content: "View COA";
  display: inline-flex;
  margin-top: 12px;
  min-height: 30px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(0,229,255,0.34);
  color: var(--vv-cyan);
  background: rgba(0,229,255,0.06);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vv-product-art img,
.woocommerce ul.products li.product img,
.vv-brand-logo,
.vv-floating-logo img,
.vv-vibe-image {
  object-fit: contain;
  max-width: 100%;
  height: auto;
}
.vv-lux-card,
.vv-review-card,
.vv-reconstitution-info,
.vv-coa-item,
.vv-trust-pill {
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0.11), rgba(255,255,255,0.035)),
    linear-gradient(90deg, rgba(0,229,255,0.06), transparent 32%, rgba(255,45,166,0.05));
}
.vv-cursor-sparkle { will-change: transform, opacity; }
@keyframes vv-stardust-pan { 0% { background-position: 0 0, 40px 20px, 80px 30px, 120px 60px, 160px 90px; } 100% { background-position: 120px -80px, -80px 130px, 180px -90px, -140px 100px, 60px -120px; } }
@keyframes vv-floating-logo-drift { 0% { transform: translate3d(0,0,0) rotateX(6deg) rotateY(-10deg); } 100% { transform: translate3d(-8px,10px,0) rotateX(10deg) rotateY(8deg); } }
@keyframes vv-logo-orbit-flat { to { transform: rotateX(68deg) translateZ(-30px) rotate(360deg); } }
@keyframes vv-hero-vial-float { 0% { transform: translate3d(0, 6px, 0) rotate(-4deg); } 100% { transform: translate3d(-10px, -18px, 0) rotate(5deg); } }
@keyframes vv-liquid-wave { 0% { transform: translateY(4px) scaleY(0.94); border-radius: 58% 42% 50% 50%; } 100% { transform: translateY(-8px) scaleY(1.04); border-radius: 44% 56% 52% 48%; } }
@media (prefers-reduced-motion: reduce) { .vv-floating-logo img, .vv-floating-logo::before, .vv-hero-vial-object, .vv-vial-liquid, .vv-sparkle-field { animation: none; } }
@media (max-width: 900px) { .vv-floating-logo { width: clamp(180px, 24vw, 220px); opacity: 0.62; } .vv-hero-vial-object { width: clamp(220px, 28vw, 280px); max-width: 280px; right: 22px; } }
@media (max-width: 560px) { .vv-floating-logo { width: clamp(130px, 38vw, 170px); top: 86px; opacity: 0.32; } .vv-hero-grid > div:last-child { min-height: 280px; } .vv-hero-vial-object { width: clamp(150px, 45vw, 210px); max-width: 210px; right: 12px; top: 28px; opacity: 0.82; } }


/* Front-stage logo, bouncy embedded-style vial, bold helixes, extra sparkle */
.vv-floating-logo { z-index: 30; top: clamp(92px, 13vh, 138px); right: clamp(14px, 3vw, 40px); width: clamp(190px, 17vw, 290px); max-width: 300px; opacity: 0.96; pointer-events: none; mix-blend-mode: normal; }
.vv-floating-logo img { transform: perspective(1000px) rotateX(8deg) rotateY(-13deg) translateZ(46px) scale(1.02); box-shadow: 0 24px 42px rgba(0,0,0,0.48), 0 0 0 3px rgba(255,255,255,0.86), 0 0 38px rgba(255,45,166,0.44), 0 0 74px rgba(139,92,246,0.38), 0 0 96px rgba(0,229,255,0.26); animation: vv-front-logo-pop 4.2s ease-in-out infinite alternate; }
.vv-floating-logo::before { opacity: 1; filter: blur(0.5px) brightness(1.25); }
.vv-brand-logo { z-index: 35; }
.vv-bold-helix { position: fixed; z-index: 0; pointer-events: none; width: clamp(96px, 11vw, 170px); height: clamp(260px, 32vh, 420px); opacity: 0.78; border-left: 7px solid rgba(255,45,166,0.72); border-right: 7px solid rgba(139,92,246,0.72); border-radius: 50%; box-shadow: 0 0 28px rgba(255,45,166,0.22), inset 0 0 18px rgba(139,92,246,0.18); filter: drop-shadow(0 0 22px rgba(255,45,166,0.34)); animation: vv-bold-helix-drift 18s ease-in-out infinite alternate; }
.vv-bold-helix::before { content: ""; position: absolute; inset: 8% 15%; background: repeating-linear-gradient(to bottom, rgba(255,45,166,0.95) 0 5px, transparent 5px 25px), repeating-linear-gradient(to bottom, transparent 0 13px, rgba(0,229,255,0.70) 13px 18px, transparent 18px 30px); clip-path: polygon(50% 0, 82% 8%, 50% 16%, 82% 24%, 50% 32%, 82% 40%, 50% 48%, 82% 56%, 50% 64%, 82% 72%, 50% 80%, 82% 88%, 50% 100%, 18% 88%, 50% 80%, 18% 72%, 50% 64%, 18% 56%, 50% 48%, 18% 40%, 50% 32%, 18% 24%, 50% 16%, 18% 8%); }
.vv-bold-helix--one { left: 4%; top: 18%; transform: rotate(-18deg); }
.vv-bold-helix--two { right: 8%; top: 42%; transform: rotate(19deg); animation-delay: -6s; }
.vv-bold-helix--three { left: 45%; top: 5%; width: clamp(70px, 8vw, 120px); height: clamp(180px, 25vh, 320px); opacity: 0.58; transform: rotate(58deg); animation-delay: -10s; }
.vv-sparkle-field { background-image: radial-gradient(1px 1px at 7% 11%, rgba(255,255,255,1), transparent 62%), radial-gradient(2px 2px at 12% 20%, rgba(255,45,166,0.95), transparent 64%), radial-gradient(1px 1px at 28% 72%, rgba(139,92,246,0.95), transparent 62%), radial-gradient(2px 2px at 42% 36%, rgba(0,229,255,0.88), transparent 64%), radial-gradient(2px 2px at 66% 18%, rgba(255,255,255,0.95), transparent 62%), radial-gradient(3px 3px at 82% 78%, rgba(255,45,166,0.84), transparent 65%), radial-gradient(1px 1px at 91% 30%, rgba(57,255,136,0.9), transparent 62%); opacity: 1; }
.vv-sparkle-field::before, .vv-sparkle-field::after { opacity: 0.92; }
.vv-hero-vial-object { z-index: 8; width: clamp(250px, 22vw, 350px); max-width: 360px; border-radius: 28px 28px 44px 44px / 18px 18px 32px 32px; transform-origin: 50% 18%; background: linear-gradient(105deg, rgba(255,255,255,0.56), transparent 19%, rgba(255,255,255,0.20) 41%, transparent 66%), radial-gradient(circle at 50% 16%, rgba(255,255,255,0.38), transparent 18%), linear-gradient(180deg, rgba(255,255,255,0.10) 0 39%, rgba(255,45,166,0.30) 40% 45%, rgba(57,255,136,0.78) 46% 100%); box-shadow: inset 0 0 38px rgba(255,255,255,0.22), inset 14px 0 28px rgba(255,255,255,0.12), 0 0 42px rgba(57,255,136,0.86), 0 0 82px rgba(255,45,166,0.45), 0 26px 52px rgba(0,0,0,0.46); animation: vv-hero-vial-bounce 3.2s cubic-bezier(.4,0,.2,1) infinite; }
.vv-hero-vial-object::before { content: ""; position: absolute; inset: -18px -26px; border-radius: 38px; background: radial-gradient(circle at 50% 15%, rgba(255,255,255,0.34), transparent 18%), radial-gradient(circle at 50% 60%, rgba(255,45,166,0.18), transparent 42%); filter: blur(10px); z-index: -1; }
.vv-vial-cap { height: 16%; top: -10%; border: 1px solid rgba(255,255,255,0.66); }
.vv-vial-liquid { background: radial-gradient(circle at 42% 22%, rgba(255,255,255,0.92), transparent 18%), linear-gradient(180deg, rgba(57,255,136,0.90), rgba(0,229,255,0.48)); box-shadow: inset 0 0 22px rgba(255,255,255,0.18), 0 0 24px rgba(57,255,136,0.45); }
.vv-cursor-sparkle { width: 10px; height: 10px; }
@keyframes vv-front-logo-pop { 0% { transform: perspective(1000px) rotateX(7deg) rotateY(-13deg) translateZ(36px) scale(1); } 100% { transform: perspective(1000px) rotateX(12deg) rotateY(9deg) translateZ(58px) scale(1.075); } }
@keyframes vv-bold-helix-drift { 0% { translate: 0 0; opacity: 0.55; } 50% { opacity: 0.9; } 100% { translate: 18px -34px; opacity: 0.7; } }
@keyframes vv-hero-vial-bounce { 0%, 100% { transform: translate3d(0, -6px, 0) rotate(-4deg) scale(1); } 45% { transform: translate3d(-8px, -28px, 0) rotate(5deg) scale(1.035); } 62% { transform: translate3d(-5px, -16px, 0) rotate(2deg) scale(0.985); } }
@media (prefers-reduced-motion: reduce) { .vv-bold-helix, .vv-hero-vial-object, .vv-floating-logo img { animation: none; } }
@media (max-width: 900px) { .vv-floating-logo { width: clamp(180px, 24vw, 220px); z-index: 22; opacity: 0.82; } .vv-hero-vial-object { width: clamp(220px, 28vw, 280px); max-width: 280px; } .vv-bold-helix { width: 90px; height: 250px; border-left-width: 5px; border-right-width: 5px; } }
@media (max-width: 560px) { .vv-floating-logo { width: clamp(130px, 38vw, 170px); top: 92px; right: 8px; opacity: 0.74; } .vv-hero-vial-object { width: clamp(150px, 44vw, 210px); max-width: 210px; } .vv-bold-helix--one { left: -22px; top: 22%; } .vv-bold-helix--two { right: -20px; top: 55%; } .vv-bold-helix--three { opacity: 0.42; } }


/* Bright movement-only sparkle trail */
body.vv-site, body.vv-site * { cursor: auto; }
.vv-cursor-sparkle {
  position: fixed;
  width: var(--vv-spark-size, 12px);
  height: var(--vv-spark-size, 12px);
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 9999;
  border-radius: 50%;
  background:
    radial-gradient(circle, #ffffff 0 18%, #39FF88 19% 36%, #00E5FF 37% 52%, rgba(255,45,166,0) 74%);
  box-shadow:
    0 0 12px rgba(255,255,255,0.95),
    0 0 24px rgba(57,255,136,0.95),
    0 0 42px rgba(0,229,255,0.72),
    0 0 62px rgba(255,45,166,0.52);
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) scale(1);
  animation: vv-trail-sparkle 920ms ease-out forwards;
}
.vv-cursor-sparkle::before,
.vv-cursor-sparkle::after {
  content: "";
  position: absolute;
  inset: -9px;
  border-radius: inherit;
  background:
    linear-gradient(90deg, transparent 42%, rgba(255,255,255,0.95) 48% 52%, transparent 58%),
    linear-gradient(0deg, transparent 42%, rgba(255,45,166,0.92) 48% 52%, transparent 58%);
  filter: drop-shadow(0 0 12px rgba(255,45,166,0.8));
}
.vv-cursor-sparkle::after {
  transform: rotate(45deg) scale(0.72);
  opacity: 0.86;
  background:
    linear-gradient(90deg, transparent 42%, rgba(0,229,255,0.92) 48% 52%, transparent 58%),
    linear-gradient(0deg, transparent 42%, rgba(57,255,136,0.92) 48% 52%, transparent 58%);
}
@keyframes vv-trail-sparkle {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(0.25) rotate(0deg); }
  35% { opacity: 1; transform: translate(calc(-50% + var(--vv-spark-x, 0px)), calc(-50% + var(--vv-spark-y, 0px))) scale(1.15) rotate(90deg); }
  100% { opacity: 0; transform: translate(calc(-50% + var(--vv-spark-x, 0px)), calc(-50% + var(--vv-spark-y, 0px))) scale(0.08) rotate(180deg); }
}
@media (prefers-reduced-motion: reduce) { .vv-cursor-sparkle { display: none; } }


/* Front 3D logo, clean wordmark header, and lime syringe hero object */
.vv-brand-mark,
.vv-brand-logo {
  display: none !important;
}
.vv-brand-wordmark {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(0,229,255,0.24);
  border-radius: 999px;
  color: #fff;
  background: rgba(11,16,32,0.58);
  box-shadow: 0 0 22px rgba(0,229,255,0.12), inset 0 0 16px rgba(255,255,255,0.04);
  font-weight: 950;
  letter-spacing: 0.04em;
  text-shadow: 0 0 14px rgba(0,229,255,0.42), 0 0 20px rgba(255,45,166,0.20);
}
.vv-floating-logo {
  z-index: 80 !important;
  opacity: 1 !important;
  pointer-events: none;
  filter: drop-shadow(0 28px 42px rgba(0,0,0,0.58));
}
.vv-floating-logo img {
  background: rgba(255,255,255,0.94);
  transform: perspective(1000px) rotateX(10deg) rotateY(-16deg) translateZ(72px) scale(1.08);
  box-shadow:
    0 30px 58px rgba(0,0,0,0.58),
    0 0 0 4px rgba(255,255,255,0.92),
    0 0 46px rgba(57,255,136,0.42),
    0 0 84px rgba(0,229,255,0.38),
    0 0 118px rgba(255,45,166,0.34);
}
.vv-floating-logo::after {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: linear-gradient(130deg, rgba(255,255,255,0.34), transparent 28%, transparent 68%, rgba(255,255,255,0.20));
  pointer-events: none;
  mix-blend-mode: screen;
}
.vv-hero-copy {
  position: relative;
  isolation: isolate;
}
.vv-hero-copy > .vv-eyebrow,
.vv-hero-copy > h1,
.vv-hero-copy > .vv-subhead,
.vv-hero-copy > .vv-hero-actions,
.vv-hero-copy > .vv-trust-row {
  position: relative;
  z-index: 2;
}
.vv-hero-syringe {
  position: absolute;
  z-index: 0;
  left: clamp(14px, 8vw, 82px);
  top: clamp(70px, 12vh, 122px);
  width: clamp(260px, 36vw, 540px);
  height: clamp(76px, 9vw, 126px);
  transform: rotate(-12deg);
  pointer-events: none;
  opacity: 0.92;
  filter: drop-shadow(0 0 28px rgba(57,255,136,0.82)) drop-shadow(0 0 56px rgba(0,229,255,0.34));
  animation: vv-syringe-hover 4.2s ease-in-out infinite alternate;
}
.vv-syringe-barrel {
  position: absolute;
  left: 18%;
  top: 30%;
  width: 58%;
  height: 42%;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.78);
  background:
    linear-gradient(90deg, rgba(255,255,255,0.38), transparent 22%, rgba(255,255,255,0.14) 52%, transparent 80%),
    rgba(255,255,255,0.08);
  box-shadow: inset 0 0 22px rgba(255,255,255,0.14), 0 0 26px rgba(57,255,136,0.38);
}
.vv-syringe-liquid {
  position: absolute;
  left: 23%;
  top: 39%;
  width: 45%;
  height: 24%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(57,255,136,0.95), rgba(0,229,255,0.64));
  box-shadow: 0 0 18px rgba(57,255,136,0.95), 0 0 42px rgba(57,255,136,0.54);
  animation: vv-syringe-liquid 2.6s ease-in-out infinite alternate;
}
.vv-syringe-plunger {
  position: absolute;
  left: 0;
  top: 42%;
  width: 20%;
  height: 10%;
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  box-shadow: -18px 0 0 rgba(255,255,255,0.34), 0 0 18px rgba(255,255,255,0.42);
}
.vv-syringe-plunger::before {
  content: "";
  position: absolute;
  left: -10px;
  top: -18px;
  width: 16px;
  height: 46px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,0.70);
}
.vv-syringe-needle {
  position: absolute;
  left: 75%;
  top: 48%;
  width: 25%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(0,229,255,0.7), transparent);
  box-shadow: 0 0 14px rgba(0,229,255,0.65);
}
.vv-syringe-needle::after {
  content: "";
  position: absolute;
  right: -10px;
  top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #39FF88;
  box-shadow: 0 0 16px rgba(57,255,136,1), 0 0 34px rgba(57,255,136,0.82), 0 0 58px rgba(0,229,255,0.46);
}
@keyframes vv-syringe-hover {
  0% { transform: translate3d(0, 0, 0) rotate(-12deg) scale(1); opacity: 0.78; }
  100% { transform: translate3d(18px, -16px, 0) rotate(-8deg) scale(1.04); opacity: 1; }
}
@keyframes vv-syringe-liquid {
  0% { width: 38%; opacity: 0.76; }
  100% { width: 49%; opacity: 1; }
}
@media (max-width: 900px) {
  .vv-floating-logo { z-index: 60 !important; opacity: 0.92 !important; }
  .vv-hero-syringe { width: clamp(230px, 48vw, 410px); top: 82px; left: 8px; opacity: 0.74; }
}
@media (max-width: 560px) {
  .vv-floating-logo { width: clamp(130px, 38vw, 170px); opacity: 0.86 !important; }
  .vv-brand-wordmark { padding: 0 12px; font-size: 0.9rem; }
  .vv-hero-syringe { width: clamp(220px, 76vw, 320px); top: 74px; left: -14px; opacity: 0.55; transform: rotate(-16deg); }
}


/* Final logo/syringe placement overrides */
body.vv-site > .vv-floating-logo,
body > .vv-floating-logo {
  position: fixed !important;
  z-index: 999 !important;
  top: clamp(104px, 14vh, 150px) !important;
  right: clamp(14px, 3vw, 40px) !important;
  width: clamp(190px, 17vw, 290px) !important;
  max-width: 300px !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transform: none !important;
}
body.vv-site > .vv-floating-logo img,
body > .vv-floating-logo img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transform: perspective(1000px) rotateX(10deg) rotateY(-16deg) translateZ(72px) scale(1.08) !important;
}
.vv-hero-copy,
.hero-grid > .vv-hero-copy {
  position: relative !important;
  isolation: isolate;
}
.vv-hero-copy > .eyebrow,
.vv-hero-copy > .vv-eyebrow,
.vv-hero-copy > h1,
.vv-hero-copy > .subhead,
.vv-hero-copy > .vv-subhead,
.vv-hero-copy > .hero-actions,
.vv-hero-copy > .vv-hero-actions,
.vv-hero-copy > .trust-row,
.vv-hero-copy > .vv-trust-row {
  position: relative;
  z-index: 2;
}
.vv-hero-grid > div:last-child > .vv-hero-vial-object,
.hero-grid > div:last-child > .vv-hero-vial-object {
  display: none !important;
}
.vv-hero-copy .vv-hero-syringe {
  display: block !important;
  z-index: 0;
  left: clamp(-4px, 4vw, 54px);
  top: clamp(58px, 10vh, 96px);
  width: clamp(300px, 43vw, 620px);
  height: clamp(78px, 10vw, 138px);
  opacity: 0.94;
}
@media (max-width: 900px) {
  body.vv-site > .vv-floating-logo,
  body > .vv-floating-logo { width: clamp(180px, 24vw, 220px) !important; z-index: 999 !important; opacity: 0.92 !important; }
  .vv-hero-copy .vv-hero-syringe { width: clamp(260px, 58vw, 460px); top: 70px; opacity: 0.72; }
}
@media (max-width: 560px) {
  body.vv-site > .vv-floating-logo,
  body > .vv-floating-logo { width: clamp(130px, 38vw, 170px) !important; top: 88px !important; right: 8px !important; opacity: 0.88 !important; }
  .vv-hero-copy .vv-hero-syringe { width: clamp(240px, 84vw, 350px); top: 70px; left: -22px; opacity: 0.56; }
}


/* Static preview syringe fallback */
.hero-grid > div:first-child { position: relative; isolation: isolate; }
.hero-grid > div:first-child > .vv-hero-syringe { display: block !important; position: absolute; z-index: 0; left: clamp(-4px, 4vw, 54px); top: clamp(58px, 10vh, 96px); width: clamp(300px, 43vw, 620px); height: clamp(78px, 10vw, 138px); opacity: 0.94; }
.hero-grid > div:first-child > .eyebrow,
.hero-grid > div:first-child > h1,
.hero-grid > div:first-child > .subhead,
.hero-grid > div:first-child > .hero-actions,
.hero-grid > div:first-child > .trust-row { position: relative; z-index: 2; }
@media (max-width: 560px) { .hero-grid > div:first-child > .vv-hero-syringe { width: clamp(240px, 84vw, 350px); top: 70px; left: -22px; opacity: 0.56; } }


/* Header logo replacement while keeping large 3D logo front-stage */
.vv-brand-wordmark { display: none !important; }
.vv-nav-logo {
  display: block !important;
  width: auto !important;
  height: 46px !important;
  max-width: 130px !important;
  object-fit: contain !important;
  border-radius: 50%;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.72), 0 0 18px rgba(0,229,255,0.34), 0 0 28px rgba(255,45,166,0.20);
  transform: perspective(500px) rotateX(4deg) rotateY(-7deg);
}
.brand .vv-nav-logo,
.vv-brand .vv-nav-logo { flex: 0 0 auto; }
body.vv-site > .vv-floating-logo,
body > .vv-floating-logo {
  position: fixed !important;
  z-index: 999 !important;
  display: block !important;
  top: clamp(92px, 12vh, 132px) !important;
  right: clamp(14px, 3vw, 40px) !important;
  width: clamp(190px, 17vw, 290px) !important;
  max-width: 300px !important;
  opacity: 1 !important;
  pointer-events: none !important;
  animation: vv-floating-logo-container 5.8s ease-in-out infinite alternate;
}
body.vv-site > .vv-floating-logo img,
body > .vv-floating-logo img {
  animation: vv-front-logo-pop 4.2s ease-in-out infinite alternate !important;
}
@keyframes vv-floating-logo-container { 0% { translate: 0 0; } 100% { translate: -10px 12px; } }
@media (max-width: 560px) {
  .vv-nav-logo { height: 42px !important; max-width: 112px !important; }
  body.vv-site > .vv-floating-logo,
  body > .vv-floating-logo { width: clamp(130px, 38vw, 170px) !important; top: 86px !important; right: 8px !important; opacity: 0.88 !important; }
}


/* Replace symbol floaters with thick sparkly pink and purple DNA strands */
.vv-floater--star,
.vv-floater--sigil {
  display: none !important;
}
.vv-dna-strand {
  position: absolute;
  pointer-events: none;
  width: clamp(94px, 10vw, 170px);
  height: clamp(300px, 42vh, 560px);
  border-left: 8px solid rgba(255, 45, 166, 0.82);
  border-right: 8px solid rgba(139, 92, 246, 0.86);
  border-radius: 50%;
  opacity: 0.86;
  filter:
    drop-shadow(0 0 16px rgba(255, 45, 166, 0.72))
    drop-shadow(0 0 28px rgba(139, 92, 246, 0.58))
    drop-shadow(0 0 38px rgba(0, 229, 255, 0.22));
  animation: vv-visible-dna-drift 18s ease-in-out infinite alternate;
}
.vv-dna-strand::before {
  content: "";
  position: absolute;
  inset: 5% 13%;
  background:
    repeating-linear-gradient(to bottom, rgba(255,45,166,0.98) 0 6px, transparent 6px 28px),
    repeating-linear-gradient(to bottom, transparent 0 13px, rgba(139,92,246,0.96) 13px 19px, transparent 19px 34px),
    repeating-linear-gradient(to bottom, transparent 0 20px, rgba(255,255,255,0.78) 20px 24px, transparent 24px 40px);
  clip-path: polygon(50% 0, 88% 7%, 50% 14%, 88% 21%, 50% 28%, 88% 35%, 50% 42%, 88% 49%, 50% 56%, 88% 63%, 50% 70%, 88% 77%, 50% 84%, 88% 91%, 50% 100%, 12% 91%, 50% 84%, 12% 77%, 50% 70%, 12% 63%, 50% 56%, 12% 49%, 50% 42%, 12% 35%, 50% 28%, 12% 21%, 50% 14%, 12% 7%);
  filter: drop-shadow(0 0 10px rgba(255,255,255,0.42));
}
.vv-dna-strand::after {
  content: "";
  position: absolute;
  inset: -18px;
  background:
    radial-gradient(4px 4px at 20% 12%, rgba(255,255,255,0.98), transparent 60%),
    radial-gradient(5px 5px at 78% 22%, rgba(255,45,166,0.95), transparent 60%),
    radial-gradient(4px 4px at 32% 46%, rgba(139,92,246,0.98), transparent 60%),
    radial-gradient(5px 5px at 84% 68%, rgba(255,255,255,0.90), transparent 60%),
    radial-gradient(4px 4px at 18% 86%, rgba(0,229,255,0.86), transparent 60%);
  animation: vv-dna-sparkle-twinkle 2.4s ease-in-out infinite alternate;
}
.vv-dna-strand--a { left: 3%; top: 14%; transform: rotate(-18deg); }
.vv-dna-strand--b { right: 5%; top: 28%; transform: rotate(16deg); animation-delay: -5s; }
.vv-dna-strand--c { left: 42%; top: 4%; width: clamp(76px, 8vw, 132px); height: clamp(230px, 34vh, 410px); opacity: 0.72; transform: rotate(62deg); animation-delay: -9s; }
.vv-dna-strand--d { left: 18%; bottom: -8%; width: clamp(82px, 9vw, 145px); height: clamp(260px, 36vh, 470px); opacity: 0.68; transform: rotate(28deg); animation-delay: -12s; }
@keyframes vv-visible-dna-drift {
  0% { translate: 0 0; opacity: 0.64; }
  45% { opacity: 0.94; }
  100% { translate: 18px -32px; opacity: 0.78; }
}
@keyframes vv-dna-sparkle-twinkle {
  0% { opacity: 0.38; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1.04); }
}
@media (max-width: 560px) {
  .vv-dna-strand { width: 76px; height: 260px; border-left-width: 6px; border-right-width: 6px; opacity: 0.62; }
  .vv-dna-strand--a { left: -22px; top: 20%; }
  .vv-dna-strand--b { right: -24px; top: 50%; }
  .vv-dna-strand--c { opacity: 0.44; }
  .vv-dna-strand--d { opacity: 0.42; }
}


/* Move the big animated 3D logo into the header only */
body.vv-site > .vv-floating-logo,
body > .vv-floating-logo {
  display: none !important;
}
.vv-topbar,
.topbar {
  min-height: clamp(150px, 18vh, 220px) !important;
  overflow: visible !important;
}
.vv-nav,
.nav {
  min-height: clamp(150px, 18vh, 220px) !important;
  align-items: center !important;
}
.vv-brand,
.brand {
  perspective: 1200px;
  transform-style: preserve-3d;
  min-width: clamp(190px, 22vw, 300px);
  min-height: clamp(120px, 15vh, 190px);
  display: inline-grid !important;
  place-items: center;
}
.vv-brand::before,
.brand::before {
  content: "";
  position: absolute;
  width: clamp(190px, 22vw, 300px);
  height: clamp(190px, 22vw, 300px);
  border-radius: 50%;
  background: conic-gradient(from 180deg, transparent, rgba(0,229,255,0.68), rgba(139,92,246,0.66), rgba(255,45,166,0.64), transparent);
  transform: rotateX(68deg) translateZ(-38px);
  filter: blur(1px) brightness(1.15);
  opacity: 0.86;
  animation: vv-header-logo-orbit 8s linear infinite;
  pointer-events: none;
}
.vv-nav-logo {
  width: clamp(190px, 22vw, 300px) !important;
  max-width: 300px !important;
  height: auto !important;
  max-height: clamp(130px, 17vh, 205px) !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.94) !important;
  box-shadow:
    0 28px 48px rgba(0,0,0,0.42),
    0 0 0 4px rgba(255,255,255,0.88),
    0 0 44px rgba(57,255,136,0.36),
    0 0 78px rgba(0,229,255,0.34),
    0 0 118px rgba(255,45,166,0.30) !important;
  transform: perspective(1000px) rotateX(9deg) rotateY(-15deg) translateZ(44px) scale(1.03) !important;
  animation: vv-header-logo-float 4.6s ease-in-out infinite alternate !important;
  position: relative;
  z-index: 5;
}
.vv-brand:hover .vv-nav-logo,
.brand:hover .vv-nav-logo {
  transform: perspective(1000px) rotateX(13deg) rotateY(10deg) translateZ(62px) scale(1.08) !important;
}
.vv-primary-nav,
.nav-links,
.vv-nav-actions,
.nav-actions {
  position: relative;
  z-index: 6;
}
@keyframes vv-header-logo-orbit {
  to { transform: rotateX(68deg) translateZ(-38px) rotate(360deg); }
}
@keyframes vv-header-logo-float {
  0% { translate: 0 0; filter: brightness(1) saturate(1.08); }
  100% { translate: -8px 10px; filter: brightness(1.12) saturate(1.25); }
}
@media (max-width: 900px) {
  .vv-topbar, .topbar, .vv-nav, .nav { min-height: 150px !important; }
  .vv-brand, .brand { min-width: clamp(180px, 28vw, 220px); min-height: 132px; }
  .vv-nav-logo { width: clamp(180px, 28vw, 220px) !important; max-height: 140px !important; }
  .vv-brand::before, .brand::before { width: clamp(180px, 28vw, 220px); height: clamp(180px, 28vw, 220px); }
}
@media (max-width: 560px) {
  .vv-topbar, .topbar { min-height: 132px !important; }
  .vv-nav, .nav { min-height: 132px !important; gap: 10px; }
  .vv-brand, .brand { min-width: clamp(130px, 42vw, 170px); min-height: 112px; }
  .vv-nav-logo { width: clamp(130px, 42vw, 170px) !important; max-height: 112px !important; }
  .vv-brand::before, .brand::before { width: clamp(130px, 42vw, 170px); height: clamp(130px, 42vw, 170px); }
}


/* Transparent floating embed feel, clearer helix DNA, and heavier sparkle */
.canva-frame,
.vv-canva-frame {
  background: transparent !important;
  border-color: rgba(0,229,255,0.10) !important;
  box-shadow: none !important;
  overflow: visible !important;
  animation: vv-embed-vial-bounce 5.2s ease-in-out infinite alternate;
}
.canva-frame::before,
.vv-canva-frame::before {
  content: "";
  position: absolute;
  inset: 8% 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(57,255,136,0.22), rgba(0,229,255,0.10) 38%, transparent 68%);
  filter: blur(14px);
  z-index: -1;
  animation: vv-vial-aura-pulse 2.8s ease-in-out infinite alternate;
}
.canva-frame::after,
.vv-canva-frame::after {
  display: none !important;
}
.canva-frame iframe,
.vv-canva-frame iframe {
  border-radius: 18px;
  background: transparent !important;
  filter: drop-shadow(0 0 28px rgba(57,255,136,0.40)) drop-shadow(0 0 44px rgba(255,45,166,0.24));
}
.vv-svg-helix {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: clamp(120px, 12vw, 210px);
  height: clamp(380px, 54vh, 680px);
  opacity: 0.9;
  filter: drop-shadow(0 0 18px rgba(255,45,166,0.74)) drop-shadow(0 0 32px rgba(139,92,246,0.62));
  animation: vv-svg-helix-float 17s ease-in-out infinite alternate;
}
.vv-svg-helix svg { width: 100%; height: 100%; overflow: visible; }
.vv-helix-path {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 18 10;
  animation: vv-helix-dash 5.5s linear infinite;
}
.vv-helix-path-a { stroke: rgba(255,45,166,0.96); }
.vv-helix-path-b { stroke: rgba(139,92,246,0.96); animation-direction: reverse; }
.vv-helix-rungs path {
  fill: none;
  stroke: rgba(0,229,255,0.78);
  stroke-width: 7;
  stroke-linecap: round;
  filter: drop-shadow(0 0 12px rgba(0,229,255,0.65));
}
.vv-svg-helix::after {
  content: "";
  position: absolute;
  inset: -24px;
  background:
    radial-gradient(5px 5px at 22% 10%, rgba(255,255,255,1), transparent 60%),
    radial-gradient(5px 5px at 76% 22%, rgba(255,45,166,0.96), transparent 60%),
    radial-gradient(4px 4px at 34% 44%, rgba(139,92,246,1), transparent 60%),
    radial-gradient(6px 6px at 82% 68%, rgba(255,255,255,0.95), transparent 60%),
    radial-gradient(5px 5px at 18% 84%, rgba(0,229,255,0.9), transparent 60%);
  animation: vv-dna-sparkle-twinkle 1.8s ease-in-out infinite alternate;
}
.vv-svg-helix--one { left: 3%; top: 9%; transform: rotate(-16deg); }
.vv-svg-helix--two { right: 3%; top: 28%; transform: rotate(17deg); animation-delay: -6s; }
.vv-svg-helix--three { left: 42%; top: 2%; width: clamp(96px, 10vw, 170px); height: clamp(300px, 44vh, 560px); opacity: 0.72; transform: rotate(60deg); animation-delay: -10s; }
.vv-bold-helix { opacity: 0.32 !important; }
.vv-sparkle-field {
  background-image:
    radial-gradient(1px 1px at 4% 8%, #fff, transparent 62%),
    radial-gradient(3px 3px at 9% 18%, rgba(255,45,166,1), transparent 64%),
    radial-gradient(2px 2px at 16% 48%, rgba(255,255,255,0.95), transparent 62%),
    radial-gradient(3px 3px at 24% 72%, rgba(139,92,246,1), transparent 64%),
    radial-gradient(2px 2px at 33% 28%, rgba(57,255,136,0.95), transparent 62%),
    radial-gradient(3px 3px at 42% 36%, rgba(0,229,255,0.95), transparent 64%),
    radial-gradient(2px 2px at 51% 60%, rgba(255,255,255,0.9), transparent 62%),
    radial-gradient(3px 3px at 66% 18%, rgba(255,45,166,0.95), transparent 64%),
    radial-gradient(2px 2px at 75% 50%, rgba(139,92,246,0.96), transparent 62%),
    radial-gradient(4px 4px at 84% 78%, rgba(255,255,255,1), transparent 65%),
    radial-gradient(2px 2px at 93% 31%, rgba(57,255,136,0.95), transparent 62%);
  opacity: 1 !important;
}
@keyframes vv-embed-vial-bounce { 0% { transform: translate3d(0, 8px, 0) rotate(-1deg) scale(0.98); } 100% { transform: translate3d(-10px, -18px, 0) rotate(2deg) scale(1.03); } }
@keyframes vv-vial-aura-pulse { 0% { opacity: 0.45; transform: scale(0.94); } 100% { opacity: 1; transform: scale(1.08); } }
@keyframes vv-svg-helix-float { 0% { translate: 0 0; opacity: 0.72; } 100% { translate: 22px -34px; opacity: 0.96; } }
@keyframes vv-helix-dash { to { stroke-dashoffset: -120; } }
@media (prefers-reduced-motion: reduce) { .canva-frame, .vv-canva-frame, .vv-svg-helix, .vv-helix-path, .vv-svg-helix::after { animation: none !important; } }
@media (max-width: 560px) { .vv-svg-helix { width: 86px; height: 300px; opacity: 0.72; } .vv-helix-path { stroke-width: 8; } .vv-helix-rungs path { stroke-width: 5; } .vv-svg-helix--one { left: -24px; top: 18%; } .vv-svg-helix--two { right: -24px; top: 52%; } }


/* Transparent bouncing Vial Vibes vial adapted from supplied code */
.vv-vial-arena { position: relative; width: 100%; min-height: clamp(300px, 42vw, 460px); overflow: hidden; background: transparent !important; border: 0 !important; box-shadow: none !important; isolation: isolate; }
.vv-vial-arena::before { content: ""; position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(circle, rgba(57,255,136,0.18), rgba(0,229,255,0.10) 36%, rgba(255,45,166,0.08) 56%, transparent 72%); filter: blur(14px); animation: vv-vial-aura-pulse 2.8s ease-in-out infinite alternate; }
.vv-bouncing-vial { position: absolute; left: 0; top: 0; width: clamp(150px, 22vw, 260px); height: calc(clamp(150px, 22vw, 260px) * 1.8); transform: translate3d(0, 0, 0); will-change: transform; pointer-events: none; }
.vv-bouncing-vial-svg { position: relative; z-index: 2; display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 16px rgba(57,255,136,0.72)) drop-shadow(0 0 34px rgba(0,229,255,0.44)) drop-shadow(0 0 46px rgba(255,45,166,0.28)); }
.vv-vial-label { position: absolute; top: 30%; left: 50%; z-index: 5; width: 74%; height: 30%; object-fit: contain; transform: translateX(-50%); border-radius: 50% / 20%; opacity: 0.94; background: rgba(255,255,255,0.78); filter: drop-shadow(0 0 12px rgba(139,92,246,0.46)); }
.liquid-shimmer { animation: vv-liquid-shimmer 3s ease-in-out infinite; }
@keyframes vv-liquid-shimmer { 0%, 100% { opacity: 0.82; } 50% { opacity: 1; } }
@media (max-width: 900px) { .vv-bouncing-vial { width: clamp(140px, 28vw, 220px); height: calc(clamp(140px, 28vw, 220px) * 1.8); } }
@media (max-width: 560px) { .vv-vial-arena { min-height: 300px; } .vv-bouncing-vial { width: clamp(120px, 42vw, 190px); height: calc(clamp(120px, 42vw, 190px) * 1.8); } }
@media (prefers-reduced-motion: reduce) { .liquid-shimmer, .vv-vial-arena::before { animation: none !important; } }


/* Remove symbol floaters that can render as question marks; use drawn molecule nets instead */
.vv-floater,
.vv-floater::before,
.vv-floater::after {
  display: none !important;
  content: none !important;
}
.vv-molecule-net {
  position: absolute;
  z-index: 0;
  width: 190px;
  height: 150px;
  pointer-events: none;
  opacity: 0.76;
  filter: drop-shadow(0 0 18px rgba(0,229,255,0.42)) drop-shadow(0 0 28px rgba(255,45,166,0.22));
  background:
    linear-gradient(28deg, transparent 19%, rgba(0,229,255,0.62) 20% 21%, transparent 22% 100%),
    linear-gradient(145deg, transparent 24%, rgba(255,45,166,0.52) 25% 26%, transparent 27% 100%),
    linear-gradient(90deg, transparent 30%, rgba(139,92,246,0.52) 31% 32%, transparent 33% 100%),
    linear-gradient(118deg, transparent 52%, rgba(57,255,136,0.46) 53% 54%, transparent 55% 100%);
  animation: vv-molecule-net-drift 16s ease-in-out infinite alternate;
}
.vv-molecule-net i {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.72);
  background: radial-gradient(circle at 35% 25%, #fff, rgba(0,229,255,0.62) 42%, rgba(139,92,246,0.28));
  box-shadow: 0 0 18px rgba(0,229,255,0.62);
}
.vv-molecule-net i:nth-child(1) { left: 10px; top: 70px; }
.vv-molecule-net i:nth-child(2) { left: 58px; top: 34px; background: radial-gradient(circle at 35% 25%, #fff, rgba(255,45,166,0.64) 42%, rgba(139,92,246,0.30)); }
.vv-molecule-net i:nth-child(3) { left: 104px; top: 78px; }
.vv-molecule-net i:nth-child(4) { left: 150px; top: 28px; background: radial-gradient(circle at 35% 25%, #fff, rgba(57,255,136,0.68) 42%, rgba(0,229,255,0.28)); }
.vv-molecule-net i:nth-child(5) { left: 134px; top: 114px; background: radial-gradient(circle at 35% 25%, #fff, rgba(255,45,166,0.58) 42%, rgba(139,92,246,0.26)); }
.vv-molecule-net--one { left: 10%; top: 58%; transform: rotate(-12deg); }
.vv-molecule-net--two { right: 8%; top: 12%; transform: rotate(16deg) scale(0.92); animation-delay: -7s; }
@keyframes vv-molecule-net-drift { 0% { translate: 0 0; opacity: 0.52; } 100% { translate: 20px -24px; opacity: 0.88; } }
@media (max-width: 560px) { .vv-molecule-net { width: 145px; height: 120px; opacity: 0.48; } .vv-molecule-net--one { left: -18px; } .vv-molecule-net--two { right: -28px; } }


/* Button click glitter burst */
.vv-glitter-burst {
  position: fixed;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  z-index: 10000;
}
.vv-burst-spark {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--vv-burst-size, 12px);
  height: var(--vv-burst-size, 12px);
  border-radius: 50%;
  background:
    radial-gradient(circle, #fff 0 16%, var(--vv-burst-color, #00E5FF) 17% 46%, rgba(255,45,166,0) 74%);
  box-shadow:
    0 0 14px rgba(255,255,255,0.96),
    0 0 28px var(--vv-burst-color, #00E5FF),
    0 0 54px rgba(255,45,166,0.48);
  mix-blend-mode: screen;
  transform: translate(-50%, -50%) scale(0.3);
  animation: vv-button-burst 820ms cubic-bezier(.12,.7,.18,1) forwards;
}
.vv-burst-spark::before,
.vv-burst-spark::after {
  content: "";
  position: absolute;
  inset: -8px;
  background:
    linear-gradient(90deg, transparent 43%, rgba(255,255,255,0.96) 49% 51%, transparent 57%),
    linear-gradient(0deg, transparent 43%, var(--vv-burst-color, #00E5FF) 49% 51%, transparent 57%);
  filter: drop-shadow(0 0 10px var(--vv-burst-color, #00E5FF));
}
.vv-burst-spark::after {
  transform: rotate(45deg) scale(0.72);
  opacity: 0.86;
}
@keyframes vv-button-burst {
  0% { opacity: 1; transform: translate(-50%, -50%) scale(0.2) rotate(0deg); }
  55% { opacity: 1; transform: translate(calc(-50% + var(--vv-burst-x)), calc(-50% + var(--vv-burst-y))) scale(1.2) rotate(125deg); }
  100% { opacity: 0; transform: translate(calc(-50% + var(--vv-burst-x)), calc(-50% + var(--vv-burst-y))) scale(0.05) rotate(220deg); }
}
@media (prefers-reduced-motion: reduce) { .vv-glitter-burst, .vv-burst-spark { display: none !important; } }


/* Glowing neon outline behind the header */
.vv-topbar,
.topbar {
  position: sticky;
  isolation: isolate;
  border-bottom: 1px solid rgba(0,229,255,0.42) !important;
  box-shadow:
    0 0 0 1px rgba(139,92,246,0.20),
    0 0 28px rgba(0,229,255,0.20),
    0 0 58px rgba(255,45,166,0.14),
    inset 0 0 26px rgba(255,255,255,0.035) !important;
}
.vv-topbar::before,
.topbar::before {
  content: "";
  position: absolute;
  inset: 8px clamp(10px, 2vw, 24px);
  border: 1px solid rgba(0,229,255,0.34);
  border-radius: 18px;
  pointer-events: none;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(0,229,255,0.12), transparent 18%, transparent 82%, rgba(255,45,166,0.12)),
    rgba(255,255,255,0.025);
  box-shadow:
    0 0 18px rgba(0,229,255,0.32),
    0 0 42px rgba(139,92,246,0.24),
    inset 0 0 24px rgba(255,45,166,0.08);
  animation: vv-header-outline-glow 3.4s ease-in-out infinite alternate;
}
.vv-topbar::after,
.topbar::after {
  content: "";
  position: absolute;
  left: clamp(18px, 4vw, 64px);
  right: clamp(18px, 4vw, 64px);
  bottom: -2px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00E5FF, #39FF88, #FF2DA6, transparent);
  box-shadow: 0 0 18px rgba(0,229,255,0.78), 0 0 28px rgba(255,45,166,0.42);
  pointer-events: none;
}
@keyframes vv-header-outline-glow {
  0% { opacity: 0.55; filter: brightness(0.9); }
  100% { opacity: 1; filter: brightness(1.22); }
}


/* More recognizable syringe, positioned away from headline */
.vv-hero-copy .vv-hero-syringe,
.hero-grid > div:first-child > .vv-hero-syringe {
  left: clamp(20px, 10vw, 112px) !important;
  top: clamp(190px, 29vh, 260px) !important;
  width: clamp(300px, 38vw, 560px) !important;
  height: clamp(86px, 10vw, 136px) !important;
  opacity: 0.86 !important;
  transform: rotate(-18deg) !important;
  filter: drop-shadow(0 0 22px rgba(57,255,136,0.76)) drop-shadow(0 0 42px rgba(0,229,255,0.34));
}
.vv-syringe-barrel {
  left: 22% !important;
  top: 30% !important;
  width: 52% !important;
  height: 44% !important;
  border-radius: 18px !important;
  border: 3px solid rgba(255,255,255,0.82) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.42), transparent 18%, rgba(255,255,255,0.18) 48%, transparent 82%),
    repeating-linear-gradient(90deg, transparent 0 11%, rgba(255,255,255,0.34) 11% 12%, transparent 12% 18%),
    rgba(255,255,255,0.08) !important;
}
.vv-syringe-liquid {
  left: 27% !important;
  top: 42% !important;
  width: 36% !important;
  height: 20% !important;
  border-radius: 999px !important;
}
.vv-syringe-plunger {
  left: 7% !important;
  top: 46% !important;
  width: 18% !important;
  height: 7px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(190,210,232,0.86)) !important;
}
.vv-syringe-plunger::before {
  left: -16px !important;
  top: -22px !important;
  width: 18px !important;
  height: 52px !important;
  border-width: 3px !important;
  background: rgba(255,255,255,0.08);
}
.vv-syringe-finger-grip {
  position: absolute;
  left: 20%;
  top: 32%;
  width: 24px;
  height: 42%;
  border-top: 4px solid rgba(255,255,255,0.82);
  border-bottom: 4px solid rgba(255,255,255,0.82);
  box-shadow: 0 0 14px rgba(255,255,255,0.22);
}
.vv-syringe-hub {
  position: absolute;
  left: 72%;
  top: 37%;
  width: 8%;
  height: 28%;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255,255,255,0.86), rgba(0,229,255,0.34));
  border: 2px solid rgba(255,255,255,0.72);
  box-shadow: 0 0 16px rgba(0,229,255,0.42);
}
.vv-syringe-needle {
  left: 79% !important;
  top: 49% !important;
  width: 26% !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(0,229,255,0.72), rgba(255,255,255,0.08)) !important;
}
.vv-syringe-needle::before {
  content: "";
  position: absolute;
  left: -9px;
  top: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(0,229,255,0.55);
  box-shadow: 0 0 12px rgba(0,229,255,0.62);
}
.vv-syringe-glow-tip {
  position: absolute;
  left: 103%;
  top: 43%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #39FF88;
  box-shadow: 0 0 18px rgba(57,255,136,1), 0 0 44px rgba(57,255,136,0.78), 0 0 70px rgba(0,229,255,0.48);
}
.vv-syringe-marks {
  position: absolute;
  left: 31%;
  top: 25%;
  width: 35%;
  height: 14%;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,0.78) 0 2px, transparent 2px 22px);
  opacity: 0.72;
}
@media (max-width: 900px) {
  .vv-hero-copy .vv-hero-syringe,
  .hero-grid > div:first-child > .vv-hero-syringe { top: 220px !important; left: 18px !important; width: clamp(260px, 54vw, 440px) !important; opacity: 0.66 !important; }
}
@media (max-width: 560px) {
  .vv-hero-copy .vv-hero-syringe,
  .hero-grid > div:first-child > .vv-hero-syringe { top: 245px !important; left: -10px !important; width: clamp(250px, 86vw, 360px) !important; opacity: 0.48 !important; transform: rotate(-16deg) !important; }
}


/* Vibing button sound-wave radiance */
.vv-btn,
.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.icon-btn,
.vv-icon-btn {
  position: relative;
  isolation: isolate;
  overflow: visible !important;
}
.vv-btn::before,
.vv-btn::after,
.btn::before,
.btn::after,
.woocommerce a.button::before,
.woocommerce a.button::after,
.woocommerce button.button::before,
.woocommerce button.button::after,
.icon-btn::before,
.icon-btn::after,
.vv-icon-btn::before,
.vv-icon-btn::after {
  content: "";
  position: absolute;
  inset: -7px -12px;
  border-radius: inherit;
  border: 1px solid rgba(0, 229, 255, 0.38);
  opacity: 0;
  transform: scale(0.86);
  pointer-events: none;
  z-index: -1;
  box-shadow: 0 0 18px rgba(0,229,255,0.26), 0 0 28px rgba(255,45,166,0.16);
  animation: vv-button-vibe 2.4s ease-out infinite;
}
.vv-btn::after,
.btn::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.icon-btn::after,
.vv-icon-btn::after {
  inset: -14px -22px;
  border-color: rgba(255, 45, 166, 0.30);
  animation-delay: 0.7s;
}
.vv-btn-primary::before,
.vv-btn-primary::after,
.btn-primary::before,
.btn-primary::after {
  border-color: rgba(57,255,136,0.48);
  box-shadow: 0 0 20px rgba(57,255,136,0.28), 0 0 36px rgba(255,45,166,0.22);
}
.vv-btn:hover::before,
.vv-btn:hover::after,
.vv-btn:focus-visible::before,
.vv-btn:focus-visible::after,
.btn:hover::before,
.btn:hover::after,
.btn:focus-visible::before,
.btn:focus-visible::after,
.icon-btn:hover::before,
.icon-btn:hover::after,
.vv-icon-btn:hover::before,
.vv-icon-btn:hover::after,
.woocommerce a.button:hover::before,
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::before,
.woocommerce button.button:hover::after {
  animation-duration: 1.25s;
  opacity: 0.95;
}
.vv-btn span,
.btn span { position: relative; z-index: 1; }
@keyframes vv-button-vibe {
  0% { opacity: 0; transform: scale(0.88); }
  18% { opacity: 0.9; }
  100% { opacity: 0; transform: scale(1.34); }
}
@media (prefers-reduced-motion: reduce) {
  .vv-btn::before, .vv-btn::after, .btn::before, .btn::after, .icon-btn::before, .icon-btn::after, .vv-icon-btn::before, .vv-icon-btn::after, .woocommerce a.button::before, .woocommerce a.button::after, .woocommerce button.button::before, .woocommerce button.button::after { animation: none !important; opacity: 0 !important; }
}


/* Brighter readable neon text glow */
h1, h2, h3,
.vv-hero-title,
.vv-gradient-text,
.gradient-text,
.vv-eyebrow,
.eyebrow,
.vv-brand-wordmark,
.vv-nav a,
.nav-links a,
.vv-section-head h2,
.section-head h2,
.vv-product-body h3,
.product-body h3,
.vv-guide-card h3,
.guide-card h3,
.vv-lux-card h3,
.vv-review-card h3 {
  text-shadow:
    0 1px 2px rgba(0,0,0,0.92),
    0 0 10px rgba(255,255,255,0.22),
    0 0 18px rgba(0,229,255,0.24),
    0 0 28px rgba(255,45,166,0.18);
}
.vv-gradient-text,
.gradient-text {
  filter: drop-shadow(0 0 12px rgba(0,229,255,0.34)) drop-shadow(0 0 20px rgba(255,45,166,0.22));
}
.vv-eyebrow,
.eyebrow {
  color: #7FF7FF !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.95),
    0 0 12px rgba(0,229,255,0.72),
    0 0 24px rgba(57,255,136,0.26);
}
.vv-subhead,
.subhead,
.vv-product-meta,
.product-meta,
.vv-guide-card p,
.guide-card p,
.vv-lux-card p,
.vv-review-card p,
.vv-lab-note,
.lab-note,
.vv-ruo-strip,
.ruo-strip,
.vv-footer,
.footer {
  color: #DCE6FF !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.92), 0 0 10px rgba(79,140,255,0.20);
}
.vv-btn,
.btn,
.vv-icon-btn,
.icon-btn,
.woocommerce a.button,
.woocommerce button.button {
  text-shadow: 0 1px 2px rgba(0,0,0,0.88), 0 0 12px rgba(255,255,255,0.28), 0 0 18px rgba(0,229,255,0.22);
}
.vv-coa-item,
.vv-trust-pill strong,
.trust-pill strong,
.vv-volume-strip span,
.vv-price,
.price {
  text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 0 14px rgba(57,255,136,0.34), 0 0 20px rgba(0,229,255,0.22);
}


/* Restore Vial Vibes color while keeping readable glow */
h1, h2, h3,
.vv-hero-title,
.vv-section-head h2,
.section-head h2,
.vv-product-body h3,
.product-body h3,
.vv-guide-card h3,
.guide-card h3,
.vv-lux-card h3,
.vv-review-card h3 {
  color: #FAFBFF;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.92),
    0 0 10px rgba(255,255,255,0.18),
    0 0 20px rgba(139,92,246,0.26),
    0 0 30px rgba(255,45,166,0.20);
}
.vv-gradient-text,
.gradient-text {
  background: linear-gradient(118deg, #ffffff 0%, #00E5FF 28%, #8B5CF6 54%, #FF2DA6 82%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(139,92,246,0.36)) drop-shadow(0 0 22px rgba(255,45,166,0.24));
}
.vv-eyebrow,
.eyebrow {
  color: #00E5FF !important;
  text-shadow:
    0 1px 2px rgba(0,0,0,0.95),
    0 0 12px rgba(0,229,255,0.66),
    0 0 22px rgba(139,92,246,0.28);
}
.vv-subhead,
.subhead,
.vv-product-meta,
.product-meta,
.vv-guide-card p,
.guide-card p,
.vv-lux-card p,
.vv-review-card p,
.vv-lab-note,
.lab-note,
.vv-ruo-strip,
.ruo-strip,
.vv-footer,
.footer {
  color: #B9C2E4 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 0 10px rgba(139,92,246,0.16);
}
.vv-price,
.price,
.vv-volume-strip span,
.vv-coa-item a {
  color: #39FF88 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 0 14px rgba(57,255,136,0.42), 0 0 22px rgba(0,229,255,0.18);
}
.vv-btn,
.btn,
.vv-icon-btn,
.icon-btn,
.woocommerce a.button,
.woocommerce button.button {
  text-shadow: 0 1px 2px rgba(0,0,0,0.88), 0 0 12px rgba(255,255,255,0.22), 0 0 18px rgba(255,45,166,0.22);
}


/* Sci-fi Lab Cart button */
.vv-lab-cart {
  position: relative;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px 0 11px;
  border-radius: 999px;
  border: 1px solid rgba(57,255,136,0.42);
  color: #FAFBFF;
  background:
    radial-gradient(circle at 18% 18%, rgba(57,255,136,0.20), transparent 34%),
    linear-gradient(135deg, rgba(0,229,255,0.13), rgba(139,92,246,0.12), rgba(255,45,166,0.10));
  box-shadow: 0 0 18px rgba(57,255,136,0.18), inset 0 0 18px rgba(255,255,255,0.045);
  overflow: visible;
  isolation: isolate;
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0,0,0,0.88), 0 0 12px rgba(57,255,136,0.30);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.vv-lab-cart:hover,
.vv-lab-cart:focus-visible {
  transform: translateY(-2px) scale(1.015);
  border-color: rgba(0,229,255,0.70);
  box-shadow: 0 0 24px rgba(57,255,136,0.30), 0 0 36px rgba(255,45,166,0.18), inset 0 0 20px rgba(255,255,255,0.06);
}
.vv-lab-cart::before,
.vv-lab-cart::after {
  content: "";
  position: absolute;
  inset: -7px -12px;
  border-radius: inherit;
  border: 1px solid rgba(57,255,136,0.36);
  opacity: 0;
  transform: scale(0.86);
  pointer-events: none;
  z-index: -1;
  animation: vv-button-vibe 2.4s ease-out infinite;
}
.vv-lab-cart::after {
  inset: -14px -22px;
  border-color: rgba(0,229,255,0.28);
  animation-delay: 0.7s;
}
.vv-cart-vial {
  width: 18px;
  height: 29px;
  border-radius: 7px 7px 9px 9px;
  border: 1.5px solid rgba(255,255,255,0.78);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18), transparent 38%),
    linear-gradient(180deg, transparent 0 45%, rgba(57,255,136,0.78) 46% 100%);
  box-shadow: 0 0 12px rgba(57,255,136,0.70), 0 0 18px rgba(0,229,255,0.28);
  position: relative;
  flex: 0 0 auto;
}
.vv-cart-vial::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 4px;
  width: 8px;
  height: 7px;
  border-radius: 3px 3px 1px 1px;
  background: linear-gradient(135deg, #00E5FF, #FF2DA6);
  box-shadow: 0 0 8px rgba(0,229,255,0.7);
}
.vv-cart-count {
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #39FF88, #00E5FF);
  color: #07101b;
  box-shadow: 0 0 14px rgba(57,255,136,0.64);
  font-size: 0.72rem;
  letter-spacing: 0;
}
@media (max-width: 720px) {
  .vv-cart-label { display: none; }
  .vv-lab-cart { min-width: 46px; padding: 0 10px; }
}


/* Peptide fundamentals cards and pastel ribbon helixes */
.vv-fundamentals-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(24px, 5vw, 58px);
  border: 1px solid rgba(255,255,255,0.32);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.13), rgba(255,255,255,0.045)),
    radial-gradient(circle at 12% 12%, rgba(255,45,166,0.18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(0,229,255,0.16), transparent 34%),
    radial-gradient(circle at 55% 88%, rgba(139,92,246,0.18), transparent 38%);
  box-shadow: 0 26px 80px rgba(0,0,0,0.30), inset 0 0 38px rgba(255,255,255,0.045);
  text-align: center;
}
.vv-fundamentals-panel::before,
.vv-fundamentals-panel::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 160px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.18), rgba(255,45,166,0.14) 35%, transparent 70%);
  filter: blur(8px);
  pointer-events: none;
}
.vv-fundamentals-panel::before { left: -100px; top: -42px; }
.vv-fundamentals-panel::after { right: -100px; bottom: -42px; background: radial-gradient(circle, rgba(255,255,255,0.16), rgba(0,229,255,0.14) 35%, transparent 70%); }
.vv-fundamentals-panel h2 {
  margin: 0 auto 18px;
  max-width: 920px;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  text-transform: uppercase;
}
.vv-fundamentals-panel p {
  max-width: 900px;
  margin: 0 auto 18px;
  color: #E6DEFF;
  line-height: 1.7;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.78), 0 0 14px rgba(139,92,246,0.20);
}
.vv-fundamentals-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
  text-align: left;
}
.vv-fundamentals-grid article {
  border: 1px solid rgba(0,229,255,0.24);
  border-radius: 8px;
  padding: 20px;
  background: rgba(11,16,32,0.44);
  box-shadow: inset 0 0 22px rgba(255,255,255,0.035), 0 0 24px rgba(255,45,166,0.08);
}
.vv-fundamentals-grid h3 { margin: 0 0 10px; }
.vv-fundamentals-grid p { margin: 0; font-weight: 650; }
.vv-research-only-glow {
  margin: 28px auto 0;
  color: #F6D7FF;
  font-size: clamp(1.2rem, 3vw, 2.2rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(255,255,255,0.86), 0 0 28px rgba(255,45,166,0.54), 0 0 46px rgba(139,92,246,0.34);
}
.vv-svg-helix {
  width: clamp(150px, 16vw, 280px) !important;
  height: clamp(420px, 62vh, 760px) !important;
  opacity: 0.78;
  filter: drop-shadow(0 0 22px rgba(255,45,166,0.58)) drop-shadow(0 0 38px rgba(139,92,246,0.48)) blur(0.1px);
}
.vv-helix-path {
  stroke-width: 15 !important;
  stroke-linecap: round;
  stroke-dasharray: none !important;
  opacity: 0.72;
}
.vv-helix-path-a { stroke: rgba(255,126,241,0.72) !important; }
.vv-helix-path-b { stroke: rgba(176,119,255,0.72) !important; }
.vv-helix-rungs path {
  stroke: rgba(255,202,255,0.58) !important;
  stroke-width: 10 !important;
  filter: drop-shadow(0 0 14px rgba(255,45,166,0.54));
}
.vv-svg-helix--one { left: -2%; top: 10%; transform: rotate(-27deg); }
.vv-svg-helix--two { right: -4%; top: 32%; transform: rotate(24deg); }
.vv-svg-helix--three { left: 39%; top: 0; transform: rotate(54deg); opacity: 0.56; }
@media (max-width: 760px) { .vv-fundamentals-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .vv-svg-helix { width: 118px !important; height: 360px !important; } .vv-helix-path { stroke-width: 12 !important; } .vv-helix-rungs path { stroke-width: 8 !important; } }


/* Keep helixes around the edges so they do not overlap content */
.vv-svg-helix {
  opacity: 0.46 !important;
  z-index: 0 !important;
  mix-blend-mode: screen;
}
.vv-svg-helix--one {
  left: -7% !important;
  top: 18% !important;
  transform: rotate(-32deg) !important;
}
.vv-svg-helix--two {
  right: -9% !important;
  top: 54% !important;
  transform: rotate(30deg) !important;
}
.vv-svg-helix--three {
  left: 72% !important;
  top: 6% !important;
  transform: rotate(38deg) scale(0.82) !important;
  opacity: 0.34 !important;
}
.vv-fundamentals-panel,
.vv-dilution-panel,
.vv-panel,
.vv-lux-card,
.vv-review-card,
.vv-reconstitution-card {
  position: relative;
  z-index: 2;
}
@media (max-width: 900px) {
  .vv-svg-helix--one { left: -72px !important; top: 22% !important; }
  .vv-svg-helix--two { right: -76px !important; top: 62% !important; }
  .vv-svg-helix--three { left: 66% !important; opacity: 0.22 !important; }
}
@media (max-width: 560px) {
  .vv-svg-helix { opacity: 0.28 !important; }
  .vv-svg-helix--one { left: -84px !important; top: 18% !important; }
  .vv-svg-helix--two { right: -88px !important; top: 68% !important; }
  .vv-svg-helix--three { display: none !important; }
}


/* Softer quality documentation area */
#coa .vv-panel,
#coa .coa-panel,
#coa .compliance-panel,
.vv-coa-grid .vv-panel,
.coa-grid .coa-panel,
.coa-grid .compliance-panel {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.075), rgba(255,255,255,0.032)),
    radial-gradient(circle at 100% 0%, rgba(0,229,255,0.08), transparent 32%) !important;
  border-color: rgba(0,229,255,0.16) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.18), inset 0 0 18px rgba(255,255,255,0.025) !important;
}
.vv-coa-item,
.coa-item {
  color: #B9C2E4 !important;
  opacity: 0.88;
}
.vv-coa-item a,
.coa-item a {
  color: #00E5FF !important;
  opacity: 0.86;
}


/* 21+ birthday age gate */
.vv-age-form {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 10px;
  margin-top: 18px;
}
.vv-age-form label {
  display: grid;
  gap: 7px;
  color: #B9C2E4;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vv-age-form input {
  min-height: 46px;
  width: 100%;
  border-radius: 999px;
  border: 1px solid rgba(0,229,255,0.30);
  background: rgba(255,255,255,0.07);
  color: #FAFBFF;
  padding: 0 14px;
  outline: 0;
  box-shadow: inset 0 0 18px rgba(255,255,255,0.03), 0 0 18px rgba(0,229,255,0.08);
}
.vv-age-form input:focus {
  border-color: rgba(57,255,136,0.70);
  box-shadow: 0 0 22px rgba(57,255,136,0.22);
}
.vv-age-form .vv-btn {
  grid-column: 1 / -1;
  margin-top: 8px;
}
.vv-age-error {
  color: #FFD2EA !important;
  border: 1px solid rgba(255,45,166,0.34);
  background: rgba(255,45,166,0.10);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 14px 0 0 !important;
  font-weight: 800;
}
.vv-age-card > .vv-btn-secondary { margin-top: 12px; }
@media (max-width: 480px) { .vv-age-form { grid-template-columns: 1fr; } }


/* Native WooCommerce product/category displays */
.vv-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.vv-category-card {
  min-height: 190px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  padding: 18px;
  border-radius: 8px;
  border: 1px solid rgba(0,229,255,0.24);
  background: linear-gradient(145deg, rgba(255,255,255,0.095), rgba(255,255,255,0.035)), radial-gradient(circle at 50% 10%, rgba(255,45,166,0.12), transparent 42%);
  box-shadow: 0 18px 52px rgba(0,0,0,0.22), inset 0 0 20px rgba(255,255,255,0.03);
  text-align: center;
}
.vv-category-card img {
  max-width: 120px;
  max-height: 110px;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(0,229,255,0.22));
}
.vv-category-card strong { color: #FAFBFF; }
.vv-category-card span { color: #B9C2E4; }
.vv-category-orb {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #fff, #00E5FF 26%, #8B5CF6 58%, #FF2DA6);
  box-shadow: 0 0 28px rgba(0,229,255,0.34), 0 0 44px rgba(255,45,166,0.22);
}
.vv-woocommerce-main { padding: 42px 0 64px; }
.vv-woocommerce-shell .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb { color: #B9C2E4; }
.vv-woo-archive-intro {
  margin-bottom: 24px;
  padding-top: 24px;
}
.vv-woo-archive-intro h1 { margin: 0; }
.vv-woo-archive-intro p { color: #B9C2E4; max-width: 720px; }
.vv-product-native-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 4px;
  color: #B9C2E4;
  font-size: 0.74rem;
}
.vv-product-native-meta a,
.vv-product-native-meta span {
  border: 1px solid rgba(0,229,255,0.22);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(0,229,255,0.06);
}
.woocommerce div.product div.images img,
.woocommerce ul.products li.product img {
  object-fit: contain;
  height: auto;
}
@media (max-width: 900px) { .vv-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .vv-category-grid { grid-template-columns: 1fr; } }


/* Tasteful button glitter burst */
.vv-glitter-burst {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  pointer-events: none !important;
  z-index: 2147483647 !important;
  mix-blend-mode: screen;
}
.vv-burst-spark {
  position: absolute !important;
  left: 0;
  top: 0;
  width: var(--vv-burst-size, 5px) !important;
  height: var(--vv-burst-size, 5px) !important;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 22%, var(--vv-burst-color, #00E5FF) 23% 50%, rgba(255,45,166,0) 78%) !important;
  box-shadow:
    0 0 7px rgba(255,255,255,0.82),
    0 0 13px var(--vv-burst-color, #00E5FF),
    0 0 20px rgba(255,45,166,0.24) !important;
  transform: translate(-50%, -50%) scale(0.2);
  animation: vv-super-button-burst 680ms cubic-bezier(.12,.7,.18,1) forwards !important;
}
.vv-burst-spark::before,
.vv-burst-spark::after {
  content: "";
  position: absolute;
  inset: -5px;
  background:
    linear-gradient(90deg, transparent 45%, rgba(255,255,255,0.86) 49% 51%, transparent 55%),
    linear-gradient(0deg, transparent 45%, var(--vv-burst-color, #00E5FF) 49% 51%, transparent 55%);
  filter: drop-shadow(0 0 5px var(--vv-burst-color, #00E5FF));
}
.vv-burst-spark::after {
  transform: rotate(45deg) scale(0.58);
  opacity: 0.62;
}
.vv-button-flash {
  box-shadow:
    0 0 12px rgba(255,255,255,0.34),
    0 0 22px rgba(57,255,136,0.24),
    0 0 30px rgba(255,45,166,0.24) !important;
  filter: brightness(1.06) saturate(1.1);
}
@keyframes vv-super-button-burst {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.1) rotate(0deg); }
  15% { opacity: 0.9; }
  66% { opacity: 0.72; transform: translate(calc(-50% + var(--vv-burst-x)), calc(-50% + var(--vv-burst-y))) scale(0.92) rotate(95deg); }
  100% { opacity: 0; transform: translate(calc(-50% + var(--vv-burst-x)), calc(-50% + var(--vv-burst-y))) scale(0.05) rotate(170deg); }
}



/* No custom cursor artifact: keep native pointer clean */
.vv-cursor-sparkle {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
body.vv-site,
body.vv-site * {
  cursor: auto;
}
a, button, input[type="submit"], input[type="button"], .vv-btn, .button, .add_to_cart_button, .single_add_to_cart_button, .vv-lab-cart {
  cursor: pointer;
}


/* Vial Vibes native WooCommerce checkout */
body.vv-checkout-page .vv-page-panel {
  padding: clamp(18px, 3vw, 34px);
  overflow: visible;
}
body.vv-checkout-page .vv-page-panel > .vv-eyebrow,
body.vv-checkout-page .vv-page-panel > h1 {
  display: none;
}
.vv-checkout-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  margin-bottom: 26px;
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid rgba(0,229,255,0.32);
  border-radius: 18px;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,45,166,0.22), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(57,255,136,0.18), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035));
  box-shadow: 0 24px 80px rgba(0,0,0,0.36), 0 0 44px rgba(0,229,255,0.16), inset 0 0 28px rgba(255,255,255,0.05);
}
.vv-checkout-hero::before {
  content: "";
  position: absolute;
  inset: 12px;
  pointer-events: none;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background:
    linear-gradient(90deg, rgba(0,229,255,0.26), transparent 24%, transparent 76%, rgba(255,45,166,0.22)),
    repeating-linear-gradient(118deg, transparent 0 26px, rgba(255,255,255,0.045) 27px 28px);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}
.vv-checkout-hero h1 {
  margin: 8px 0 12px;
  max-width: 780px;
  font-size: clamp(2.2rem, 6vw, 5.4rem);
  line-height: 0.9;
  color: #fff;
  text-shadow: 0 0 18px rgba(255,255,255,0.28), 0 0 34px rgba(255,45,166,0.34), 0 0 52px rgba(0,229,255,0.22);
}
.vv-checkout-hero p {
  max-width: 680px;
  margin: 0;
  color: #DDE6FF;
  line-height: 1.65;
}
.vv-checkout-steps {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  align-content: center;
}
.vv-checkout-steps span {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  background: rgba(7, 12, 29, 0.58);
  color: #F8FBFF;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: inset 0 0 20px rgba(0,229,255,0.05), 0 0 20px rgba(139,92,246,0.12);
}
.vv-checkout-steps b {
  color: #39FF88;
  text-shadow: 0 0 14px rgba(57,255,136,0.72);
}
.woocommerce form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.72fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: start;
}
.woocommerce form.checkout #customer_details,
.woocommerce form.checkout #order_review,
.woocommerce form.checkout #order_review_heading {
  float: none;
  width: auto;
}
.woocommerce form.checkout #customer_details {
  display: grid;
  gap: 18px;
}
.woocommerce form.checkout .col2-set,
.woocommerce form.checkout .col2-set .col-1,
.woocommerce form.checkout .col2-set .col-2 {
  float: none;
  width: auto;
}
.woocommerce form.checkout .col2-set .col-1,
.woocommerce form.checkout .col2-set .col-2,
.woocommerce form.checkout #order_review,
.woocommerce-checkout-payment,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields,
.woocommerce .woocommerce-additional-fields {
  border: 1px solid rgba(162,180,255,0.18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,229,255,0.10), transparent 34%),
    linear-gradient(155deg, rgba(255,255,255,0.085), rgba(255,255,255,0.035));
  box-shadow: 0 18px 52px rgba(0,0,0,0.25), inset 0 0 24px rgba(255,255,255,0.035);
  padding: clamp(18px, 3vw, 26px);
}
.woocommerce .woocommerce-billing-fields h3,
.woocommerce .woocommerce-shipping-fields h3,
.woocommerce .woocommerce-additional-fields h3,
.woocommerce form.checkout #order_review_heading {
  margin: 0 0 18px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 16px rgba(0,229,255,0.34), 0 0 24px rgba(255,45,166,0.22);
}
.woocommerce form .form-row {
  margin: 0 0 14px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  color: #F7FAFF;
  font-weight: 850;
  letter-spacing: 0.03em;
  margin-bottom: 7px;
}
.woocommerce form .form-row .required {
  color: #39FF88;
  text-decoration: none;
}
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.select2-container--default .select2-selection--single {
  min-height: 48px;
  border: 1px solid rgba(0,229,255,0.26) !important;
  border-radius: 14px !important;
  background: rgba(5, 10, 24, 0.72) !important;
  color: #fff !important;
  box-shadow: inset 0 0 16px rgba(0,229,255,0.055), 0 0 0 rgba(0,0,0,0);
}
.woocommerce textarea {
  padding: 14px 16px;
  min-height: 110px;
}
.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(57,255,136,0.64) !important;
  box-shadow: 0 0 0 3px rgba(57,255,136,0.12), 0 0 26px rgba(0,229,255,0.16);
  outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
  line-height: 48px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}
.woocommerce form.checkout #order_review_heading,
.woocommerce form.checkout #order_review {
  grid-column: 2;
}
.woocommerce form.checkout #order_review_heading {
  position: sticky;
  top: 118px;
  z-index: 2;
  margin-bottom: 0;
  padding: 18px 22px 0;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(155deg, rgba(255,255,255,0.10), rgba(255,255,255,0.045));
  border: 1px solid rgba(162,180,255,0.18);
  border-bottom: 0;
}
.woocommerce form.checkout #order_review {
  position: sticky;
  top: 172px;
  padding-top: 16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: rgba(57,255,136,0.28);
  box-shadow: 0 24px 70px rgba(0,0,0,0.36), 0 0 38px rgba(57,255,136,0.12), inset 0 0 28px rgba(0,229,255,0.055);
}
.woocommerce-checkout-review-order-table {
  overflow: hidden;
  border-collapse: collapse !important;
  border-radius: 14px;
  background: rgba(5, 10, 24, 0.48);
}
.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  border-color: rgba(162,180,255,0.16) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  color: #EAF0FF;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table .order-total th,
.woocommerce table.shop_table .order-total td {
  color: #fff;
}
.woocommerce table.shop_table .order-total .amount {
  color: #39FF88;
  font-size: 1.2rem;
  text-shadow: 0 0 12px rgba(57,255,136,0.58);
}
.woocommerce ul#shipping_method,
.woocommerce ul.payment_methods {
  display: grid;
  gap: 10px;
  margin: 0;
}
.woocommerce ul#shipping_method li,
.woocommerce-checkout #payment ul.payment_methods li {
  padding: 12px 14px;
  border: 1px solid rgba(0,229,255,0.18);
  border-radius: 12px;
  background: rgba(255,255,255,0.045);
  color: #EAF0FF;
}
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0;
}
.woocommerce-checkout #payment div.payment_box {
  color: #D9E3FF;
  background: rgba(0,229,255,0.08);
  border-radius: 12px;
}
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: rgba(0,229,255,0.08);
}
.vv-checkout-shipping-note,
.vv-checkout-ruo-note {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(57,255,136,0.28);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(57,255,136,0.10), rgba(0,229,255,0.06));
  color: #DDE6FF;
  line-height: 1.5;
  box-shadow: inset 0 0 18px rgba(57,255,136,0.05);
}
.vv-checkout-shipping-note strong {
  color: #39FF88;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 12px rgba(57,255,136,0.62);
}
.vv-checkout-ruo-note {
  margin: 0 0 14px;
  border-color: rgba(255,45,166,0.28);
  background: linear-gradient(135deg, rgba(255,45,166,0.10), rgba(139,92,246,0.08));
  font-size: 0.88rem;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none;
  width: 100%;
  min-height: 54px;
  margin-top: 10px;
  border-radius: 999px;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  border-top-color: #00E5FF;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  color: #F7FAFF;
  box-shadow: 0 16px 42px rgba(0,0,0,0.22), 0 0 24px rgba(0,229,255,0.12);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  color: #39FF88;
}
@media (max-width: 980px) {
  .vv-checkout-hero,
  .woocommerce form.checkout {
    grid-template-columns: 1fr;
  }
  .woocommerce form.checkout #order_review_heading,
  .woocommerce form.checkout #order_review {
    grid-column: auto;
    position: static;
  }
  .woocommerce form.checkout #order_review_heading {
    margin-top: 8px;
  }
}
@media (max-width: 560px) {
  .vv-checkout-hero,
  .woocommerce form.checkout .col2-set .col-1,
  .woocommerce form.checkout .col2-set .col-2,
  .woocommerce form.checkout #order_review,
  .woocommerce-checkout-payment,
  .woocommerce .woocommerce-billing-fields,
  .woocommerce .woocommerce-shipping-fields,
  .woocommerce .woocommerce-additional-fields {
    border-radius: 12px;
    padding: 16px;
  }
  .vv-checkout-steps span {
    min-height: 50px;
  }
}


/* Neon DNA canvas background and roaming UFO pepper replacement */
.vv-dna-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
  pointer-events: none;
  opacity: 0.72;
  mix-blend-mode: screen;
}
.vv-roaming-vial { display: none !important; }
.vv-roaming-ufo {
  position: fixed;
  left: 0;
  top: 0;
  width: 120px;
  height: 180px;
  z-index: 24;
  pointer-events: none;
  will-change: transform, filter;
  filter: drop-shadow(0 0 20px #44ff88) drop-shadow(0 0 40px rgba(68,255,136,0.62));
}
.vv-roaming-ufo .vv-ufo-body {
  position: relative;
  width: 120px;
  height: 50px;
}
.vv-ufo-dome {
  position: absolute;
  top: -22px;
  left: 50%;
  width: 50px;
  height: 26px;
  transform: translateX(-50%);
  border: 2px solid rgba(255,255,255,0.42);
  border-radius: 60% 60% 0 0;
  background: radial-gradient(ellipse at 50% 60%, #e8f7ff, #8f95ff 34%, #666 72%);
  box-shadow: inset 0 0 12px rgba(255,255,255,0.22), 0 0 18px rgba(0,229,255,0.30);
}
.vv-ufo-dome::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 10px;
  width: 12px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #efffff, #44ff88);
  box-shadow: 0 0 12px rgba(68,255,136,0.8);
}
.vv-ufo-disc {
  position: absolute;
  inset: 0 auto auto 0;
  width: 120px;
  height: 30px;
  border: 2px solid rgba(255,255,255,0.48);
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 40%, #d7d7e8, #7b7fb0 48%, #373747 88%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5), 0 0 22px rgba(255,45,166,0.18);
}
.vv-ufo-bottom {
  position: absolute;
  top: 22px;
  left: 50%;
  width: 60px;
  height: 14px;
  transform: translateX(-50%);
  border-radius: 0 0 50% 50%;
  background: radial-gradient(ellipse, #9da6d8, #4a4e70);
}
.vv-ufo-beam {
  position: absolute;
  top: 36px;
  left: 50%;
  width: 60px;
  height: 120px;
  transform: translateX(-50%);
  overflow: visible;
  filter: drop-shadow(0 0 12px rgba(68,255,136,0.72));
}
.vv-ufo-beam svg { width: 100%; height: 100%; overflow: visible; }
.vv-ufo-beam-wave {
  stroke: #44ff88;
  stroke-width: 3;
  fill: none;
  opacity: 0.76;
  animation: vv-ufo-wave-move 1.2s ease-in-out infinite;
}
.vv-ufo-beam-wave:nth-child(2) { stroke: #22dd66; animation-delay: -0.4s; opacity: 0.56; }
.vv-ufo-beam-wave:nth-child(3) { stroke: #44ff88; animation-delay: -0.8s; opacity: 0.38; }
.vv-ufo-pepper {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 48px;
  height: 58px;
  transform: translateX(-50%);
  animation: vv-pepper-float 1.5s ease-in-out infinite;
}
.vv-ufo-pepper span,
.vv-ufo-pepper::before,
.vv-ufo-pepper::after {
  position: absolute;
  display: block;
  content: "";
}
.vv-ufo-pepper span {
  left: 14px;
  top: 8px;
  width: 22px;
  height: 42px;
  border-radius: 50% 50% 48% 48% / 60% 60% 42% 42%;
  background: radial-gradient(circle at 38% 26%, #ff9aa8, #ff355d 34%, #c20034 78%);
  box-shadow: 0 0 15px rgba(255,45,166,0.8), 0 0 30px rgba(57,255,136,0.34);
  transform: rotate(-13deg);
}
.vv-ufo-pepper::before {
  left: 24px;
  top: 1px;
  width: 14px;
  height: 18px;
  border-radius: 14px 14px 4px 4px;
  border-left: 4px solid #40ff80;
  border-top: 4px solid #40ff80;
  transform: rotate(26deg);
  filter: drop-shadow(0 0 8px rgba(64,255,128,0.72));
}
.vv-ufo-pepper::after {
  left: 22px;
  top: 9px;
  width: 7px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,0.42);
  transform: rotate(-16deg);
}
@keyframes vv-ufo-wave-move {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}
@keyframes vv-pepper-float {
  0%, 100% { transform: translateX(-50%) translateY(0) rotate(0deg); }
  25% { transform: translateX(-50%) translateY(-6px) rotate(-5deg); }
  50% { transform: translateX(-50%) translateY(-12px) rotate(0deg); }
  75% { transform: translateX(-50%) translateY(-6px) rotate(5deg); }
}
@media (max-width: 700px) {
  .vv-roaming-ufo { width: 92px; height: 138px; transform-origin: top left; }
  .vv-roaming-ufo .vv-ufo-body { transform: scale(0.78); transform-origin: top left; }
  .vv-ufo-beam { transform: translateX(-50%) scale(0.78); transform-origin: top center; }
  .vv-ufo-pepper { transform: translateX(-50%) scale(0.78); transform-origin: top center; }
}
@media (prefers-reduced-motion: reduce) {
  .vv-dna-canvas, .vv-roaming-ufo { display: none !important; }
}


/* Header position tightening and clearer UFO pepper */
.vv-topbar,
.topbar {
  min-height: 88px !important;
}
.vv-nav,
.nav {
  min-height: 88px !important;
  align-items: center !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.vv-brand,
.brand {
  min-height: 76px !important;
  min-width: clamp(150px, 18vw, 230px) !important;
}
.vv-nav-logo {
  width: clamp(145px, 16vw, 230px) !important;
  max-width: 230px !important;
  max-height: 82px !important;
}
.vv-brand::before,
.brand::before {
  width: clamp(130px, 16vw, 210px) !important;
  height: clamp(130px, 16vw, 210px) !important;
  opacity: 0.72 !important;
}
.vv-nav-actions,
.nav-actions {
  align-items: center !important;
  transform: translateY(-2px);
}
.vv-lab-cart {
  min-height: 42px !important;
}
.vv-ufo-pepper {
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 58px;
  height: 76px;
  transform: translateX(-50%);
  animation: vv-pepper-float 1.5s ease-in-out infinite;
  filter: drop-shadow(0 0 12px rgba(255,45,95,0.86)) drop-shadow(0 0 24px rgba(57,255,136,0.34));
}
.vv-ufo-pepper svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.vv-pepper-stem {
  fill: none;
  stroke: #39ff88;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 7px rgba(57,255,136,0.88));
}
.vv-pepper-body {
  fill: url(#vv-pepper-gradient);
  stroke: rgba(255,255,255,0.72);
  stroke-width: 2.2;
}
.vv-ufo-pepper svg .vv-pepper-body {
  fill: #ff245d;
}
.vv-pepper-highlight,
.vv-pepper-tip {
  fill: none;
  stroke: rgba(255,255,255,0.58);
  stroke-width: 3.2;
  stroke-linecap: round;
}
@media (max-width: 900px) {
  .vv-topbar, .topbar, .vv-nav, .nav { min-height: 82px !important; }
  .vv-brand, .brand { min-height: 70px !important; min-width: clamp(128px, 30vw, 180px) !important; }
  .vv-nav-logo { width: clamp(128px, 30vw, 180px) !important; max-height: 72px !important; }
  .vv-nav-actions, .nav-actions { gap: 7px !important; }
}
@media (max-width: 560px) {
  .vv-topbar, .topbar, .vv-nav, .nav { min-height: 76px !important; }
  .vv-brand, .brand { min-height: 64px !important; min-width: clamp(110px, 36vw, 150px) !important; }
  .vv-nav-logo { width: clamp(110px, 36vw, 150px) !important; max-height: 64px !important; }
  .vv-lab-cart .vv-cart-label { display: none !important; }
}


/* Final chili pepper shape override */
.vv-ufo-pepper {
  position: absolute !important;
  bottom: -12px !important;
  left: 50% !important;
  width: 76px !important;
  height: 104px !important;
  transform: translateX(-50%);
  animation: vv-pepper-float 1.5s ease-in-out infinite;
  filter: drop-shadow(0 0 12px rgba(255,45,95,0.95)) drop-shadow(0 0 26px rgba(255,45,166,0.48)) drop-shadow(0 0 22px rgba(57,255,136,0.28));
}
.vv-ufo-pepper::before,
.vv-ufo-pepper::after,
.vv-ufo-pepper > span {
  content: none !important;
  display: none !important;
}
.vv-ufo-pepper svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
.vv-ufo-pepper .vv-pepper-stem {
  fill: url(#vv-chili-stem) !important;
  stroke: rgba(220,255,216,0.92) !important;
  stroke-width: 1.6 !important;
  filter: drop-shadow(0 0 7px rgba(57,255,136,0.9));
}
.vv-ufo-pepper .vv-pepper-body {
  fill: url(#vv-chili-red) !important;
  stroke: rgba(255,235,238,0.9) !important;
  stroke-width: 2.4 !important;
}
.vv-ufo-pepper .vv-pepper-belly,
.vv-ufo-pepper .vv-pepper-shine,
.vv-ufo-pepper .vv-pepper-tip {
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.vv-ufo-pepper .vv-pepper-belly {
  stroke: rgba(120,0,28,0.38) !important;
  stroke-width: 4 !important;
}
.vv-ufo-pepper .vv-pepper-shine {
  stroke: rgba(255,255,255,0.62) !important;
  stroke-width: 4.2 !important;
}
.vv-ufo-pepper .vv-pepper-tip {
  stroke: rgba(255,130,150,0.62) !important;
  stroke-width: 3.2 !important;
}
@media (max-width: 700px) {
  .vv-ufo-pepper { width: 58px !important; height: 82px !important; bottom: -10px !important; }
}


/* Polished UFO chili pepper: larger, curved, and unmistakably pepper-shaped */
.vv-ufo-pepper {
  width: 76px !important;
  height: 104px !important;
  bottom: -12px !important;
  filter: drop-shadow(0 0 14px rgba(255,45,95,0.98)) drop-shadow(0 0 28px rgba(255,45,166,0.54)) drop-shadow(0 0 24px rgba(57,255,136,0.32)) !important;
}
.vv-ufo-pepper .vv-pepper-body {
  fill: url(#vv-chili-red) !important;
  stroke: rgba(255,245,248,0.95) !important;
  stroke-width: 2.1 !important;
}
.vv-ufo-pepper .vv-pepper-stem {
  fill: url(#vv-chili-stem) !important;
  stroke: rgba(224,255,216,0.95) !important;
  stroke-width: 1.4 !important;
}
.vv-ufo-pepper .vv-pepper-belly {
  stroke: rgba(105,0,24,0.34) !important;
  stroke-width: 4.8 !important;
}
.vv-ufo-pepper .vv-pepper-shine {
  stroke: rgba(255,255,255,0.72) !important;
  stroke-width: 4.4 !important;
}
@media (max-width: 700px) {
  .vv-ufo-pepper { width: 58px !important; height: 82px !important; bottom: -10px !important; }
}


/* UFO chili pepper matches provided reference code: native chili emoji */
.vv-ufo-pepper,
#pepper {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translateX(-50%);
  font-size: 56px !important;
  line-height: 1 !important;
  user-select: none !important;
  animation: vv-pepper-float 1.5s ease-in-out infinite !important;
  filter: drop-shadow(0 0 10px rgba(255,45,95,0.92)) drop-shadow(0 0 18px rgba(57,255,136,0.32)) !important;
  text-shadow: 0 0 10px rgba(255,45,95,0.9), 0 0 20px rgba(255,45,166,0.48) !important;
}
.vv-ufo-pepper::before,
.vv-ufo-pepper::after,
.vv-ufo-pepper > span,
.vv-ufo-pepper svg {
  content: none !important;
  display: none !important;
}
@media (max-width: 700px) {
  .vv-ufo-pepper,
  #pepper { font-size: 44px !important; bottom: 2px !important; }
}


/* Keep decorative background/UFO layers from pushing the page content downward */
.vv-dna-canvas {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: block !important;
  pointer-events: none !important;
  z-index: -3 !important;
}
.vv-mythic-lab,
.vv-sparkle-field,
.vv-bold-helix,
.vv-bold-helix--one,
.vv-bold-helix--two,
.vv-bold-helix--three {
  position: fixed !important;
  pointer-events: none !important;
}
.vv-sparkle-field {
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -2 !important;
}
.vv-bold-helix,
.vv-bold-helix--one,
.vv-bold-helix--two,
.vv-bold-helix--three {
  display: block !important;
}
.vv-roaming-ufo {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
  z-index: 24 !important;
}
.topbar,
.vv-topbar {
  margin-top: 0 !important;
}
#top,
main {
  margin-top: 0 !important;
}


/* Native WooCommerce Lab Cart */
body.vv-cart-page .vv-woocommerce-main,
body.woocommerce-cart .vv-woocommerce-main {
  padding-top: clamp(26px, 4vw, 54px);
  background:
    radial-gradient(circle at 10% 10%, rgba(139,92,246,0.18), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(0,229,255,0.14), transparent 26%),
    radial-gradient(circle at 76% 92%, rgba(255,45,166,0.12), transparent 32%);
}
.vv-cart-hero {
  position: relative;
  margin: 0 0 22px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid rgba(0,229,255,0.24);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.038)),
    radial-gradient(circle at 0% 0%, rgba(139,92,246,0.18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(57,255,136,0.10), transparent 36%);
  box-shadow: 0 24px 80px rgba(0,0,0,0.36), 0 0 42px rgba(0,229,255,0.13), inset 0 0 24px rgba(255,255,255,0.045);
  overflow: hidden;
}
.vv-cart-hero::after {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, transparent, rgba(255,45,166,0.30), transparent 34%, rgba(0,229,255,0.28), transparent 72%, rgba(57,255,136,0.22), transparent);
  opacity: 0.42;
  mix-blend-mode: screen;
}
.vv-cart-hero h1 {
  position: relative;
  margin: 0 0 10px;
  max-width: 840px;
  color: #fff;
  text-shadow: 0 0 18px rgba(255,45,166,0.28), 0 0 28px rgba(0,229,255,0.22);
}
.vv-cart-hero p {
  position: relative;
  margin: 0;
  max-width: 760px;
  color: #DDE6FF;
  line-height: 1.65;
}
.vv-cart-ruo-notice {
  position: relative;
  margin-top: 18px;
  padding: 13px 15px;
  border: 1px solid rgba(57,255,136,0.32);
  border-radius: 14px;
  background: rgba(57,255,136,0.075);
  color: #EAF0FF;
  font-weight: 800;
  line-height: 1.45;
  box-shadow: inset 0 0 18px rgba(57,255,136,0.08), 0 0 22px rgba(57,255,136,0.10);
}
body.vv-cart-page .woocommerce-cart-form,
body.woocommerce-cart .woocommerce-cart-form,
body.vv-cart-page .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals,
body.vv-cart-page .cross-sells,
body.woocommerce-cart .cross-sells {
  border: 1px solid rgba(162,180,255,0.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,229,255,0.10), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.09), rgba(255,255,255,0.035));
  box-shadow: 0 18px 60px rgba(0,0,0,0.26), inset 0 0 22px rgba(255,255,255,0.035);
  overflow: hidden;
}
body.vv-cart-page .woocommerce-cart-form,
body.woocommerce-cart .woocommerce-cart-form {
  padding: clamp(12px, 2vw, 20px);
}
body.vv-cart-page .woocommerce table.shop_table,
body.woocommerce-cart .woocommerce table.shop_table {
  border: 0 !important;
  margin: 0;
  border-collapse: separate !important;
  border-spacing: 0;
  background: transparent;
}
body.vv-cart-page .woocommerce table.shop_table th,
body.woocommerce-cart .woocommerce table.shop_table th {
  color: #00E5FF;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-size: 0.78rem;
  border-bottom: 1px solid rgba(0,229,255,0.20) !important;
}
body.vv-cart-page .woocommerce table.shop_table td,
body.woocommerce-cart .woocommerce table.shop_table td {
  color: #F7FAFF;
  border-top: 1px solid rgba(162,180,255,0.12) !important;
}
body.vv-cart-page .product-name a,
body.woocommerce-cart .product-name a {
  color: #fff;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(255,45,166,0.24);
}
body.vv-cart-page .product-thumbnail img,
body.woocommerce-cart .product-thumbnail img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(255,255,255,0.055);
  box-shadow: 0 0 18px rgba(0,229,255,0.16);
}
body.vv-cart-page .quantity .qty,
body.woocommerce-cart .quantity .qty {
  max-width: 92px;
  border-radius: 999px !important;
  text-align: center;
}
body.vv-cart-page .coupon,
body.woocommerce-cart .coupon {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
body.vv-cart-page .coupon .input-text,
body.woocommerce-cart .coupon .input-text {
  width: min(260px, 100%) !important;
}
body.vv-cart-page .cart-collaterals,
body.woocommerce-cart .cart-collaterals {
  margin-top: 20px;
}
body.vv-cart-page .cart-collaterals .cart_totals,
body.woocommerce-cart .cart-collaterals .cart_totals {
  float: none;
  width: min(520px, 100%);
  margin-left: auto;
  padding: clamp(18px, 3vw, 28px);
}
body.vv-cart-page .cart_totals h2,
body.woocommerce-cart .cart_totals h2 {
  margin-top: 0;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 16px rgba(0,229,255,0.25);
}
body.vv-cart-page .wc-proceed-to-checkout,
body.woocommerce-cart .wc-proceed-to-checkout {
  padding-bottom: 0;
}
body.vv-cart-page .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .vv-lab-checkout-button,
body.woocommerce-cart .vv-lab-checkout-button {
  width: 100%;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #8B5CF6, #FF2DA6 52%, #39FF88) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 0 24px rgba(57,255,136,0.34), 0 0 42px rgba(255,45,166,0.24), 0 0 54px rgba(0,229,255,0.18) !important;
}
body.vv-cart-page .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.12) saturate(1.14);
}
body.vv-cart-page .woocommerce a.remove,
body.woocommerce-cart .woocommerce a.remove {
  color: #FF2DA6 !important;
  text-shadow: 0 0 12px rgba(255,45,166,0.40);
}
body.vv-cart-page .woocommerce a.remove:hover,
body.woocommerce-cart .woocommerce a.remove:hover {
  color: #0B1020 !important;
  background: #39FF88 !important;
}
@media (max-width: 760px) {
  body.vv-cart-page .woocommerce-cart-form,
  body.woocommerce-cart .woocommerce-cart-form,
  body.vv-cart-page .cart-collaterals .cart_totals,
  body.woocommerce-cart .cart-collaterals .cart_totals { border-radius: 14px; }
  body.vv-cart-page .coupon,
  body.woocommerce-cart .coupon { flex-direction: column; }
  body.vv-cart-page .coupon .button,
  body.woocommerce-cart .coupon .button { width: 100%; }
}


/* Screenshot-matched native WooCommerce Lab Cart */
body.vv-cart-page,
body.woocommerce-cart {
  background: #0B1020 !important;
}
body.vv-cart-page .vv-page-panel,
body.woocommerce-cart .vv-page-panel {
  max-width: none;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.vv-cart-page .vv-page-panel > .vv-eyebrow,
body.vv-cart-page .vv-page-panel > h1,
body.woocommerce-cart .vv-page-panel > .vv-eyebrow,
body.woocommerce-cart .vv-page-panel > h1 {
  display: none !important;
}
body.vv-cart-page .vv-page-shell,
body.woocommerce-cart .vv-page-shell,
body.vv-cart-page .vv-woocommerce-shell,
body.woocommerce-cart .vv-woocommerce-shell {
  width: min(100% - 24px, 980px);
}
.vv-cart-checkout-stage {
  position: relative;
  margin: -18px auto 0;
  color: #F7FAFF;
}
.vv-cart-layout-title {
  margin: 0 0 22px auto;
  width: min(100%, 420px);
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0 0 12px rgba(255,255,255,0.32), 0 0 24px rgba(0,229,255,0.18);
}
.vv-cart-title-icon { color: #39FF88; font-size: 0.75em; vertical-align: middle; }
.vv-cart-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(250px, 0.62fr);
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
}
.vv-cart-left-panel {
  padding: clamp(15px, 2.2vw, 24px);
  background: #080E20;
  box-shadow: 0 0 55px rgba(0,229,255,0.15);
}
.vv-cart-thank-panel {
  margin-bottom: 18px;
}
.vv-cart-thank-panel h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(1.12rem, 2vw, 1.55rem);
  font-weight: 900;
  text-shadow: 0 0 10px rgba(255,255,255,0.32);
}
.vv-cart-thank-panel p {
  margin: 0;
  color: #fff;
  font-size: 0.76rem;
  line-height: 1.45;
  font-weight: 800;
}
.vv-cart-left-panel .woocommerce-cart-form,
.vv-cart-left-panel .cart-collaterals .cart_totals,
.vv-cart-left-panel .cross-sells {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.vv-cart-left-panel .woocommerce-cart-form {
  background: #fff !important;
  color: #111 !important;
  padding: 12px !important;
  margin-bottom: 18px;
}
.vv-cart-left-panel .woocommerce table.shop_table {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 0.78rem;
}
.vv-cart-left-panel .woocommerce table.shop_table th,
.vv-cart-left-panel .woocommerce table.shop_table td {
  color: #111 !important;
  border-color: #ddd !important;
}
.vv-cart-left-panel .product-name a {
  color: #3922b8 !important;
  font-weight: 800;
  text-shadow: none !important;
}
.vv-cart-left-panel .product-thumbnail img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
  border-radius: 2px !important;
  background: #f8f8f8 !important;
  box-shadow: none !important;
}
.vv-cart-left-panel .quantity .qty {
  max-width: 58px;
  min-height: 24px !important;
  border-radius: 0 !important;
  border: 1px solid #bcc6da !important;
  background: #fff !important;
  color: #111 !important;
}
.vv-cart-left-panel .coupon,
.vv-cart-left-panel .actions {
  gap: 8px;
}
.vv-cart-left-panel .coupon .input-text,
.vv-cart-left-panel .woocommerce input.input-text {
  min-height: 42px !important;
  border: 3px solid #e000ff !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
}
.vv-cart-left-panel .woocommerce .button,
.vv-cart-left-panel .woocommerce button.button,
.vv-cart-left-panel .woocommerce input.button {
  min-height: 38px !important;
  border-radius: 0 !important;
}
.vv-cart-left-panel .cart-collaterals .cart_totals {
  float: none !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}
.vv-cart-left-panel .cart_totals h2 {
  color: #fff !important;
  margin: 0 0 10px;
  font-size: 1.05rem;
  text-transform: none;
  letter-spacing: 0;
}
.vv-cart-left-panel .cart_totals table.shop_table {
  background: transparent !important;
  color: #fff !important;
  border-top: 1px solid rgba(255,255,255,0.8) !important;
  border-bottom: 1px solid rgba(255,255,255,0.8) !important;
}
.vv-cart-left-panel .cart_totals table.shop_table th,
.vv-cart-left-panel .cart_totals table.shop_table td {
  color: #fff !important;
  border-color: rgba(255,255,255,0.55) !important;
}
.vv-cart-left-panel .woocommerce-Price-amount {
  color: #fff !important;
  text-shadow: none !important;
}
.vv-cart-left-panel .wc-proceed-to-checkout a.checkout-button,
.vv-cart-left-panel .vv-lab-checkout-button {
  display: flex !important;
  width: 100% !important;
  min-height: 56px !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: linear-gradient(100deg, #ab43df, #df4dc1 45%, #29c7ef) !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.vv-cart-left-panel .wc-proceed-to-checkout::after {
  content: 'RESEARCH USE ONLY - SECURE CHECKOUT';
  display: block;
  margin-top: 0;
  padding: 8px;
  background: #fff;
  color: #b7b7b7;
  text-align: center;
  font-size: 0.58rem;
  font-weight: 800;
}
.vv-cart-right-panel {
  padding-top: 10px;
  color: #fff;
}
.vv-cart-right-panel h2 {
  margin: 0 0 28px;
  color: #b417ff;
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 950;
  letter-spacing: 0.12em;
  text-shadow: 0 0 14px rgba(188,8,237,0.55);
}
.vv-cart-neon-divider {
  width: 230px;
  max-width: 78%;
  height: 18px;
  margin: 0 0 30px 22px;
  background: repeating-linear-gradient(115deg, transparent 0 8px, #14ff22 9px 13px, transparent 14px 22px);
  filter: drop-shadow(0 0 6px rgba(20,255,34,0.8));
  transform: skewX(-10deg);
}
.vv-cart-neon-divider--short {
  width: 150px;
  margin: 8px auto 18px;
  background: repeating-linear-gradient(115deg, transparent 0 8px, #bc08ed 9px 13px, transparent 14px 22px);
}
.vv-cart-policy {
  margin: 0 0 28px;
  font-size: 0.72rem;
  line-height: 1.42;
}
.vv-cart-policy h3 {
  margin: 0 0 10px;
  color: #fff;
  text-align: center;
  font-size: 0.84rem;
  font-weight: 900;
  text-shadow: 0 0 9px rgba(255,255,255,0.32);
}
.vv-cart-policy p {
  margin: 0;
  white-space: normal;
  font-weight: 700;
}
.vv-cart-policy--green p { color: #03E337; }
.vv-cart-policy--pink p { color: #D110E8; }
.vv-cart-policy--magenta p { color: #DD10CD; }
.vv-cart-thanks-small h3 {
  margin: 34px 0 0;
  color: #bfc2ce;
  text-align: center;
  font-size: 1.05rem;
  line-height: 1.05;
  font-style: italic;
  font-weight: 950;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(255,255,255,0.18);
}
.vv-cart-policy--privacy h3 {
  text-align: left;
  font-size: 0.82rem;
}
.vv-cart-policy--privacy p {
  color: #fff;
  text-align: center;
  font-size: 0.68rem;
  line-height: 1.5;
}
.vv-cart-pink-bars {
  width: 170px;
  height: 16px;
  margin: 0 0 12px 18px;
  background: repeating-linear-gradient(115deg, transparent 0 7px, #bc08ed 8px 12px, transparent 13px 21px);
  filter: drop-shadow(0 0 7px rgba(188,8,237,0.8));
}
.vv-cart-footer-disclaimer {
  width: 100vw;
  margin: 54px 0 0 50%;
  transform: translateX(-50%);
  padding: 16px 20px 24px;
  background: linear-gradient(90deg, rgba(11,16,32,0.9), rgba(255,45,166,0.10), rgba(11,16,32,0.9));
  color: #fff;
  text-align: center;
  font-size: 0.72rem;
  font-weight: 950;
  font-style: italic;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .vv-cart-checkout-grid { grid-template-columns: 1fr; }
  .vv-cart-layout-title { margin-right: 0; width: 100%; }
  .vv-cart-right-panel { padding: 8px 4px 0; }
}
@media (max-width: 560px) {
  body.vv-cart-page .vv-page-shell,
  body.woocommerce-cart .vv-page-shell,
  body.vv-cart-page .vv-woocommerce-shell,
  body.woocommerce-cart .vv-woocommerce-shell { width: min(100% - 18px, 980px); }
  .vv-cart-left-panel { padding: 12px; }
  .vv-cart-left-panel .woocommerce-cart-form { overflow-x: auto; }
  .vv-cart-policy { font-size: 0.76rem; }
}


/* COA image attachments in Quality & Batch Documentation */
.vv-coa-image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}
.vv-coa-image-card {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(0,229,255,0.22);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  color: #F7FAFF;
  text-decoration: none;
  box-shadow: 0 0 18px rgba(0,229,255,0.08), inset 0 0 16px rgba(255,255,255,0.035);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.vv-coa-image-card:hover {
  transform: translateY(-3px);
  border-color: rgba(57,255,136,0.46);
  box-shadow: 0 16px 36px rgba(0,0,0,0.22), 0 0 24px rgba(57,255,136,0.14);
}
.vv-coa-image-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(255,255,255,0.92);
}
.vv-coa-image-card span {
  justify-self: start;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(57,255,136,0.28);
  color: #39FF88;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .vv-coa-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 440px) {
  .vv-coa-image-grid { grid-template-columns: 1fr; }
}


/* Aqua Base checkout reminder UFO modal */
.vv-aqua-reminder[hidden] { display: none !important; }
.vv-aqua-reminder {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 20px;
  background: radial-gradient(circle at 50% 35%, rgba(0,229,255,0.16), transparent 32%), rgba(4,7,18,0.78);
  backdrop-filter: blur(10px);
}
.vv-aqua-card {
  position: relative;
  width: min(100%, 520px);
  padding: 28px;
  border: 1px solid rgba(0,229,255,0.34);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 0%, rgba(139,92,246,0.24), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(57,255,136,0.15), transparent 34%),
    linear-gradient(145deg, rgba(11,16,32,0.96), rgba(22,17,38,0.95));
  box-shadow: 0 28px 90px rgba(0,0,0,0.52), 0 0 46px rgba(0,229,255,0.18), inset 0 0 28px rgba(255,255,255,0.05);
  text-align: center;
  overflow: hidden;
}
.vv-aqua-card h2 {
  margin: 10px auto 12px;
  max-width: 430px;
  color: #fff;
  font-size: clamp(1.7rem, 5vw, 2.7rem);
  text-shadow: 0 0 18px rgba(255,45,166,0.34), 0 0 30px rgba(0,229,255,0.22);
}
.vv-aqua-card p {
  margin: 0 auto 20px;
  max-width: 420px;
  color: #DDE6FF;
  line-height: 1.55;
}
.vv-aqua-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
.vv-aqua-scene {
  position: relative;
  height: 190px;
  margin: 4px auto 14px;
}
.vv-aqua-ufo {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 158px;
  height: 62px;
  transform: translateX(-50%);
  filter: drop-shadow(0 0 18px rgba(57,255,136,0.75)) drop-shadow(0 0 36px rgba(0,229,255,0.32));
  animation: vv-aqua-hover 2.4s ease-in-out infinite;
}
.vv-aqua-dome {
  position: absolute;
  left: 50%;
  top: -18px;
  width: 70px;
  height: 38px;
  transform: translateX(-50%);
  border: 2px solid rgba(255,255,255,0.42);
  border-radius: 70px 70px 14px 14px;
  background: radial-gradient(circle at 35% 30%, #f5fff7, #7be6ff 38%, #6b5cff 100%);
}
.vv-aqua-disc {
  position: absolute;
  inset: 18px 0 auto;
  height: 34px;
  border: 2px solid rgba(255,255,255,0.52);
  border-radius: 50%;
  background: radial-gradient(ellipse at 50% 42%, #f3f5ff, #9da4b8 46%, #38384f 100%);
}
.vv-aqua-lights {
  position: absolute;
  left: 27px;
  right: 27px;
  top: 32px;
  height: 10px;
  background: radial-gradient(circle at 10% 50%, #39FF88 0 4px, transparent 5px), radial-gradient(circle at 50% 50%, #00E5FF 0 4px, transparent 5px), radial-gradient(circle at 90% 50%, #FF2DA6 0 4px, transparent 5px);
}
.vv-aqua-beam {
  position: absolute;
  left: 50%;
  top: 74px;
  width: 126px;
  height: 104px;
  transform: translateX(-50%);
  clip-path: polygon(36% 0, 64% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(57,255,136,0.36), rgba(0,229,255,0.12) 54%, rgba(255,255,255,0));
  filter: drop-shadow(0 0 18px rgba(57,255,136,0.42));
  animation: vv-aqua-beam-pulse 1.8s ease-in-out infinite;
}
.vv-aqua-vial {
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 42px;
  height: 92px;
  transform: translateX(-50%) rotate(-9deg);
  border: 2px solid rgba(255,255,255,0.82);
  border-radius: 16px 16px 21px 21px;
  background: linear-gradient(180deg, rgba(255,255,255,0.18), transparent 38%), linear-gradient(180deg, transparent 0 44%, rgba(57,255,136,0.78) 45% 100%);
  box-shadow: 0 0 22px rgba(57,255,136,0.72), inset 0 0 12px rgba(255,255,255,0.22);
  animation: vv-aqua-abduct 1.8s ease-in-out infinite;
}
.vv-aqua-vial::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 8px;
  width: 23px;
  height: 15px;
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(135deg, #8B5CF6, #FF2DA6);
}
.vv-aqua-vial span {
  position: absolute;
  left: 10px;
  top: 12px;
  width: 7px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255,255,255,0.58);
}
.vv-aqua-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
@keyframes vv-aqua-hover { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-7px); } }
@keyframes vv-aqua-beam-pulse { 0%,100% { opacity: .62; } 50% { opacity: 1; } }
@keyframes vv-aqua-abduct { 0%,100% { transform: translateX(-50%) translateY(6px) rotate(-9deg); } 50% { transform: translateX(-50%) translateY(-14px) rotate(7deg); } }
@media (max-width: 560px) {
  .vv-aqua-card { padding: 22px 16px; }
  .vv-aqua-scene { height: 168px; }
  .vv-aqua-actions .vv-btn { width: 100%; }
}


/* COA files are opened from View details buttons, not displayed as homepage images */
.vv-coa-image-grid { display: none !important; }
.vv-coa-button-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.vv-coa-detail-button {
  display: grid;
  gap: 4px;
  min-height: 58px;
  align-content: center;
  padding: 10px 12px;
  border: 1px solid rgba(0,229,255,0.24);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(139,92,246,0.20), rgba(255,45,166,0.12), rgba(57,255,136,0.10));
  color: #F7FAFF;
  text-decoration: none;
  box-shadow: 0 0 18px rgba(0,229,255,0.10), inset 0 0 16px rgba(255,255,255,0.035);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.vv-coa-detail-button:hover {
  transform: translateY(-2px);
  border-color: rgba(57,255,136,0.52);
  box-shadow: 0 14px 34px rgba(0,0,0,0.22), 0 0 24px rgba(57,255,136,0.15);
}
.vv-coa-detail-button span {
  color: #00E5FF;
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.vv-coa-detail-button strong {
  color: #39FF88;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .vv-coa-button-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 440px) {
  .vv-coa-button-grid { grid-template-columns: 1fr; }
}


/* Dark glass cart table readability fix */
.vv-cart-left-panel .woocommerce-cart-form {
  background:
    radial-gradient(circle at 0% 15%, rgba(0,229,255,0.12), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,45,166,0.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035)) !important;
  border: 1px solid rgba(0,229,255,0.20) !important;
  color: #F7FAFF !important;
  box-shadow: 0 18px 54px rgba(0,0,0,0.30), inset 0 0 22px rgba(255,255,255,0.04) !important;
}
.vv-cart-left-panel .woocommerce table.shop_table {
  background: transparent !important;
  color: #F7FAFF !important;
}
.vv-cart-left-panel .woocommerce table.shop_table th {
  color: #00E5FF !important;
  border-color: rgba(0,229,255,0.28) !important;
  text-shadow: 0 0 12px rgba(0,229,255,0.40);
}
.vv-cart-left-panel .woocommerce table.shop_table td {
  color: #F7FAFF !important;
  border-color: rgba(162,180,255,0.18) !important;
}
.vv-cart-left-panel .product-name,
.vv-cart-left-panel .product-name a {
  color: #FFFFFF !important;
  text-shadow: 0 0 12px rgba(255,45,166,0.22) !important;
}
.vv-cart-left-panel .product-name dl,
.vv-cart-left-panel .product-name dd,
.vv-cart-left-panel .product-name p,
.vv-cart-left-panel .variation,
.vv-cart-left-panel .variation dt,
.vv-cart-left-panel .variation dd,
.vv-cart-left-panel .variation p {
  color: #DDE6FF !important;
  opacity: 1 !important;
  text-shadow: 0 0 10px rgba(0,229,255,0.14);
}
.vv-cart-left-panel .product-price,
.vv-cart-left-panel .product-subtotal,
.vv-cart-left-panel .woocommerce-Price-amount {
  color: #39FF88 !important;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(57,255,136,0.44) !important;
}
.vv-cart-left-panel .product-thumbnail img {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(0,229,255,0.18);
  box-shadow: 0 0 18px rgba(0,229,255,0.14) !important;
}
.vv-cart-left-panel .quantity .qty,
.vv-cart-left-panel .coupon .input-text,
.vv-cart-left-panel .woocommerce input.input-text {
  background: rgba(5,10,24,0.72) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(0,229,255,0.34) !important;
  box-shadow: inset 0 0 16px rgba(0,229,255,0.08), 0 0 18px rgba(255,45,166,0.10) !important;
}
.vv-cart-left-panel .coupon .input-text::placeholder,
.vv-cart-left-panel .woocommerce input.input-text::placeholder {
  color: rgba(221,230,255,0.70) !important;
}
.vv-cart-left-panel .actions {
  background: rgba(255,255,255,0.035) !important;
  border-top: 1px solid rgba(162,180,255,0.14) !important;
}
.vv-cart-left-panel .woocommerce a.remove {
  color: #FF2DA6 !important;
  border-color: #FF2DA6 !important;
  text-shadow: 0 0 12px rgba(255,45,166,0.55);
}
.vv-cart-left-panel .woocommerce a.remove:hover {
  color: #0B1020 !important;
  background: #39FF88 !important;
}


html.vv-aqua-open,
body.vv-aqua-open { overflow: hidden !important; }
.vv-aqua-reminder:not([hidden]) { display: grid !important; }


/* COA/detail buttons stay in dedicated Quality & Batch Documentation only */
.vv-product-body::after,
.woocommerce ul.products li.product::before {
  content: none !important;
  display: none !important;
}


/* Keep the roaming UFO and chili pepper behind all readable page content */
.vv-roaming-ufo {
  z-index: 0 !important;
  opacity: 0.88;
  mix-blend-mode: screen;
}
.vv-site > *:not(.vv-sparkle-field):not(.vv-mythic-lab):not(.vv-bold-helix):not(.vv-roaming-ufo):not(.vv-dna-canvas):not(.vv-age-gate) {
  position: relative;
  z-index: 2;
}
.vv-topbar,
.vv-floating-logo,
.woocommerce-cart .vv-woocommerce-main,
.woocommerce-checkout .vv-woocommerce-main,
.vv-aqua-reminder,
.vv-age-gate {
  position: relative;
  z-index: 25;
}
.vv-aqua-reminder,
.vv-age-gate {
  position: fixed;
}


/* Checkout readability, scrolling, and Aqua Base reminder layer fixes */
body.vv-site {
  --vv-text: #FFFFFF;
  --vv-muted: #EEF4FF;
  color: #FFFFFF;
}
html,
body.vv-site {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.woocommerce-checkout,
body.vv-checkout-page,
body.vv-funnelkit-checkout {
  height: auto !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
}
body.vv-site p,
body.vv-site li,
body.vv-site label,
body.vv-site span,
body.vv-site td,
body.vv-site th,
body.vv-site dd,
body.vv-site dt,
body.vv-site .vv-entry,
body.vv-site .vv-footer,
body.vv-site .woocommerce,
body.vv-site .woocommerce form,
body.vv-site .woocommerce table,
body.vv-site .woocommerce-checkout,
body.vv-site .wfacp_main_form,
body.vv-site .wfacp_form,
body.vv-site .elementor-widget-container {
  color: #F7FAFF;
  text-shadow: 0 0 10px rgba(0,229,255,0.16), 0 0 14px rgba(255,45,166,0.10);
}
body.vv-site h1,
body.vv-site h2,
body.vv-site h3,
body.vv-site h4,
body.vv-site h5,
body.vv-site h6,
body.vv-site strong,
body.vv-site b,
body.vv-site .vv-cart-policy h3,
body.vv-site .vv-cart-policy h4,
body.vv-site .vv-checkout-hero h1 {
  color: #FFFFFF;
  text-shadow: 0 0 16px rgba(255,255,255,0.24), 0 0 24px rgba(0,229,255,0.20), 0 0 28px rgba(255,45,166,0.16);
}
.vv-subhead,
.vv-section-head p,
.vv-guide-card p,
.vv-product-meta,
.vv-lab-note,
.vv-compliance-callout,
.vv-product-ruo,
.vv-ruo-strip,
.vv-cart-policy p,
.vv-cart-policy li,
.vv-cart-thank-panel p {
  color: #EEF4FF !important;
}
.vv-aqua-reminder {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
.vv-aqua-reminder:not([hidden]) {
  display: grid !important;
}
.vv-aqua-card {
  z-index: 2147483001 !important;
}
html.vv-aqua-open,
body.vv-aqua-open {
  overflow: hidden !important;
}


/* Product search in available products */
.vv-product-search {
  margin: -4px 0 22px;
  max-width: 760px;
}
.vv-product-search input[type="search"] {
  box-shadow: inset 0 0 18px rgba(0,229,255,0.08), 0 0 20px rgba(255,45,166,0.10);
}
.vv-product-search-empty {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid rgba(0,229,255,0.28);
  border-radius: 8px;
  color: #F7FAFF;
  background: rgba(255,255,255,0.055);
  box-shadow: 0 0 18px rgba(0,229,255,0.10);
}
.vv-checkout-shipping-note span {
  white-space: pre-line;
}


/* Header product search expands from the search icon */
.vv-header-search {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0;
  z-index: 40;
}
.vv-header-search-input {
  width: 0;
  min-height: 42px;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(0,229,255,0.34);
  border-radius: 999px;
  background: rgba(5,10,24,0.92);
  color: #FFFFFF;
  outline: 0;
  box-shadow: inset 0 0 16px rgba(0,229,255,0.10), 0 0 22px rgba(255,45,166,0.12);
  transition: width 220ms ease, opacity 180ms ease, padding 220ms ease, margin 220ms ease;
}
.vv-header-search.is-open .vv-header-search-input,
.vv-header-search:focus-within .vv-header-search-input {
  width: clamp(170px, 20vw, 270px);
  padding: 0 96px 0 16px;
  margin-left: 8px;
  opacity: 1;
  pointer-events: auto;
}
.vv-header-search-input::placeholder {
  color: rgba(238,244,255,0.72);
}
.vv-header-search-submit {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  min-height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #8B5CF6, #FF2DA6 55%, #00E5FF);
  color: #FFFFFF;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 18px rgba(0,229,255,0.24);
  transition: opacity 160ms ease;
}
.vv-header-search.is-open .vv-header-search-submit,
.vv-header-search:focus-within .vv-header-search-submit {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 780px) {
  .vv-header-search.is-open {
    position: absolute;
    left: 12px;
    right: 12px;
    top: calc(100% + 8px);
    padding: 10px;
    border: 1px solid rgba(0,229,255,0.28);
    border-radius: 8px;
    background: rgba(5,10,24,0.96);
    box-shadow: 0 18px 44px rgba(0,0,0,0.36), 0 0 24px rgba(255,45,166,0.16);
  }
  .vv-header-search.is-open .vv-header-search-input,
  .vv-header-search:focus-within .vv-header-search-input {
    width: 100%;
    margin-left: 8px;
  }
}


/* Native checkout payment form visibility and polish */
body.woocommerce-checkout form.checkout,
body.vv-checkout-page form.checkout,
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.woocommerce-checkout form.checkout,
body.vv-checkout-page form.checkout {
  margin-top: 24px;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid rgba(0,229,255,0.26);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
  box-shadow: 0 18px 54px rgba(0,0,0,0.28), inset 0 0 22px rgba(255,255,255,0.035);
}
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment {
  border: 1px solid rgba(255,45,166,0.28) !important;
  border-radius: 8px !important;
  background: rgba(5,10,24,0.72) !important;
  color: #FFFFFF !important;
}
body.woocommerce-checkout #payment div.payment_box,
body.vv-checkout-page #payment div.payment_box {
  background: rgba(255,255,255,0.08) !important;
  color: #F7FAFF !important;
}
body.woocommerce-checkout #payment div.payment_box::before,
body.vv-checkout-page #payment div.payment_box::before {
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
body.woocommerce-checkout .woocommerce-info,
body.vv-checkout-page .woocommerce-info,
body.woocommerce-checkout .woocommerce-error,
body.vv-checkout-page .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.vv-checkout-page .woocommerce-message {
  border-top-color: #00E5FF !important;
  background: rgba(5,10,24,0.86) !important;
  color: #FFFFFF !important;
}


/* Header menu cleanup and stable search glyph */
.vv-messenger-menu-item a {
  color: #39FF88 !important;
  text-shadow: 0 0 12px rgba(57,255,136,0.32), 0 0 18px rgba(0,229,255,0.16);
}
.vv-search-glyph {
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-sizing: border-box;
}
.vv-search-glyph::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 2px;
  right: -6px;
  bottom: -3px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: center;
}
.vv-header-search-toggle {
  flex: 0 0 42px;
}
@media (max-width: 560px) {
  .vv-primary-nav .vv-messenger-menu-item a { font-size: 0.82rem; }
}


/* Make Messenger header link definitely clickable */
.vv-topbar,
.vv-nav,
.vv-primary-nav,
.vv-primary-nav .vv-menu,
.vv-primary-nav li,
.vv-primary-nav a,
.vv-messenger-menu-item,
.vv-messenger-menu-item a {
  pointer-events: auto !important;
}
.vv-topbar,
.vv-nav,
.vv-primary-nav,
.vv-nav-actions {
  z-index: 1000 !important;
}
.vv-messenger-menu-item,
.vv-messenger-menu-item a {
  position: relative !important;
  z-index: 1002 !important;
  cursor: pointer !important;
  user-select: auto !important;
}
.vv-messenger-menu-item a::before,
.vv-messenger-menu-item a::after {
  pointer-events: none !important;
}
.vv-primary-nav a[href*="messenger.com"] {
  cursor: pointer !important;
  pointer-events: auto !important;
}


/* Standalone Messenger header action */
.vv-messenger-header-btn {
  position: relative !important;
  z-index: 2000 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  border-color: rgba(57,255,136,0.46) !important;
  color: #FFFFFF !important;
  background: linear-gradient(135deg, rgba(57,255,136,0.18), rgba(0,229,255,0.12), rgba(255,45,166,0.14)) !important;
  box-shadow: 0 0 18px rgba(57,255,136,0.18), 0 0 24px rgba(0,229,255,0.12) !important;
  white-space: nowrap;
}
.vv-messenger-header-btn:hover {
  color: #39FF88 !important;
  border-color: rgba(57,255,136,0.72) !important;
}
.vv-messenger-header-btn::before,
.vv-messenger-header-btn::after {
  pointer-events: none !important;
}
@media (max-width: 760px) {
  .vv-messenger-header-btn {
    padding: 0 12px !important;
    font-size: 0.68rem !important;
  }
}
@media (max-width: 560px) {
  .vv-messenger-header-btn {
    display: none !important;
  }
}

/* Keep credit/debit card gateway fields visible inside native checkout */
body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods,
body.woocommerce-checkout #payment li.payment_method_woocommerce_payments,
body.vv-checkout-page #payment li.payment_method_woocommerce_payments,
body.woocommerce-checkout #payment li.payment_method_stripe,
body.vv-checkout-page #payment li.payment_method_stripe,
body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment iframe,
body.vv-checkout-page #payment iframe {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field {
  min-height: 44px !important;
  padding: 12px !important;
  border: 1px solid rgba(0,229,255,0.34) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.96) !important;
  color: #0B1020 !important;
}
body.woocommerce-checkout #payment label,
body.vv-checkout-page #payment label {
  color: #FFFFFF !important;
  cursor: pointer !important;
}


/* Express-wallet checkout cleanup: hide extra card/payment fields below WooPay wallets */
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.vv-checkout-page .wcpay-express-checkout-wrapper,
body.woocommerce-checkout #wcpay-express-checkout-element,
body.vv-checkout-page #wcpay-express-checkout-element,
body.woocommerce-checkout .wc-block-components-express-payment,
body.vv-checkout-page .wc-block-components-express-payment,
body.woocommerce-checkout .express-payment-methods,
body.vv-checkout-page .express-payment-methods,
body.woocommerce-checkout .woocommerce-checkout-payment .wcpay-express-checkout-wrapper,
body.vv-checkout-page .woocommerce-checkout-payment .wcpay-express-checkout-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20 !important;
}
body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods,
body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods,
body.vv-checkout-page #payment .woocommerce-SavedPaymentMethods {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order {
  margin-top: 16px !important;
}


/* Express-wallet-only checkout action: hide regular Place Order button */
body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order,
body.woocommerce-checkout #payment .place-order,
body.vv-checkout-page #payment .place-order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page button[name="woocommerce_checkout_place_order"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}


/* Single designed checkout destination polish */
body.woocommerce-checkout .vv-checkout-hero,
body.vv-checkout-page .vv-checkout-hero {
  margin-bottom: 24px !important;
}
body.woocommerce-checkout .vv-aqua-reminder,
body.vv-checkout-page .vv-aqua-reminder {
  z-index: 2147483000 !important;
}


/* Remove cart-to-checkout button entirely and keep important links clickable */
body.woocommerce-cart .wc-proceed-to-checkout,
body.vv-cart-page .wc-proceed-to-checkout,
body.woocommerce-cart .checkout-button,
body.vv-cart-page .checkout-button,
body.woocommerce-cart .vv-lab-checkout-button,
body.vv-cart-page .vv-lab-checkout-button {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
a[href*="messenger.com"],
a[href*="aqua-base"],
.vv-coa-item a,
.vv-coa-detail-button,
.vv-aqua-actions a,
.vv-messenger-header-btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 2147482 !important;
}
a[href*="messenger.com"]::before,
a[href*="messenger.com"]::after,
a[href*="aqua-base"]::before,
a[href*="aqua-base"]::after,
.vv-coa-item a::before,
.vv-coa-item a::after,
.vv-coa-detail-button::before,
.vv-coa-detail-button::after,
.vv-aqua-actions a::before,
.vv-aqua-actions a::after {
  pointer-events: none !important;
}

/* Final checkout/payment recovery: keep express wallets and address fields usable */
body.woocommerce-checkout,
body.vv-checkout-page {
  height: auto !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
}
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.vv-checkout-page .wcpay-express-checkout-wrapper,
body.woocommerce-checkout #wcpay-express-checkout-element,
body.vv-checkout-page #wcpay-express-checkout-element,
body.woocommerce-checkout #wcpay-payment-request-wrapper,
body.vv-checkout-page #wcpay-payment-request-wrapper,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.vv-checkout-page #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-stripe-payment-request-wrapper,
body.vv-checkout-page .wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.vv-checkout-page .wc-block-components-express-payment,
body.woocommerce-checkout .express-payment-methods,
body.vv-checkout-page .express-payment-methods,
body.woocommerce-checkout [class*="express"],
body.vv-checkout-page [class*="express"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  pointer-events: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 40 !important;
}
body.woocommerce-checkout .wcpay-express-checkout-wrapper iframe,
body.vv-checkout-page .wcpay-express-checkout-wrapper iframe,
body.woocommerce-checkout #wcpay-express-checkout-element iframe,
body.vv-checkout-page #wcpay-express-checkout-element iframe,
body.woocommerce-checkout #wcpay-payment-request-wrapper iframe,
body.vv-checkout-page #wcpay-payment-request-wrapper iframe,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper iframe,
body.vv-checkout-page #wc-stripe-payment-request-wrapper iframe,
body.woocommerce-checkout .express-payment-methods iframe,
body.vv-checkout-page .express-payment-methods iframe,
body.woocommerce-checkout .express-payment-methods button,
body.vv-checkout-page .express-payment-methods button,
body.woocommerce-checkout [class*="express"] iframe,
body.vv-checkout-page [class*="express"] iframe,
body.woocommerce-checkout [class*="express"] button,
body.vv-checkout-page [class*="express"] button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.woocommerce-checkout #billing_address_1_field,
body.vv-checkout-page #billing_address_1_field,
body.woocommerce-checkout #shipping_address_1_field,
body.vv-checkout-page #shipping_address_1_field,
body.woocommerce-checkout input[name="billing_address_1"],
body.vv-checkout-page input[name="billing_address_1"],
body.woocommerce-checkout input[name="shipping_address_1"],
body.vv-checkout-page input[name="shipping_address_1"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 44px !important;
  overflow: visible !important;
}
body.woocommerce-checkout input[name="billing_address_1"],
body.vv-checkout-page input[name="billing_address_1"],
body.woocommerce-checkout input[name="shipping_address_1"],
body.vv-checkout-page input[name="shipping_address_1"] {
  width: 100% !important;
  color: #FFFFFF !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(0,229,255,0.34) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 18px rgba(0,229,255,0.10) !important;
}
body.vv-site a[href*="messenger.com"],
body.vv-site a[href*="messenger.com"] * {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Vial Vibes Cosmic Lab - black neon brand direction. */
:root {
  --vv-space: #000000;
  --vv-space-2: #08000f;
  --vv-panel: rgba(5, 5, 9, 0.78);
  --vv-violet: #8A2BFF;
  --vv-purple: #5B1EFF;
  --vv-magenta: #FF38D1;
  --vv-pink: #FF38D1;
  --vv-cyan: #18E7FF;
  --vv-blue: #2F7DFF;
  --vv-mint: #B6FF00;
  --vv-lime: #B6FF00;
  --vv-gold: #B6FF00;
  --vv-text: #FFFFFF;
  --vv-muted: rgba(255,255,255,0.78);
  --vv-line: rgba(138,43,255,0.48);
  --vv-shadow: 0 24px 72px rgba(0,0,0,0.58);
}

html,
body,
body.vv-site,
body.wp-theme-vial-vibes-cosmic-lab {
  background-color: #000000 !important;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(91,30,255,0.62) 0, rgba(91,30,255,0.26) 18%, rgba(91,30,255,0.08) 34%, transparent 50%),
    radial-gradient(circle at 88% 12%, rgba(255,56,209,0.52) 0, rgba(255,56,209,0.22) 18%, rgba(255,56,209,0.07) 35%, transparent 52%),
    radial-gradient(circle at 74% 82%, rgba(24,231,255,0.32) 0, rgba(24,231,255,0.12) 20%, transparent 46%),
    radial-gradient(circle at 17% 88%, rgba(182,255,0,0.17) 0, rgba(182,255,0,0.05) 18%, transparent 40%),
    linear-gradient(145deg, #000000 0%, #050006 26%, #15002c 62%, #000000 100%) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  color: #FFFFFF !important;
}

body.vv-site::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.95 !important;
  background-image:
    radial-gradient(1px 1px at 5% 14%, rgba(255,255,255,0.92), transparent 60%),
    radial-gradient(1px 1px at 12% 48%, rgba(255,56,209,0.84), transparent 60%),
    radial-gradient(2px 2px at 20% 78%, rgba(255,255,255,0.74), transparent 62%),
    radial-gradient(1px 1px at 30% 26%, rgba(182,255,0,0.72), transparent 60%),
    radial-gradient(1px 1px at 42% 66%, rgba(138,43,255,0.90), transparent 60%),
    radial-gradient(2px 2px at 54% 18%, rgba(255,255,255,0.84), transparent 62%),
    radial-gradient(1px 1px at 64% 58%, rgba(24,231,255,0.80), transparent 60%),
    radial-gradient(2px 2px at 76% 34%, rgba(255,56,209,0.86), transparent 62%),
    radial-gradient(1px 1px at 88% 72%, rgba(255,255,255,0.76), transparent 60%),
    radial-gradient(1px 1px at 94% 22%, rgba(182,255,0,0.68), transparent 60%) !important;
}

body.vv-site::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.72 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,56,209,0.22), transparent 34%),
    radial-gradient(ellipse at 14% 54%, rgba(91,30,255,0.28), transparent 34%),
    radial-gradient(ellipse at 88% 58%, rgba(24,231,255,0.16), transparent 30%),
    repeating-linear-gradient(115deg, transparent 0 92px, rgba(255,255,255,0.035) 93px 94px, transparent 95px 170px) !important;
  mix-blend-mode: screen;
}

body.vv-site > *:not(.vv-sparkle-field):not(.vv-mythic-lab):not(.vv-bold-helix):not(.vv-roaming-ufo):not(.vv-dna-canvas):not(.vv-age-gate) {
  position: relative;
  z-index: 2;
}

body.vv-site .vv-sparkle-field {
  display: block !important;
  opacity: 0.62 !important;
  animation: none !important;
  filter: none !important;
  background-image:
    radial-gradient(1px 1px at 7% 11%, rgba(255,255,255,0.95), transparent 62%),
    radial-gradient(1px 1px at 15% 62%, rgba(255,56,209,0.82), transparent 62%),
    radial-gradient(2px 2px at 30% 78%, rgba(138,43,255,0.82), transparent 64%),
    radial-gradient(1px 1px at 42% 28%, rgba(182,255,0,0.72), transparent 62%),
    radial-gradient(1px 1px at 57% 64%, rgba(24,231,255,0.72), transparent 62%),
    radial-gradient(2px 2px at 72% 18%, rgba(255,255,255,0.86), transparent 64%),
    radial-gradient(1px 1px at 84% 82%, rgba(255,56,209,0.78), transparent 62%),
    radial-gradient(1px 1px at 94% 42%, rgba(255,255,255,0.78), transparent 62%) !important;
}

body.vv-site .vv-sparkle-field::before,
body.vv-site .vv-sparkle-field::after,
body.vv-site .vv-roaming-ufo,
body.vv-site .vv-roaming-ufo *,
body.vv-site .vv-floating-logo,
body.vv-site .vv-floating-logo img,
body.vv-site .vv-cursor-sparkle,
body.vv-site .vv-glitter-burst,
body.vv-site .vv-burst-spark {
  animation: none !important;
}

body.vv-site .vv-cursor-sparkle,
body.vv-site .vv-glitter-burst {
  display: none !important;
}

body.vv-site .vv-mythic-lab {
  opacity: 0.42 !important;
  background:
    radial-gradient(circle at 12% 24%, rgba(138,43,255,0.22), transparent 30%),
    radial-gradient(circle at 82% 28%, rgba(255,56,209,0.18), transparent 28%),
    radial-gradient(circle at 56% 78%, rgba(24,231,255,0.12), transparent 34%) !important;
}

body.vv-site .vv-svg-helix,
body.vv-site .vv-dna-strand {
  opacity: 0.18 !important;
  filter: saturate(1.25) brightness(0.94) !important;
}

body.vv-site .vv-molecule-net {
  opacity: 0.28 !important;
  filter: saturate(1.3) brightness(1.08) !important;
}

body.vv-site main,
body.vv-site #content,
body.vv-site .vv-hero,
body.vv-site .vv-band {
  background-color: transparent !important;
}

body.vv-site .vv-hero {
  background:
    radial-gradient(ellipse at 70% 28%, rgba(255,56,209,0.18), transparent 42%),
    radial-gradient(ellipse at 18% 34%, rgba(91,30,255,0.20), transparent 38%) !important;
}

body.vv-site .vv-band {
  background:
    linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.05)),
    radial-gradient(circle at 8% 50%, rgba(91,30,255,0.10), transparent 34%),
    radial-gradient(circle at 92% 50%, rgba(255,56,209,0.08), transparent 34%) !important;
}

body.vv-site .vv-topbar {
  background: rgba(0,0,0,0.90) !important;
  border-bottom-color: rgba(255,56,209,0.38) !important;
  box-shadow: 0 0 28px rgba(138,43,255,0.22) !important;
  backdrop-filter: blur(18px);
}

body.vv-site .vv-brand {
  position: relative;
  isolation: isolate;
  transform: translateY(0);
  filter: drop-shadow(0 0 18px rgba(255,56,209,0.42));
}

body.vv-site .vv-brand::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 54%;
  width: 128%;
  height: 64%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(255,56,209,0.72);
  background: radial-gradient(ellipse at center, rgba(255,56,209,0.24), transparent 62%);
  box-shadow: 0 0 28px rgba(255,56,209,0.52), 0 0 58px rgba(138,43,255,0.32);
  z-index: -1;
}

body.vv-site .vv-brand::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -38px;
  width: 54%;
  height: 56px;
  transform: translateX(-50%);
  clip-path: polygon(28% 0, 72% 0, 100% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(182,255,0,0.30), rgba(182,255,0,0.03) 70%, transparent);
  opacity: 0.62;
  pointer-events: none;
  z-index: -2;
}

body.vv-site .vv-brand img,
body.vv-site .vv-brand .custom-logo {
  max-height: 78px;
  width: auto;
  max-width: min(230px, 32vw);
  object-fit: contain;
  border-radius: 999px;
  animation: vvLogoFloat 6s ease-in-out infinite;
}

body.vv-site .vv-brand .custom-logo-link {
  display: block;
}

@keyframes vvLogoFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

body.vv-site .vv-btn,
body.vv-site .vv-icon-btn,
body.vv-site .vv-lab-cart,
body.vv-site .woocommerce a.button,
body.vv-site .woocommerce button.button,
body.vv-site .woocommerce input.button {
  border-color: rgba(255,56,209,0.62) !important;
  background: linear-gradient(135deg, rgba(91,30,255,0.96), rgba(138,43,255,0.90) 42%, rgba(255,56,209,0.86)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 20px rgba(138,43,255,0.22), 0 0 34px rgba(255,56,209,0.12) !important;
}

body.vv-site .vv-btn:hover,
body.vv-site .vv-icon-btn:hover,
body.vv-site .vv-lab-cart:hover,
body.vv-site .woocommerce a.button:hover,
body.vv-site .woocommerce button.button:hover,
body.vv-site .woocommerce input.button:hover {
  border-color: rgba(182,255,0,0.68) !important;
  box-shadow: 0 0 22px rgba(182,255,0,0.18), 0 0 38px rgba(255,56,209,0.22) !important;
}

body.vv-site .vv-trust-pill,
body.vv-site .vv-product-card,
body.vv-site .vv-guide-card,
body.vv-site .vv-panel,
body.vv-site .vv-review-card,
body.vv-site .vv-lux-card,
body.vv-site .vv-fundamentals-panel,
body.vv-site .vv-legal-panel,
body.vv-site .vv-reconstitution-card,
body.vv-site .woocommerce ul.products li.product,
body.vv-site .woocommerce div.product,
body.vv-site .woocommerce-cart-form,
body.vv-site .cart_totals,
body.vv-site .woocommerce form.checkout,
body.vv-site .woocommerce-checkout-review-order {
  border-color: rgba(138,43,255,0.42) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.026)),
    rgba(0,0,0,0.70) !important;
  box-shadow: 0 20px 58px rgba(0,0,0,0.40), inset 0 0 30px rgba(138,43,255,0.09) !important;
  backdrop-filter: blur(14px);
}

body.vv-site .vv-eyebrow,
body.vv-site .vv-price,
body.vv-site .woocommerce-Price-amount,
body.vv-site .vv-research-only-glow {
  color: #B6FF00 !important;
  text-shadow: 0 0 14px rgba(182,255,0,0.30) !important;
}

body.vv-site .vv-gradient-text {
  background: linear-gradient(112deg, #FFFFFF 0%, #DCD1FF 18%, #18E7FF 38%, #FF38D1 66%, #FFFFFF 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.vv-site .vv-subhead,
body.vv-site .vv-section-head p,
body.vv-site .vv-product-meta,
body.vv-site .vv-guide-card p,
body.vv-site .vv-entry,
body.vv-site .vv-footer,
body.vv-site .woocommerce-result-count {
  color: rgba(255,255,255,0.80) !important;
}

body.vv-site input,
body.vv-site textarea,
body.vv-site select,
body.vv-site .woocommerce input.input-text,
body.vv-site .woocommerce textarea {
  border-color: rgba(138,43,255,0.46) !important;
  background-color: rgba(0,0,0,0.50) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 0 18px rgba(138,43,255,0.10) !important;
}

/* Mockup-accurate homepage rebuild */
body.vv-site {
  --vv-black: #000;
  --vv-space: #050008;
  --vv-purple: #9B32FF;
  --vv-pink: #FF32D2;
  --vv-blue: #4ACBFF;
  --vv-lime: #B6FF16;
  --vv-lav: #E9DFFF;
}

body.vv-site .vv-svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

body.vv-site .vv-coupon-bar {
  position: relative;
  z-index: 30;
  background: #000;
  border-bottom: 1px solid rgba(255,50,210,0.24);
  color: #fff;
  box-shadow: 0 0 18px rgba(155,50,255,0.18);
}

body.vv-site .vv-coupon-inner {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 2vw, 1.2rem);
  flex-wrap: wrap;
  font-size: 0.78rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

body.vv-site .vv-coupon-inner strong,
body.vv-site .vv-coupon-inner span:first-child {
  color: var(--vv-lime);
  text-shadow: 0 0 10px rgba(182,255,22,0.55);
}

body.vv-site .vv-coupon-inner a { color: var(--vv-lime); }

body.vv-site .vv-mockup-header {
  position: sticky;
  top: 0;
  z-index: 29;
  background: rgba(0,0,0,0.96) !important;
  border-bottom: 1px solid rgba(255,50,210,0.32) !important;
}

body.vv-site .vv-nav {
  min-height: 96px;
  grid-template-columns: auto minmax(0,1fr) auto;
}

body.vv-site .vv-brand-oval {
  width: clamp(165px, 18vw, 245px);
  aspect-ratio: 2.65 / 1;
  padding: 0.24rem 0.55rem;
  border: 1px solid rgba(255,50,210,0.9);
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(255,50,210,0.18), rgba(0,0,0,0.88) 64%);
  box-shadow: 0 0 20px rgba(255,50,210,0.46), 0 0 34px rgba(74,203,255,0.14);
  overflow: hidden;
}

body.vv-site .vv-brand-oval::before,
body.vv-site .vv-brand-oval::after { content: none !important; }

body.vv-site .vv-brand-oval img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  border-radius: 999px;
  animation: vvLogoFloat 7s ease-in-out infinite;
}

body.vv-site .vv-menu {
  justify-content: center;
  gap: clamp(0.7rem, 2vw, 1.6rem);
}

body.vv-site .vv-menu a {
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff !important;
}

body.vv-site .vv-nav-actions { gap: 0.48rem; }
body.vv-site .vv-messenger-header-btn { display: none !important; }

body.vv-site .vv-icon-btn {
  width: 46px;
  height: 46px;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,0.22), rgba(155,50,255,0.9)) !important;
}

body.vv-site .vv-lab-cart {
  min-height: 48px;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(155,50,255,0.96), rgba(255,50,210,0.86)) !important;
}

body.vv-site .vv-ruo-announcement {
  gap: clamp(1rem, 8vw, 6rem);
  background: #000 !important;
  border-bottom-color: rgba(255,50,210,0.34) !important;
}

body.vv-site .vv-mockup-home {
  background: #000;
  overflow: hidden;
}

body.vv-site .vv-home-blueprint {
  position: relative;
  min-height: 920px;
  display: grid;
  align-items: start;
  justify-items: center;
  padding: clamp(1.2rem, 2vw, 2rem) 1rem 1.4rem;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 14% 20%, rgba(95,22,210,0.34), transparent 20%),
    radial-gradient(ellipse at 86% 25%, rgba(95,22,210,0.20), transparent 22%),
    radial-gradient(ellipse at 50% 100%, rgba(255,50,210,0.17), transparent 38%),
    #000 !important;
}

body.vv-site .vv-space-background,
body.vv-site .vv-space-background span {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -4;
}

body.vv-site .vv-space-background {
  background:
    radial-gradient(1px 1px at 8% 15%, #fff, transparent 60%),
    radial-gradient(1px 1px at 24% 24%, rgba(255,50,210,0.95), transparent 60%),
    radial-gradient(2px 2px at 72% 18%, rgba(255,255,255,0.85), transparent 62%),
    radial-gradient(1px 1px at 90% 36%, rgba(182,255,22,0.85), transparent 60%),
    radial-gradient(1px 1px at 66% 54%, rgba(74,203,255,0.8), transparent 62%),
    radial-gradient(2px 2px at 42% 72%, rgba(255,50,210,0.9), transparent 62%),
    linear-gradient(#000,#000);
}

body.vv-site .vv-galaxy-left {
  width: 230px;
  height: 230px;
  left: 4%;
  top: 10%;
  border-radius: 50%;
  background: repeating-radial-gradient(ellipse at center, rgba(155,50,255,0.55) 0 2px, transparent 5px 16px);
  filter: blur(0.5px) drop-shadow(0 0 18px rgba(155,50,255,0.52));
  transform: rotate(-22deg) scaleX(1.35);
  opacity: 0.45;
}

body.vv-site .vv-planet-top,
body.vv-site .vv-planet-ring {
  width: 170px;
  height: 170px;
  left: auto;
  right: 2%;
  top: 12%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(155,50,255,0.55), rgba(10,5,20,0.96) 62%, transparent 64%);
  opacity: 0.62;
}

body.vv-site .vv-planet-ring {
  top: 48%;
  right: 5%;
  transform: scale(0.82);
}

body.vv-site .vv-planet-ring::after {
  content: "";
  position: absolute;
  inset: 44% -28%;
  border: 2px solid rgba(155,50,255,0.58);
  border-radius: 50%;
  transform: rotate(-18deg);
}

body.vv-site .vv-space-dna-left,
body.vv-site .vv-space-dna-right {
  width: 130px;
  height: 520px;
  right: auto;
  left: 4%;
  top: 24%;
  opacity: 0.68;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,50,210,0.95) 0 3px, transparent 4px),
    repeating-radial-gradient(ellipse at 50% 50%, transparent 0 18px, rgba(155,50,255,0.32) 19px 21px, transparent 22px 42px);
  border-left: 3px solid rgba(155,50,255,0.55);
  border-right: 3px solid rgba(255,50,210,0.55);
  border-radius: 50%;
  filter: drop-shadow(0 0 16px rgba(155,50,255,0.55));
}

body.vv-site .vv-space-dna-right {
  left: auto;
  right: 3%;
  top: 20%;
  height: 360px;
  width: 90px;
  opacity: 0.28;
}

body.vv-site .vv-molecule-map-left,
body.vv-site .vv-molecule-map-right {
  width: 210px;
  height: 160px;
  left: 13%;
  top: 44%;
  border-radius: 24px;
  background:
    radial-gradient(circle at 18% 50%, rgba(155,50,255,0.9) 0 7px, transparent 8px),
    radial-gradient(circle at 52% 22%, rgba(255,50,210,0.8) 0 5px, transparent 6px),
    radial-gradient(circle at 78% 60%, rgba(182,255,22,0.7) 0 5px, transparent 6px),
    linear-gradient(34deg, transparent 0 43%, rgba(155,50,255,0.48) 44% 46%, transparent 47%),
    linear-gradient(-28deg, transparent 0 50%, rgba(255,50,210,0.40) 51% 53%, transparent 54%);
  opacity: 0.55;
}

body.vv-site .vv-molecule-map-right {
  left: auto;
  right: 9%;
  top: 28%;
  transform: scale(1.15);
}

body.vv-site .vv-hero-ufo {
  position: absolute !important;
  top: 2.1rem;
  left: 50%;
  width: clamp(330px, 55vw, 760px) !important;
  height: clamp(190px, 20vw, 285px) !important;
  transform: translateX(-50%);
  z-index: 5;
  filter: drop-shadow(0 0 28px rgba(255,50,210,0.62));
  animation: vvSlowFloat 8s ease-in-out infinite;
}

body.vv-site .vv-ufo-dome-glass,
body.vv-site .vv-ufo-shell,
body.vv-site .vv-ufo-rim,
body.vv-site .vv-ufo-lights,
body.vv-site .vv-ufo-core {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

body.vv-site .vv-ufo-dome-glass {
  top: 0;
  width: 42%;
  height: 34%;
  border-radius: 50% 50% 42% 42%;
  border: 1px solid rgba(180,220,255,0.55);
  background: radial-gradient(ellipse at 50% 18%, rgba(255,255,255,0.44), rgba(74,203,255,0.18) 34%, rgba(10,0,26,0.78) 70%);
  box-shadow: inset 0 0 22px rgba(255,255,255,0.18), 0 0 18px rgba(74,203,255,0.25);
}

body.vv-site .vv-ufo-shell {
  top: 18%;
  width: 100%;
  height: 50%;
  border-radius: 50%;
  border: 2px solid rgba(255,50,210,0.8);
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255,255,255,0.18), transparent 20%),
    linear-gradient(180deg, rgba(35,24,54,0.96), rgba(5,0,10,0.96) 58%, rgba(90,20,130,0.72));
  box-shadow: inset 0 18px 38px rgba(255,255,255,0.08), inset 0 -22px 42px rgba(0,0,0,0.95), 0 0 46px rgba(155,50,255,0.55);
}

body.vv-site .vv-ufo-rim {
  top: 43%;
  width: 86%;
  height: 15%;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, rgba(255,50,210,0.84), rgba(182,255,22,0.45), rgba(255,50,210,0.84), transparent);
  box-shadow: 0 0 22px rgba(255,50,210,0.64);
}

body.vv-site .vv-ufo-lights {
  top: 41%;
  width: 74%;
  height: 22px;
  background:
    radial-gradient(circle at 8% 50%, var(--vv-pink) 0 8px, transparent 9px),
    radial-gradient(circle at 25% 50%, var(--vv-purple) 0 8px, transparent 9px),
    radial-gradient(circle at 42% 50%, var(--vv-pink) 0 8px, transparent 9px),
    radial-gradient(circle at 58% 50%, var(--vv-purple) 0 8px, transparent 9px),
    radial-gradient(circle at 75% 50%, var(--vv-pink) 0 8px, transparent 9px),
    radial-gradient(circle at 92% 50%, var(--vv-lime) 0 8px, transparent 9px);
}

body.vv-site .vv-ufo-core {
  top: 54%;
  width: 25%;
  height: 22%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #fff, var(--vv-lime) 30%, rgba(182,255,22,0.10) 70%);
  box-shadow: 0 0 35px rgba(182,255,22,0.92);
}

body.vv-site .vv-tractor-beam {
  position: absolute;
  top: clamp(125px, 14vw, 215px);
  left: 50%;
  width: clamp(260px, 34vw, 520px);
  height: clamp(360px, 43vw, 610px);
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
  clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%);
  background:
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(255,255,255,0.10) 19px 21px, transparent 22px 42px),
    radial-gradient(ellipse at 50% 12%, rgba(255,255,255,0.65), transparent 18%),
    linear-gradient(180deg, rgba(182,255,22,0.75), rgba(182,255,22,0.18) 58%, transparent);
  opacity: 0.86;
  filter: blur(0.2px);
}

body.vv-site .vv-tractor-beam span,
body.vv-site .vv-tractor-beam i,
body.vv-site .vv-tractor-beam b {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 40%, rgba(182,255,22,0.48), transparent 26%);
  animation: vvBeamRise 4.6s linear infinite;
}

body.vv-site .vv-tractor-beam i { animation-delay: -1.5s; opacity: 0.6; }
body.vv-site .vv-tractor-beam b { animation-delay: -3s; opacity: 0.42; }

body.vv-site .vv-hero-content {
  position: relative;
  z-index: 6;
  width: min(920px, 94vw);
  margin-top: clamp(260px, 25vw, 390px);
  text-align: center;
}

body.vv-site .vv-hero-eyebrow,
body.vv-site .vv-goo-heading,
body.vv-site .vv-abduction-sub {
  color: var(--vv-lime) !important;
  font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
  font-weight: 900;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  filter: url(#vv-goo-display-filter) drop-shadow(0 0 12px rgba(182,255,22,0.55));
  text-shadow: 0 2px 0 #6d9f00, 0 5px 0 #304d00, 0 0 12px rgba(182,255,22,0.9), 0 0 34px rgba(155,50,255,0.54);
}

body.vv-site .vv-hero-eyebrow {
  margin: 0 0 0.5rem;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
}

body.vv-site .vv-abduction-heading {
  margin: 0;
  line-height: 0.85;
  perspective: 700px;
}

body.vv-site .vv-abduction-main {
  display: block;
  color: rgba(0,0,0,0.06);
  -webkit-text-stroke: clamp(1px, 0.22vw, 3px) var(--vv-pink);
  font-size: clamp(4.2rem, 9vw, 8.8rem);
  font-family: Impact, Haettenschweiler, "Arial Black", sans-serif;
  font-style: italic;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transform: rotateX(14deg) skewX(-6deg);
  text-shadow: 0 0 8px rgba(255,255,255,0.8), 0 0 24px rgba(255,50,210,0.88), 0 0 58px rgba(155,50,255,0.84);
}

body.vv-site .vv-abduction-sub {
  display: block;
  margin-top: 0.18em;
  font-size: clamp(3rem, 6vw, 5.7rem);
  line-height: 0.95;
}

body.vv-site .vv-hero-tagline {
  margin: 1.15rem auto 0.75rem;
  color: #fff;
  font-weight: 900;
  font-size: clamp(1.02rem, 1.55vw, 1.35rem);
}

body.vv-site .vv-hero-description {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(233,223,255,0.92);
  font-size: clamp(0.98rem, 1.2vw, 1.08rem);
  line-height: 1.58;
}

body.vv-site .vv-compliance-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-top: 1.1rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(255,50,210,0.48);
  border-radius: 999px;
  background: rgba(0,0,0,0.78);
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.055em;
}

body.vv-site .vv-compliance-pill span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--vv-lime);
  box-shadow: 0 0 10px rgba(182,255,22,0.8);
}

body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  position: absolute;
  bottom: 1rem;
  width: min(260px, 22vw);
  height: 300px;
  z-index: 4;
  pointer-events: none;
}

body.vv-site .vv-left-lab-art { left: 7%; }
body.vv-site .vv-right-lab-art { right: 6%; }

body.vv-site .vv-lab-flask,
body.vv-site .vv-lab-vial,
body.vv-site .vv-test-rack {
  position: absolute;
  bottom: 0;
  border: 2px solid rgba(255,50,210,0.7);
  background: linear-gradient(180deg, transparent 42%, rgba(155,50,255,0.42), rgba(182,255,22,0.18));
  box-shadow: inset 0 0 22px rgba(255,50,210,0.24), 0 0 22px rgba(155,50,255,0.34);
}

body.vv-site .vv-lab-flask {
  width: 96px;
  height: 160px;
  left: 0;
  clip-path: polygon(38% 0, 62% 0, 62% 40%, 100% 100%, 0 100%, 38% 40%);
}

body.vv-site .vv-lab-vial-big {
  width: 96px;
  height: 190px;
  left: 98px;
  border-radius: 18px 18px 8px 8px;
}

body.vv-site .vv-lab-vial-big::after {
  content: "PEPTIDE";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 70px;
  padding: 0.3rem 0;
  background: rgba(0,0,0,0.78);
  color: var(--vv-pink);
  font-weight: 900;
}

body.vv-site .vv-lab-vial-small {
  width: 54px;
  height: 92px;
  left: 192px;
  border-radius: 12px 12px 6px 6px;
  background: linear-gradient(180deg, transparent 42%, rgba(182,255,22,0.72), rgba(182,255,22,0.20));
}

body.vv-site .vv-test-rack {
  right: 0;
  width: 180px;
  height: 130px;
  border-radius: 14px;
  background:
    linear-gradient(90deg, transparent 12%, rgba(182,255,22,0.8) 13% 20%, transparent 21% 38%, rgba(155,50,255,0.85) 39% 46%, transparent 47% 64%, rgba(182,255,22,0.85) 65% 72%, transparent 73%),
    rgba(0,0,0,0.54);
}

body.vv-site .vv-lab-flask-right {
  right: 190px;
  left: auto;
}

body.vv-site .vv-trust-panel-section {
  margin-top: -1rem;
  position: relative;
  z-index: 8;
}

body.vv-site .vv-trust-panel {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 0;
  border: 1px solid rgba(255,50,210,0.38);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.015)), rgba(0,0,0,0.82);
  box-shadow: 0 0 32px rgba(255,50,210,0.14), inset 0 0 26px rgba(155,50,255,0.10);
  overflow: hidden;
}

body.vv-site .vv-trust-panel article {
  min-height: 180px;
  padding: 1.2rem 0.85rem;
  text-align: center;
  display: grid;
  align-content: center;
  gap: 0.5rem;
  border-right: 1px solid rgba(255,50,210,0.18);
}

body.vv-site .vv-trust-panel article:last-child { border-right: 0; }

body.vv-site .vv-trust-panel i {
  width: 52px;
  height: 52px;
  margin: 0 auto;
  border: 2px solid rgba(255,50,210,0.8);
  border-radius: 16px;
  box-shadow: 0 0 18px rgba(255,50,210,0.42);
}

body.vv-site .vv-trust-panel strong {
  color: #fff;
  font-size: 0.86rem;
  text-transform: uppercase;
}

body.vv-site .vv-trust-panel span {
  color: rgba(255,255,255,0.78);
  font-size: 0.78rem;
  line-height: 1.38;
}

body.vv-site .vv-featured-blueprint,
body.vv-site .vv-why-blueprint,
body.vv-site .vv-art-feature,
body.vv-site .vv-quality-blueprint,
body.vv-site .vv-reviews-blueprint,
body.vv-site .vv-affiliate-blueprint,
body.vv-site .vv-join-blueprint {
  position: relative;
  z-index: 8;
  margin-top: 1rem;
}

body.vv-site .vv-featured-panel,
body.vv-site .vv-art-card,
body.vv-site .vv-join-card,
body.vv-site .vv-quality-panel,
body.vv-site .vv-affiliate-panel {
  border: 1px solid rgba(255,50,210,0.42);
  border-radius: 22px;
  background: radial-gradient(circle at 50% 0%, rgba(155,50,255,0.12), transparent 35%), rgba(0,0,0,0.82);
  box-shadow: 0 0 32px rgba(255,50,210,0.12), inset 0 0 28px rgba(155,50,255,0.08);
  padding: clamp(1rem, 2vw, 1.7rem);
}

body.vv-site .vv-featured-head {
  justify-content: center;
  text-align: center;
}

body.vv-site .vv-featured-head h2,
body.vv-site .vv-centered-head h2 {
  color: var(--vv-pink);
  letter-spacing: 0.11em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(255,50,210,0.55);
}

body.vv-site .vv-product-tabs {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  flex-wrap: wrap;
  margin: 1rem 0 1.2rem;
}

body.vv-site .vv-product-tabs button {
  border: 1px solid rgba(255,50,210,0.55);
  border-radius: 999px;
  padding: 0.56rem 1.25rem;
  background: rgba(0,0,0,0.72);
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.05em;
}

body.vv-site .vv-product-tabs .is-active {
  background: linear-gradient(135deg, var(--vv-purple), var(--vv-pink));
}

body.vv-site .vv-featured-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 1rem !important;
}

body.vv-site .vv-featured-products .woocommerce ul.products li.product,
body.vv-site .vv-featured-products ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  text-align: center;
  border: 1px solid rgba(255,50,210,0.62) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,0.82) !important;
}

body.vv-site .vv-featured-products .price,
body.vv-site .vv-featured-products .woocommerce-Price-amount {
  color: var(--vv-lime) !important;
  font-weight: 900;
}

body.vv-site .vv-art-card,
body.vv-site .vv-join-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(1.2rem, 3vw, 2.4rem);
  align-items: center;
}

body.vv-site .vv-art-card-reverse {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
}

body.vv-site .vv-art-card-reverse .vv-art-media { order: 2; }
body.vv-site .vv-art-card-reverse .vv-art-copy { order: 1; }

body.vv-site .vv-art-media img,
body.vv-site .vv-messenger-art {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 28px rgba(255,50,210,0.36)) drop-shadow(0 0 18px rgba(182,255,22,0.12));
  animation: vvSlowFloat 8.5s ease-in-out infinite;
}

body.vv-site .vv-art-copy h2,
body.vv-site .vv-join-copy h2,
body.vv-site .vv-affiliate-panel h2,
body.vv-site .vv-quality-panel h2 {
  color: #fff;
  text-transform: uppercase;
}

body.vv-site .vv-art-copy p,
body.vv-site .vv-join-copy p,
body.vv-site .vv-affiliate-panel p,
body.vv-site .vv-quality-panel p {
  color: rgba(233,223,255,0.86);
}

body.vv-site .vv-join-card {
  grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1.05fr);
}

body.vv-site .vv-join-media {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(180px, 0.55fr);
  gap: 1rem;
  align-items: center;
}

body.vv-site .vv-messenger-art {
  max-width: 520px;
  border-radius: 50%;
}

body.vv-site .vv-real-qr {
  object-fit: contain !important;
}

body.vv-site .vv-tier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
  margin: 1rem 0;
}

body.vv-site .vv-tier-grid article {
  border: 1px solid rgba(255,50,210,0.35);
  border-radius: 16px;
  padding: 1rem;
  background: rgba(0,0,0,0.54);
}

body.vv-site .vv-tier-grid strong,
body.vv-site .vv-tier-grid span,
body.vv-site .vv-tier-grid em {
  display: block;
}

body.vv-site .vv-tier-grid span { color: var(--vv-lime); font-weight: 900; }
body.vv-site .vv-tier-grid em { color: rgba(255,255,255,0.72); font-style: normal; }

body.vv-site .vv-coa-button-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 0.75rem;
}

body.vv-site .vv-coa-detail-button {
  text-decoration: none;
}

@keyframes vvSlowFloat {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(-8px); }
}

body.vv-site .vv-art-media img,
body.vv-site .vv-messenger-art {
  animation-name: vvArtFloat;
}

@keyframes vvArtFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.01); }
}

@keyframes vvBeamRise {
  from { transform: translateY(70px); opacity: 0.2; }
  45% { opacity: 0.75; }
  to { transform: translateY(-90px); opacity: 0; }
}

@media (max-width: 1100px) {
  body.vv-site .vv-nav { grid-template-columns: 1fr; justify-items: center; gap: 0.7rem; padding: 0.7rem 0; }
  body.vv-site .vv-featured-products ul.products { grid-template-columns: repeat(3, minmax(0,1fr)); }
  body.vv-site .vv-trust-panel { grid-template-columns: repeat(3, minmax(0,1fr)); }
  body.vv-site .vv-trust-panel article { border-bottom: 1px solid rgba(255,50,210,0.18); }
}

@media (max-width: 700px) {
  body.vv-site .vv-home-blueprint { min-height: 820px; padding-inline: 0.7rem; }
  body.vv-site .vv-hero-content { margin-top: 230px; }
  body.vv-site .vv-left-lab-art,
  body.vv-site .vv-right-lab-art,
  body.vv-site .vv-space-dna-right,
  body.vv-site .vv-molecule-map-left,
  body.vv-site .vv-molecule-map-right { display: none; }
  body.vv-site .vv-abduction-main { font-size: clamp(3.1rem, 17vw, 4.6rem); }
  body.vv-site .vv-abduction-sub { font-size: clamp(2.3rem, 13vw, 3.5rem); }
  body.vv-site .vv-hero-actions { flex-direction: column; align-items: stretch; }
  body.vv-site .vv-trust-panel { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.vv-site .vv-featured-products ul.products { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.vv-site .vv-art-card,
  body.vv-site .vv-art-card-reverse,
  body.vv-site .vv-join-card,
  body.vv-site .vv-join-media,
  body.vv-site .vv-tier-grid,
  body.vv-site .vv-coa-button-grid { grid-template-columns: 1fr; }
  body.vv-site .vv-art-card-reverse .vv-art-media,
  body.vv-site .vv-art-card-reverse .vv-art-copy { order: initial; }
}

/* Vial Vibes Cosmic Lab structure */
body.vv-site .vv-ruo-announcement {
  display: flex;
  justify-content: center;
  gap: clamp(0.7rem, 3vw, 2rem);
  flex-wrap: wrap;
  padding: 0.62rem 1rem;
  border-bottom: 1px solid rgba(182,255,0,0.34);
  background:
    linear-gradient(90deg, rgba(0,0,0,0.88), rgba(91,30,255,0.32), rgba(0,0,0,0.88)),
    rgba(0,0,0,0.88);
  color: #FFFFFF;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 0 22px rgba(182,255,0,0.11), 0 0 34px rgba(138,43,255,0.16);
}

body.vv-site .vv-ruo-announcement span {
  position: relative;
  text-shadow: 0 0 12px rgba(255,56,209,0.42);
}

body.vv-site .vv-ruo-announcement span::before {
  content: "";
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  margin-right: 0.55rem;
  border-radius: 999px;
  background: #B6FF00;
  box-shadow: 0 0 12px rgba(182,255,0,0.66);
  vertical-align: 0.06rem;
}

body.vv-site .vv-cosmic-hero {
  min-height: calc(100vh - 140px);
  display: grid;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,56,209,0.24);
}

body.vv-site .vv-cosmic-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(62vh, 680px);
  pointer-events: none;
  opacity: 0.86;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(182,255,0,0.26), transparent 10%),
    radial-gradient(ellipse at 50% 12%, rgba(255,56,209,0.36), transparent 24%),
    radial-gradient(ellipse at 8% 60%, rgba(138,43,255,0.38), transparent 25%),
    radial-gradient(ellipse at 92% 58%, rgba(255,56,209,0.24), transparent 25%),
    linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,0,0,0.70));
}

body.vv-site .vv-hero-copy {
  position: relative;
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
}

body.vv-site .vv-hero-copy h1 {
  text-transform: uppercase;
  letter-spacing: 0.025em;
  text-shadow: 0 0 24px rgba(255,56,209,0.32), 0 0 52px rgba(138,43,255,0.24);
}

body.vv-site .vv-hero-logo-orb {
  width: min(220px, 48vw);
  margin: -0.8rem auto 1rem;
  padding: 0.28rem;
  border-radius: 999px;
  border: 1px solid rgba(255,56,209,0.72);
  background: rgba(0,0,0,0.72);
  box-shadow: 0 0 26px rgba(255,56,209,0.36), 0 0 46px rgba(182,255,0,0.12);
}

body.vv-site .vv-hero-logo-orb img {
  display: block;
  width: 100%;
  aspect-ratio: 2.8 / 1;
  object-fit: cover;
  border-radius: 999px;
}

body.vv-site .vv-outline-title {
  display: block;
  color: rgba(0,0,0,0.05) !important;
  -webkit-text-stroke: clamp(1px, 0.24vw, 3px) #FF38D1;
  text-shadow:
    0 0 4px rgba(255,255,255,0.85),
    0 0 18px rgba(255,56,209,0.78),
    0 0 42px rgba(138,43,255,0.72),
    0 0 70px rgba(24,231,255,0.26);
  line-height: 0.92;
}

body.vv-site .vv-outline-title em {
  display: block;
  color: rgba(182,255,0,0.12);
  -webkit-text-stroke-color: #B6FF00;
  font-style: normal;
  text-shadow: 0 0 16px rgba(182,255,0,0.72), 0 0 36px rgba(182,255,0,0.24);
}

body.vv-site .vv-hero-notice {
  display: inline-flex;
  justify-content: center;
  margin: 1rem auto 1.1rem;
  padding: 0.72rem 1.1rem;
  border: 1px solid rgba(182,255,0,0.60);
  border-radius: 999px;
  background: rgba(0,0,0,0.72);
  color: #FFFFFF;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 0 22px rgba(182,255,0,0.14);
}

body.vv-site .vv-hero-ufo {
  width: min(580px, 82vw);
  height: 185px;
  margin: 0 auto -0.35rem;
  position: relative;
  pointer-events: none;
  filter: drop-shadow(0 0 24px rgba(255,56,209,0.55));
}

body.vv-site .vv-hero-ufo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 24px;
  width: 92%;
  height: 90px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 2px solid rgba(255,56,209,0.88);
  background:
    radial-gradient(ellipse at 50% 22%, rgba(255,255,255,0.24), transparent 18%),
    radial-gradient(ellipse at 50% 58%, rgba(255,56,209,0.48), transparent 38%),
    linear-gradient(180deg, rgba(21,0,44,0.96), rgba(0,0,0,0.92));
  box-shadow:
    inset 0 0 30px rgba(255,56,209,0.38),
    inset 0 -16px 34px rgba(0,0,0,0.84),
    0 0 38px rgba(138,43,255,0.56);
}

body.vv-site .vv-hero-ufo::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 92px;
  width: 32%;
  height: 105px;
  transform: translateX(-50%);
  clip-path: polygon(24% 0, 76% 0, 100% 100%, 0 100%);
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255,255,255,0.70), transparent 18%),
    linear-gradient(180deg, rgba(182,255,0,0.74), rgba(182,255,0,0.14) 58%, transparent);
  filter: blur(0.2px);
  opacity: 0.86;
}

body.vv-site .vv-hero-ufo span {
  position: absolute;
  left: 50%;
  top: 54px;
  width: 82%;
  height: 18px;
  transform: translateX(-50%);
  border-radius: 999px;
  background:
    radial-gradient(circle at 12% 50%, #FF38D1 0 6px, transparent 7px),
    radial-gradient(circle at 28% 50%, #B6FF00 0 6px, transparent 7px),
    radial-gradient(circle at 44% 50%, #FF38D1 0 6px, transparent 7px),
    radial-gradient(circle at 60% 50%, #B6FF00 0 6px, transparent 7px),
    radial-gradient(circle at 76% 50%, #FF38D1 0 6px, transparent 7px),
    radial-gradient(circle at 92% 50%, #B6FF00 0 6px, transparent 7px);
  box-shadow: 0 0 18px rgba(182,255,0,0.34);
}

body.vv-site .vv-trust-row-wide {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid rgba(255,56,209,0.42);
  border-radius: 22px;
  padding: 0.9rem;
  background: rgba(0,0,0,0.66);
  box-shadow: 0 0 34px rgba(255,56,209,0.14);
}

body.vv-site .vv-trust-row-wide .vv-trust-pill {
  min-height: 100%;
  text-align: center;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.vv-site .vv-product-showcase {
  position: relative;
  overflow: hidden;
}

body.vv-site .vv-product-showcase::before {
  content: "";
  position: absolute;
  inset: 2rem 2vw auto;
  height: 18rem;
  pointer-events: none;
  opacity: 0.38;
  background:
    radial-gradient(circle at 14% 45%, rgba(255,56,209,0.48), transparent 18%),
    radial-gradient(circle at 48% 18%, rgba(182,255,0,0.30), transparent 14%),
    radial-gradient(circle at 78% 62%, rgba(24,231,255,0.34), transparent 18%);
  filter: blur(28px);
}

body.vv-site .vv-product-orbit {
  display: grid;
  gap: 1.4rem;
}

body.vv-site .vv-center-action {
  display: flex;
  justify-content: center;
  margin-top: 1.2rem;
}

body.vv-site .vv-product-collection {
  padding: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

body.vv-site .vv-product-collection > .vv-eyebrow {
  margin-bottom: 1rem;
}

body.vv-site .vv-product-collection ul.products {
  margin-bottom: 0 !important;
}

body.vv-site .vv-product-native-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
  margin: 0.55rem 0;
}

body.vv-site .vv-product-ruo-badge,
body.vv-site .vv-product-native-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(182,255,0,0.40);
  border-radius: 999px;
  background: rgba(0,0,0,0.54);
  color: rgba(255,255,255,0.84);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.vv-site .vv-product-ruo-badge {
  color: #B6FF00 !important;
  box-shadow: 0 0 14px rgba(182,255,0,0.13);
}

body.vv-site .woocommerce ul.products li.product {
  border-radius: 16px !important;
  padding: 1rem !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

body.vv-site .woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  border-color: rgba(182,255,0,0.48) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,0.56), 0 0 32px rgba(255,56,209,0.22) !important;
}

body.vv-site .woocommerce ul.products li.product img {
  border-radius: 14px;
  background: rgba(0,0,0,0.46);
  box-shadow: 0 0 26px rgba(138,43,255,0.16);
}

body.vv-site .vv-community-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
}

body.vv-site .vv-messenger-qr {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 1.5rem;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  border: 1px solid rgba(255,56,209,0.58);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,56,209,0.28), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    rgba(0,0,0,0.76);
  box-shadow: 0 22px 62px rgba(0,0,0,0.50), 0 0 42px rgba(138,43,255,0.18);
}

body.vv-site .vv-community-art {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 1rem;
  align-items: stretch;
}

body.vv-site .vv-pepper-sticker {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
  border-radius: 22px;
  border: 1px solid rgba(182,255,0,0.42);
  background: #000;
  box-shadow: 0 22px 62px rgba(0,0,0,0.58), 0 0 42px rgba(182,255,0,0.16), 0 0 56px rgba(255,56,209,0.14);
}

body.vv-site .vv-qr-core {
  width: min(150px, 42vw);
  aspect-ratio: 1;
  border-radius: 24px;
  border: 1px solid rgba(182,255,0,0.55);
  background:
    linear-gradient(90deg, transparent 14%, rgba(255,56,209,0.95) 14% 24%, transparent 24% 44%, rgba(182,255,0,0.95) 44% 54%, transparent 54% 74%, rgba(24,231,255,0.88) 74% 84%, transparent 84%),
    linear-gradient(0deg, transparent 10%, rgba(138,43,255,0.95) 10% 20%, transparent 20% 48%, rgba(255,56,209,0.86) 48% 58%, transparent 58% 82%, rgba(182,255,0,0.86) 82% 92%, transparent 92%),
    #050005;
  box-shadow: inset 0 0 28px rgba(255,255,255,0.08), 0 0 36px rgba(182,255,0,0.20);
}

body.vv-site .vv-real-qr {
  width: min(220px, 64vw);
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 18px;
  border: 1px solid rgba(74,203,255,0.58);
  background: #101010;
  box-shadow: 0 0 28px rgba(74,203,255,0.20), 0 0 46px rgba(255,56,209,0.20);
}

body.vv-site .vv-community-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 1rem 0;
}

body.vv-site .vv-community-benefits span {
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(255,56,209,0.36);
  border-radius: 999px;
  background: rgba(0,0,0,0.46);
  color: rgba(255,255,255,0.86);
  font-size: 0.82rem;
  font-weight: 800;
}

body.vv-site .vv-small-note {
  margin-top: 1rem;
  color: rgba(233,223,255,0.82);
  font-size: 0.94rem;
}

body.vv-site .vv-messenger-qr strong,
body.vv-site .vv-messenger-qr em {
  display: block;
}

body.vv-site .vv-messenger-qr strong {
  margin-top: 1rem;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.vv-site .vv-messenger-qr em {
  color: rgba(255,255,255,0.74);
  font-style: normal;
}

body.vv-site .vv-guidance-grid,
body.vv-site .vv-legal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

body.vv-site .vv-legal-panel {
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: 24px;
}

body.vv-site .vv-legal-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1rem;
}

body.vv-site .vv-legal-grid article {
  border: 1px solid rgba(138,43,255,0.32);
  border-radius: 16px;
  padding: 1rem;
  background: rgba(0,0,0,0.38);
}

body.vv-site .vv-review-empty {
  grid-column: 1 / -1;
}

body.vv-site .vv-footer-clean {
  border-top: 1px solid rgba(255,56,209,0.36);
  background:
    radial-gradient(circle at 24% 0%, rgba(138,43,255,0.25), transparent 30%),
    radial-gradient(circle at 76% 20%, rgba(255,56,209,0.18), transparent 26%),
    #000000 !important;
}

body.vv-site .vv-footer-brand img {
  width: min(190px, 56vw);
  height: auto;
  display: block;
  margin-bottom: 0.8rem;
  filter: drop-shadow(0 0 18px rgba(255,56,209,0.34));
}

body.vv-site .vv-footer-clean a {
  color: #FFFFFF;
  text-decoration-color: rgba(182,255,0,0.62);
}

body.vv-site .vv-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1.4rem;
  color: rgba(255,255,255,0.78);
}

body.vv-site .vv-footer-bottom strong {
  color: #B6FF00;
  text-shadow: 0 0 14px rgba(182,255,0,0.22);
}

@media (max-width: 900px) {
  body.vv-site .vv-trust-row-wide,
  body.vv-site .vv-guidance-grid,
  body.vv-site .vv-legal-grid,
  body.vv-site .vv-community-grid {
    grid-template-columns: 1fr;
  }

  body.vv-site .vv-community-art {
    grid-template-columns: 1fr;
  }

  body.vv-site .vv-trust-row-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.vv-site .vv-cosmic-hero {
    min-height: auto;
  }

  body.vv-site .vv-hero-ufo {
    height: 132px;
  }
}

/* Final mockup tuning pass */
body.vv-site .vv-coupon-bar {
  background: #000 !important;
  min-height: 34px !important;
}

body.vv-site .vv-mockup-header {
  background: rgba(0,0,0,0.98) !important;
}

body.vv-site .vv-mockup-header .vv-nav {
  min-height: 76px !important;
  padding-block: 0.35rem !important;
}

body.vv-site .vv-brand-oval {
  width: clamp(152px, 15vw, 218px) !important;
  aspect-ratio: 2.95 / 1 !important;
  padding: 0.18rem 0.45rem !important;
  background: #000 !important;
  border-color: rgba(255,50,210,0.92) !important;
  box-shadow: 0 0 18px rgba(255,50,210,0.62), 0 0 32px rgba(155,50,255,0.28) !important;
}

body.vv-site .vv-brand-oval::before,
body.vv-site .vv-brand-oval::after {
  display: none !important;
}

body.vv-site .vv-brand-oval img {
  object-fit: cover !important;
  object-position: center 10% !important;
  transform: scale(1.18);
  filter: saturate(1.18) contrast(1.08);
}

body.vv-site .vv-menu a {
  font-size: 0.72rem !important;
}

body.vv-site .vv-icon-btn {
  width: 42px !important;
  height: 42px !important;
}

body.vv-site .vv-lab-cart {
  min-height: 44px !important;
  padding-inline: 0.85rem !important;
}

body.vv-site .vv-ruo-announcement {
  min-height: 36px !important;
  padding-block: 0.35rem !important;
}

body.vv-site .vv-home-blueprint {
  min-height: 860px !important;
  padding-top: 0 !important;
  background:
    radial-gradient(ellipse at 12% 22%, rgba(93,20,200,0.34), transparent 20%),
    radial-gradient(ellipse at 88% 26%, rgba(93,20,200,0.18), transparent 21%),
    radial-gradient(ellipse at 50% 80%, rgba(255,50,210,0.10), transparent 40%),
    linear-gradient(180deg, #000 0%, #020004 58%, #000 100%) !important;
}

body.vv-site .vv-space-background {
  opacity: 0.95 !important;
}

body.vv-site .vv-hero-ufo {
  top: 1.6rem !important;
  width: clamp(420px, 48vw, 700px) !important;
  height: clamp(210px, 17vw, 270px) !important;
  overflow: visible !important;
}

body.vv-site .vv-ufo-dome-glass {
  top: -2% !important;
  width: 36% !important;
  height: 42% !important;
  z-index: 3 !important;
  border-radius: 48% 48% 42% 42% !important;
  background:
    radial-gradient(ellipse at 50% 14%, rgba(255,255,255,0.62), transparent 18%),
    radial-gradient(ellipse at 48% 50%, rgba(74,203,255,0.28), rgba(155,50,255,0.16) 48%, rgba(0,0,0,0.80) 78%) !important;
  box-shadow: inset 0 0 26px rgba(255,255,255,0.18), 0 0 24px rgba(74,203,255,0.34) !important;
}

body.vv-site .vv-ufo-shell {
  top: 20% !important;
  height: 42% !important;
  border-width: 1px !important;
  background:
    radial-gradient(ellipse at 50% 16%, rgba(255,255,255,0.20), transparent 18%),
    radial-gradient(ellipse at 50% 78%, rgba(255,50,210,0.28), transparent 42%),
    linear-gradient(180deg, #252033, #050007 62%, #16001f) !important;
}

body.vv-site .vv-ufo-rim {
  top: 42% !important;
  height: 12% !important;
}

body.vv-site .vv-ufo-lights {
  top: 38% !important;
}

body.vv-site .vv-ufo-core {
  top: 50% !important;
  width: 22% !important;
  height: 18% !important;
}

body.vv-site .vv-tractor-beam {
  top: clamp(132px, 11vw, 180px) !important;
  width: clamp(250px, 26vw, 430px) !important;
  height: clamp(320px, 34vw, 510px) !important;
  opacity: 0.78 !important;
  background:
    repeating-linear-gradient(90deg, transparent 0 22px, rgba(255,255,255,0.10) 23px 24px, transparent 25px 44px),
    radial-gradient(ellipse at 50% 4%, rgba(255,255,255,0.72), transparent 14%),
    linear-gradient(180deg, rgba(182,255,22,0.66), rgba(182,255,22,0.17) 60%, transparent) !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(310px, 24vw, 360px) !important;
  width: min(820px, 94vw) !important;
}

body.vv-site .vv-abduction-main {
  font-size: clamp(4.3rem, 7.8vw, 7rem) !important;
  -webkit-text-stroke-color: #FF32D2 !important;
  color: rgba(0,0,0,0.14) !important;
  text-shadow: 0 0 6px rgba(255,255,255,0.8), 0 0 20px rgba(255,50,210,0.92), 0 0 42px rgba(155,50,255,0.72) !important;
}

body.vv-site .vv-abduction-sub {
  font-size: clamp(3.2rem, 5.5vw, 4.8rem) !important;
  margin-top: 0.08em !important;
}

body.vv-site .vv-hero-tagline {
  margin-top: 0.85rem !important;
}

body.vv-site .vv-hero-description {
  max-width: 680px !important;
}

body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  bottom: 1.4rem !important;
  opacity: 0.92 !important;
}

body.vv-site .vv-left-lab-art {
  left: clamp(1rem, 5vw, 5rem) !important;
}

body.vv-site .vv-right-lab-art {
  right: clamp(1rem, 5vw, 5rem) !important;
}

body.vv-site .vv-trust-panel-section {
  margin-top: -0.4rem !important;
}

body.vv-site .vv-trust-panel article {
  min-height: 142px !important;
  padding: 0.95rem 0.7rem !important;
}

body.vv-site .vv-trust-panel i {
  width: 46px !important;
  height: 46px !important;
}

body.vv-site .vv-featured-panel {
  padding-top: 0.95rem !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-brand-oval img {
    transform: scale(1.25);
  }

  body.vv-site .vv-home-blueprint {
    min-height: 760px !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 245px !important;
  }
}

/* Preview tuning: fit hero, buttons, and trust panel into the first desktop screen */
body.vv-site .vv-home-blueprint {
  min-height: 735px !important;
}

body.vv-site .vv-hero-ufo {
  top: 0.6rem !important;
  width: clamp(390px, 43vw, 650px) !important;
  height: clamp(185px, 15vw, 242px) !important;
}

body.vv-site .vv-tractor-beam {
  top: clamp(112px, 9.8vw, 160px) !important;
  width: clamp(220px, 23vw, 390px) !important;
  height: clamp(265px, 27vw, 410px) !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(235px, 19vw, 292px) !important;
  width: min(760px, 94vw) !important;
}

body.vv-site .vv-hero-eyebrow {
  margin-bottom: 0.18rem !important;
  font-size: clamp(0.82rem, 1.1vw, 1.05rem) !important;
}

body.vv-site .vv-abduction-main {
  font-size: clamp(3.9rem, 6.6vw, 6rem) !important;
}

body.vv-site .vv-abduction-sub {
  font-size: clamp(2.7rem, 4.5vw, 4rem) !important;
}

body.vv-site .vv-hero-tagline {
  margin-top: 0.55rem !important;
  margin-bottom: 0.45rem !important;
  font-size: clamp(0.92rem, 1.05vw, 1.1rem) !important;
}

body.vv-site .vv-hero-description {
  max-width: 640px !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

body.vv-site .vv-hero-actions {
  margin-top: 0.9rem !important;
}

body.vv-site .vv-compliance-pill {
  margin-top: 0.8rem !important;
  padding: 0.55rem 0.9rem !important;
}

body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  height: 230px !important;
  bottom: 0.5rem !important;
  transform: scale(0.86);
  transform-origin: bottom center;
}

body.vv-site .vv-trust-panel-section {
  margin-top: 0.75rem !important;
}

body.vv-site .vv-trust-panel article {
  min-height: 128px !important;
}

/* Preview tuning: closer to the supplied black neon UFO mockup without changing content. */
body.vv-site .vv-brand-oval {
  width: clamp(148px, 14vw, 204px) !important;
  aspect-ratio: 3.12 / 1 !important;
  padding: 0.12rem 0.5rem !important;
}

body.vv-site .vv-brand-oval img {
  object-fit: cover !important;
  object-position: center 5% !important;
  transform: scale(1.05) !important;
  opacity: 0.96;
}

body.vv-site .vv-home-blueprint {
  background:
    radial-gradient(circle at 50% 34%, rgba(182,255,0,0.13), transparent 18%),
    radial-gradient(circle at 50% 48%, rgba(255,56,209,0.18), transparent 23%),
    radial-gradient(circle at 18% 36%, rgba(138,43,255,0.24), transparent 28%),
    radial-gradient(circle at 85% 42%, rgba(255,56,209,0.14), transparent 27%),
    linear-gradient(180deg, #020104 0%, #07010d 48%, #020104 100%) !important;
}

body.vv-site .vv-home-blueprint::before {
  background:
    radial-gradient(circle, rgba(255,255,255,0.82) 0 1px, transparent 1.8px) 2% 6%/130px 110px,
    radial-gradient(circle, rgba(255,56,209,0.8) 0 1px, transparent 2px) 28% 9%/175px 130px,
    radial-gradient(circle, rgba(182,255,0,0.72) 0 1.2px, transparent 2.4px) 80% 11%/190px 150px,
    radial-gradient(circle, rgba(138,43,255,0.85) 0 1.1px, transparent 2.2px) 62% 20%/165px 120px !important;
  opacity: 0.72 !important;
}

body.vv-site .vv-hero-ufo {
  top: 0.3rem !important;
  width: clamp(470px, 47vw, 720px) !important;
  height: clamp(190px, 14.8vw, 230px) !important;
  filter: drop-shadow(0 0 32px rgba(255,56,209,0.72)) drop-shadow(0 0 40px rgba(182,255,0,0.18)) !important;
}

body.vv-site .vv-ufo-dome-glass {
  top: -7% !important;
  width: 32% !important;
  height: 44% !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(255,255,255,0.62), transparent 14%),
    linear-gradient(180deg, rgba(212,237,255,0.5), rgba(74,203,255,0.12) 44%, rgba(8,9,22,0.92)) !important;
  border-color: rgba(255,255,255,0.28) !important;
}

body.vv-site .vv-ufo-shell,
body.vv-site .vv-ufo-rim {
  background:
    radial-gradient(ellipse at 50% 18%, rgba(255,255,255,0.26), transparent 18%),
    linear-gradient(180deg, rgba(44,36,74,0.96), rgba(5,5,8,0.98) 50%, rgba(70,20,92,0.9)) !important;
  border-color: rgba(255,56,209,0.72) !important;
  box-shadow:
    inset 0 12px 30px rgba(255,255,255,0.10),
    inset 0 -16px 24px rgba(0,0,0,0.76),
    0 0 28px rgba(255,56,209,0.62) !important;
}

body.vv-site .vv-ufo-lights {
  filter: drop-shadow(0 0 12px rgba(182,255,0,0.95)) !important;
}

body.vv-site .vv-tractor-beam {
  top: clamp(105px, 9vw, 142px) !important;
  height: clamp(260px, 30vw, 430px) !important;
  opacity: 0.92 !important;
  background:
    radial-gradient(ellipse at 50% 4%, rgba(255,255,255,0.78), transparent 13%),
    linear-gradient(90deg, transparent, rgba(182,255,0,0.18) 24%, rgba(220,255,86,0.62) 50%, rgba(182,255,0,0.18) 76%, transparent) !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(248px, 24vw, 340px) !important;
}

body.vv-site .vv-abduction-main {
  color: transparent !important;
  background: none !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke-width: clamp(1.6px, 0.24vw, 3.2px) !important;
  -webkit-text-stroke-color: rgba(255,180,248,0.98) !important;
  text-shadow:
    0 0 4px rgba(255,56,209,0.92),
    0 0 16px rgba(255,56,209,0.55),
    0 6px 0 rgba(78,16,112,0.34) !important;
  filter: none !important;
}

body.vv-site .vv-abduction-sub {
  color: #b6ff00 !important;
  background: none !important;
  -webkit-text-fill-color: #b6ff00 !important;
  text-shadow:
    0 0 4px rgba(255,255,255,0.62),
    0 0 18px rgba(182,255,0,0.92),
    0 0 38px rgba(182,255,0,0.55) !important;
}

body.vv-site .vv-hero-eyebrow {
  color: #b6ff00 !important;
  text-shadow: 0 0 12px rgba(182,255,0,0.9), 0 0 22px rgba(255,56,209,0.45) !important;
}

/* Readability, logo, and richer space background pass. */
body.vv-site .vv-brand-oval {
  width: clamp(170px, 16vw, 238px) !important;
  aspect-ratio: 3.55 / 1 !important;
  padding: 0.05rem 0.55rem !important;
  background: radial-gradient(ellipse at center, rgba(255,56,209,0.16), rgba(0,0,0,0.96) 62%) !important;
}

body.vv-site .vv-brand-oval img {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 0 8px rgba(255,56,209,0.55)) !important;
}

body.vv-site .vv-home-blueprint::before {
  background:
    radial-gradient(circle, rgba(255,255,255,0.92) 0 1px, transparent 1.8px) 2% 6%/84px 74px,
    radial-gradient(circle, rgba(255,56,209,0.88) 0 1px, transparent 2px) 28% 9%/118px 96px,
    radial-gradient(circle, rgba(182,255,0,0.82) 0 1.2px, transparent 2.4px) 80% 11%/132px 112px,
    radial-gradient(circle, rgba(138,43,255,0.9) 0 1.1px, transparent 2.2px) 62% 20%/105px 84px,
    radial-gradient(circle, rgba(74,203,255,0.72) 0 1px, transparent 2px) 14% 68%/126px 100px,
    radial-gradient(circle, rgba(255,255,255,0.7) 0 1px, transparent 1.8px) 91% 62%/96px 78px !important;
  opacity: 0.82 !important;
}

body.vv-site .vv-home-blueprint::after {
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(255,56,209,0.36) 46% 47%, transparent 47% 100%) 6% 18%/92px 160px no-repeat,
    linear-gradient(65deg, transparent 0 46%, rgba(182,255,0,0.26) 46% 47%, transparent 47% 100%) 9% 18%/92px 160px no-repeat,
    radial-gradient(circle at 20% 15%, rgba(255,56,209,0.95) 0 2px, transparent 3px) 7% 18%/28px 24px repeat-y,
    radial-gradient(circle at 80% 15%, rgba(182,255,0,0.9) 0 2px, transparent 3px) 7% 18%/28px 24px repeat-y,
    linear-gradient(115deg, transparent 0 46%, rgba(255,56,209,0.30) 46% 47%, transparent 47% 100%) 83% 23%/70px 122px no-repeat,
    linear-gradient(65deg, transparent 0 46%, rgba(182,255,0,0.22) 46% 47%, transparent 47% 100%) 85% 23%/70px 122px no-repeat,
    radial-gradient(circle at 20% 15%, rgba(255,56,209,0.8) 0 1.6px, transparent 2.6px) 84% 23%/22px 20px repeat-y,
    radial-gradient(circle at 80% 15%, rgba(182,255,0,0.82) 0 1.6px, transparent 2.6px) 84% 23%/22px 20px repeat-y,
    radial-gradient(circle at 25% 25%, rgba(255,56,209,0.84) 0 4px, transparent 5px) 76% 56%/90px 90px no-repeat,
    radial-gradient(circle at 55% 48%, rgba(182,255,0,0.82) 0 3px, transparent 4px) 76% 56%/90px 90px no-repeat,
    linear-gradient(45deg, transparent 35%, rgba(255,56,209,0.35) 36% 38%, transparent 39%) 76% 56%/90px 90px no-repeat !important;
  opacity: 0.62 !important;
}

body.vv-site .vv-hero-eyebrow {
  color: #d9ff5b !important;
  -webkit-text-fill-color: #d9ff5b !important;
  -webkit-text-stroke: 0.7px rgba(0,0,0,0.96) !important;
  letter-spacing: 0.075em !important;
  text-shadow:
    0 1px 0 #000,
    0 0 3px rgba(255,255,255,0.34),
    0 0 8px rgba(182,255,0,0.5) !important;
}

body.vv-site .vv-abduction-sub {
  color: #d9ff5b !important;
  -webkit-text-fill-color: #d9ff5b !important;
  -webkit-text-stroke: clamp(1px, 0.14vw, 2px) rgba(0,0,0,0.98) !important;
  filter: none !important;
  text-shadow:
    0 2px 0 #000,
    0 0 4px rgba(255,255,255,0.28),
    0 0 10px rgba(182,255,0,0.62),
    0 0 18px rgba(182,255,0,0.24) !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-brand-oval {
    width: min(190px, 48vw) !important;
    aspect-ratio: 3.35 / 1 !important;
  }

  body.vv-site .vv-hero-eyebrow {
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    max-width: 92vw;
    margin-inline: auto;
  }

  body.vv-site .vv-abduction-sub {
    -webkit-text-stroke-width: 1.25px !important;
    text-shadow:
      0 2px 0 #000,
      0 0 4px rgba(255,255,255,0.22),
      0 0 9px rgba(182,255,0,0.56) !important;
  }
}

body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  opacity: 0.92 !important;
  filter: drop-shadow(0 0 22px rgba(255,56,209,0.55)) drop-shadow(0 0 14px rgba(182,255,0,0.22)) !important;
}

body.vv-site .vv-trust-panel-section {
  margin-top: 0.15rem !important;
}

body.vv-site .vv-trust-panel {
  max-width: 1240px;
  margin-inline: auto;
  background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(0,0,0,0.9)), #030005 !important;
  border-color: rgba(255,56,209,0.52) !important;
}

/* Focused UFO and highlight panel cleanup. */
body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  display: none !important;
}

body.vv-site .vv-home-blueprint {
  min-height: 720px !important;
}

body.vv-site .vv-hero-ufo {
  top: -0.15rem !important;
  width: clamp(500px, 50vw, 780px) !important;
  height: clamp(210px, 17vw, 285px) !important;
  perspective: 900px;
  filter:
    drop-shadow(0 0 26px rgba(255,56,209,0.88))
    drop-shadow(0 0 42px rgba(138,43,255,0.42))
    drop-shadow(0 0 26px rgba(182,255,0,0.20)) !important;
}

body.vv-site .vv-hero-ufo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 43%;
  width: 106%;
  height: 18%;
  transform: translateX(-50%) rotateX(66deg);
  border: 2px solid rgba(255,56,209,0.82);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(255,56,209,0.22), transparent 58%),
    conic-gradient(from 180deg, transparent, rgba(255,56,209,0.78), rgba(182,255,0,0.38), rgba(255,56,209,0.78), transparent);
  box-shadow: 0 0 24px rgba(255,56,209,0.74), inset 0 0 24px rgba(255,56,209,0.24);
  z-index: 1;
}

body.vv-site .vv-ufo-dome-glass {
  top: -3% !important;
  left: 50%;
  width: 30% !important;
  height: 47% !important;
  transform: translateX(-50%);
  border-radius: 50% 50% 44% 44% / 64% 64% 36% 36% !important;
  background:
    radial-gradient(circle at 50% 13%, rgba(255,255,255,0.78) 0 6%, transparent 18%),
    radial-gradient(ellipse at 42% 24%, rgba(255,56,209,0.28), transparent 34%),
    linear-gradient(180deg, rgba(232,245,255,0.58), rgba(91,30,255,0.20) 46%, rgba(0,0,0,0.74) 100%) !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  box-shadow:
    inset 0 12px 22px rgba(255,255,255,0.18),
    inset 0 -16px 22px rgba(8,0,18,0.86),
    0 0 26px rgba(138,43,255,0.42) !important;
  z-index: 5;
}

body.vv-site .vv-ufo-shell {
  top: 26% !important;
  left: 7% !important;
  width: 86% !important;
  height: 33% !important;
  border-radius: 50% / 46% !important;
  transform: none !important;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(255,56,209,0.28) 8% 9%, transparent 9% 91%, rgba(255,56,209,0.28) 91% 92%, transparent 92%),
    radial-gradient(ellipse at 50% 8%, rgba(255,255,255,0.44), transparent 19%),
    radial-gradient(ellipse at 50% 77%, rgba(182,255,0,0.18), transparent 30%),
    linear-gradient(180deg, #201732 0%, #060509 42%, #010103 58%, #21112e 100%) !important;
  border: 1px solid rgba(255,56,209,0.74) !important;
  box-shadow:
    inset 0 16px 24px rgba(255,255,255,0.10),
    inset 0 -18px 22px rgba(0,0,0,0.92),
    inset 0 -2px 0 rgba(182,255,0,0.28),
    0 0 22px rgba(255,56,209,0.70),
    0 12px 34px rgba(0,0,0,0.86) !important;
  z-index: 3;
}

body.vv-site .vv-ufo-rim {
  top: 40% !important;
  left: 10% !important;
  width: 80% !important;
  height: 17% !important;
  transform: none !important;
  border-radius: 999px !important;
  background:
    repeating-linear-gradient(90deg, transparent 0 7%, rgba(255,56,209,0.16) 7% 8%, transparent 8% 14%),
    linear-gradient(180deg, rgba(255,56,209,0.42), rgba(5,4,9,0.98) 45%, rgba(182,255,0,0.18)) !important;
  border: 1px solid rgba(255,56,209,0.78) !important;
  box-shadow:
    inset 0 8px 16px rgba(255,255,255,0.08),
    inset 0 -10px 18px rgba(0,0,0,0.9),
    0 0 22px rgba(255,56,209,0.72) !important;
  z-index: 4;
}

body.vv-site .vv-ufo-lights {
  top: 40% !important;
  left: 50%;
  width: 70% !important;
  height: 18px !important;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 7% 50%, #ff38d1 0 6px, transparent 7px),
    radial-gradient(circle at 21% 50%, #b6ff00 0 6px, transparent 7px),
    radial-gradient(circle at 36% 50%, #ff38d1 0 6px, transparent 7px),
    radial-gradient(circle at 50% 50%, #b6ff00 0 7px, transparent 8px),
    radial-gradient(circle at 64% 50%, #ff38d1 0 6px, transparent 7px),
    radial-gradient(circle at 79% 50%, #b6ff00 0 6px, transparent 7px),
    radial-gradient(circle at 93% 50%, #ff38d1 0 6px, transparent 7px) !important;
  filter:
    drop-shadow(0 0 8px rgba(255,56,209,0.95))
    drop-shadow(0 0 10px rgba(182,255,0,0.92)) !important;
  z-index: 6;
}

body.vv-site .vv-ufo-core {
  top: 49% !important;
  left: 50%;
  width: 18% !important;
  height: 12% !important;
  transform: translateX(-50%);
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at center, #fff 0 9%, #b6ff00 10% 38%, rgba(182,255,0,0.18) 68%, transparent 72%) !important;
  box-shadow: 0 0 30px rgba(182,255,0,0.9), 0 0 52px rgba(182,255,0,0.42) !important;
  z-index: 6;
}

body.vv-site .vv-tractor-beam {
  top: clamp(118px, 9.8vw, 162px) !important;
  width: clamp(270px, 25vw, 420px) !important;
  height: clamp(300px, 31vw, 455px) !important;
  opacity: 0.9 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.92), transparent 12%),
    linear-gradient(90deg, transparent 0 8%, rgba(182,255,0,0.20) 23%, rgba(232,255,108,0.72) 50%, rgba(182,255,0,0.20) 77%, transparent 92%) !important;
  clip-path: polygon(37% 0, 63% 0, 100% 100%, 0 100%) !important;
  filter: blur(0.1px) drop-shadow(0 0 28px rgba(182,255,0,0.62)) !important;
}

body.vv-site .vv-trust-panel article {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255,56,209,0.14), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(0,0,0,0.18)) !important;
}

body.vv-site .vv-trust-panel i {
  position: relative;
  border: 1px solid rgba(255,56,209,0.92) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,56,209,0.22), transparent 58%),
    rgba(7,0,12,0.76) !important;
  box-shadow:
    0 0 16px rgba(255,56,209,0.58),
    inset 0 0 16px rgba(255,56,209,0.16) !important;
}

body.vv-site .vv-trust-panel i::before,
body.vv-site .vv-trust-panel i::after {
  content: "";
  position: absolute;
  inset: 8px;
  background: #ff8af0;
  box-shadow: 0 0 12px rgba(255,56,209,0.9), 0 0 18px rgba(182,255,0,0.25);
}

body.vv-site .vv-icon-flask::before {
  clip-path: polygon(38% 0, 62% 0, 62% 40%, 88% 88%, 12% 88%, 38% 40%);
}

body.vv-site .vv-icon-flask::after {
  inset: 28px 16px 10px;
  background: #b6ff00;
  border-radius: 0 0 10px 10px;
}

body.vv-site .vv-icon-age::before {
  content: "21+";
  inset: 0;
  display: grid;
  place-items: center;
  background: none;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: -0.04em;
}

body.vv-site .vv-icon-age::after {
  inset: 8px;
  border: 2px solid #b6ff00;
  border-radius: 999px;
  background: transparent;
}

body.vv-site .vv-icon-shield::before {
  clip-path: polygon(50% 0, 84% 14%, 78% 62%, 50% 92%, 22% 62%, 16% 14%);
}

body.vv-site .vv-icon-shield::after {
  inset: 18px 14px 16px;
  background: none;
  border-right: 3px solid #b6ff00;
  border-bottom: 3px solid #b6ff00;
  transform: rotate(45deg);
  box-shadow: 0 0 10px rgba(182,255,0,0.82);
}

body.vv-site .vv-icon-doc::before {
  clip-path: polygon(18% 0, 70% 0, 88% 18%, 88% 100%, 18% 100%);
}

body.vv-site .vv-icon-doc::after {
  inset: 19px 15px 15px;
  background:
    linear-gradient(#b6ff00 0 2px, transparent 2px 8px),
    linear-gradient(#b6ff00 0 2px, transparent 2px 8px),
    linear-gradient(#b6ff00 0 2px, transparent 2px 8px);
  background-position: 0 0, 0 8px, 0 16px;
  background-size: 100% 8px;
  background-repeat: no-repeat;
}

body.vv-site .vv-icon-package::before {
  clip-path: polygon(50% 0, 88% 22%, 88% 70%, 50% 94%, 12% 70%, 12% 22%);
}

body.vv-site .vv-icon-package::after {
  inset: 11px 10px;
  background:
    linear-gradient(90deg, transparent 47%, #b6ff00 47% 53%, transparent 53%),
    linear-gradient(30deg, transparent 45%, #b6ff00 45% 52%, transparent 52%);
}

body.vv-site .vv-icon-community::before {
  inset: 10px 18px 21px;
  border-radius: 999px;
}

body.vv-site .vv-icon-community::after {
  inset: 25px 10px 11px;
  border-radius: 999px 999px 12px 12px;
  background: #b6ff00;
}

@media (max-width: 700px) {
  body.vv-site .vv-home-blueprint {
    min-height: 710px !important;
  }

  body.vv-site .vv-hero-ufo {
    top: 0.2rem !important;
    width: min(118vw, 510px) !important;
    height: 210px !important;
  }

  body.vv-site .vv-tractor-beam {
    top: 145px !important;
    width: min(74vw, 320px) !important;
    height: 330px !important;
  }

  body.vv-site .vv-trust-panel article {
    min-height: 150px !important;
  }
}

/* Final stability layer: prevent sideways drift and force the premium card/icon layout. */
html,
body.vv-site {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.vv-site * {
  box-sizing: border-box;
}

body.vv-site .vv-coupon-bar,
body.vv-site .vv-topbar,
body.vv-site .vv-ruo-announcement,
body.vv-site .vv-mockup-home,
body.vv-site main,
body.vv-site section {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

body.vv-site .vv-shell {
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.vv-site .vv-coupon-inner,
body.vv-site .vv-ruo-announcement {
  justify-content: center !important;
  text-align: center !important;
  flex-wrap: wrap !important;
  gap: 0.8rem 1rem !important;
}

body.vv-site .vv-nav {
  width: min(1280px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  margin-inline: auto !important;
}

body.vv-site .vv-brand-oval {
  flex: 0 0 auto !important;
  width: clamp(178px, 16vw, 246px) !important;
  aspect-ratio: 3.75 / 1 !important;
  padding: 0.06rem 0.7rem !important;
  background: #000 !important;
  border: 1px solid rgba(255,56,209,0.96) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow:
    0 0 18px rgba(255,56,209,0.72),
    0 0 32px rgba(138,43,255,0.34),
    inset 0 0 18px rgba(255,56,209,0.12) !important;
}

body.vv-site .vv-brand-oval::before,
body.vv-site .vv-brand-oval::after {
  content: none !important;
  display: none !important;
}

body.vv-site .vv-brand-oval img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: saturate(1.15) contrast(1.08) drop-shadow(0 0 8px rgba(255,56,209,0.62)) !important;
}

body.vv-site .vv-home-blueprint {
  display: block !important;
  min-height: 780px !important;
  padding-inline: 1rem !important;
}

body.vv-site .vv-hero-content {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  margin: clamp(250px, 23vw, 330px) auto 0 !important;
  width: min(820px, calc(100vw - 36px)) !important;
  max-width: calc(100vw - 36px) !important;
  text-align: center !important;
  z-index: 8 !important;
}

body.vv-site .vv-abduction-heading,
body.vv-site .vv-abduction-main,
body.vv-site .vv-abduction-sub,
body.vv-site .vv-hero-eyebrow,
body.vv-site .vv-hero-tagline,
body.vv-site .vv-hero-description {
  max-width: 100% !important;
  overflow-wrap: normal !important;
}

body.vv-site .vv-hero-eyebrow {
  color: #d9ff5b !important;
  -webkit-text-fill-color: #d9ff5b !important;
  -webkit-text-stroke: 0.7px rgba(0,0,0,0.96) !important;
  text-shadow:
    0 1px 0 #000,
    0 0 3px rgba(255,255,255,0.34),
    0 0 8px rgba(182,255,0,0.5) !important;
}

body.vv-site .vv-abduction-main {
  display: block !important;
  font-size: clamp(4rem, 8vw, 7rem) !important;
  line-height: 0.85 !important;
}

body.vv-site .vv-abduction-sub {
  display: block !important;
  color: #d9ff5b !important;
  -webkit-text-fill-color: #d9ff5b !important;
  -webkit-text-stroke: clamp(1px, 0.14vw, 2px) rgba(0,0,0,0.98) !important;
  font-size: clamp(3rem, 5.2vw, 4.8rem) !important;
  line-height: 0.92 !important;
  filter: none !important;
  text-shadow:
    0 2px 0 #000,
    0 0 4px rgba(255,255,255,0.28),
    0 0 10px rgba(182,255,0,0.62),
    0 0 18px rgba(182,255,0,0.24) !important;
}

body.vv-site .vv-hero-actions {
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

body.vv-site .vv-compliance-pill {
  display: inline-flex !important;
  max-width: calc(100vw - 36px) !important;
  white-space: normal !important;
  justify-content: center !important;
}

body.vv-site .vv-trust-panel-section {
  margin-top: 1rem !important;
  position: relative !important;
  z-index: 12 !important;
}

body.vv-site .vv-trust-panel {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border: 1px solid rgba(255,56,209,0.55) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(0,0,0,0.9)), #030005 !important;
  overflow: hidden !important;
}

body.vv-site .vv-trust-panel article {
  min-height: 150px !important;
  padding: 1rem 0.7rem !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0.48rem !important;
  text-align: center !important;
  border-right: 1px solid rgba(255,56,209,0.18) !important;
}

body.vv-site .vv-trust-panel article:last-child {
  border-right: 0 !important;
}

body.vv-site .vv-trust-panel i {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto 0.15rem !important;
}

body.vv-site .vv-trust-panel strong {
  display: block !important;
  color: #fff !important;
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

body.vv-site .vv-trust-panel span {
  display: block !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

body.vv-site .vv-featured-blueprint {
  margin-top: 1rem !important;
}

body.vv-site .vv-featured-panel {
  display: block !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  body.vv-site .vv-nav {
    grid-template-columns: auto auto !important;
  }

  body.vv-site .vv-primary-nav {
    display: none !important;
  }

  body.vv-site .vv-trust-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.vv-site .vv-shell,
  body.vv-site .vv-nav {
    width: min(100vw - 20px, 1240px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  body.vv-site .vv-brand-oval {
    width: min(180px, 45vw) !important;
    aspect-ratio: 3.6 / 1 !important;
    padding: 0.04rem 0.55rem !important;
  }

  body.vv-site .vv-home-blueprint {
    min-height: 800px !important;
    padding-inline: 0.65rem !important;
  }

  body.vv-site .vv-hero-ufo {
    width: min(108vw, 480px) !important;
    left: 50% !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 275px !important;
    width: min(100%, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
  }

  body.vv-site .vv-hero-eyebrow {
    font-size: 0.72rem !important;
    line-height: 1.24 !important;
  }

  body.vv-site .vv-abduction-main {
    font-size: clamp(3.05rem, 15vw, 4.55rem) !important;
    line-height: 0.92 !important;
  }

  body.vv-site .vv-abduction-sub {
    font-size: clamp(2.5rem, 12vw, 3.35rem) !important;
    -webkit-text-stroke-width: 1.2px !important;
  }

  body.vv-site .vv-hero-description {
    font-size: 0.94rem !important;
    line-height: 1.45 !important;
  }

  body.vv-site .vv-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 0.65rem !important;
  }

  body.vv-site .vv-hero-actions .vv-btn {
    width: 100% !important;
  }

  body.vv-site .vv-trust-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.vv-site .vv-trust-panel article {
    min-height: 148px !important;
    border-bottom: 1px solid rgba(255,56,209,0.18) !important;
  }
}

/* Product and artwork stability pass: keep Woo products visible and artwork contained. */
body.vv-site .vv-featured-products,
body.vv-site .vv-featured-products .woocommerce,
body.vv-site .woocommerce .products,
.vv-featured-products.woocommerce {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.vv-site .vv-featured-products ul.products,
body.vv-site .woocommerce ul.products,
.vv-featured-products.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
  width: 100% !important;
  margin: 1.2rem 0 1rem !important;
  padding: 0 !important;
  list-style: none !important;
  clear: both !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.vv-site .vv-featured-products ul.products::before,
body.vv-site .vv-featured-products ul.products::after,
body.vv-site .woocommerce ul.products::before,
body.vv-site .woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}

body.vv-site .vv-featured-products ul.products li.product,
body.vv-site .woocommerce ul.products li.product {
  float: none !important;
  clear: none !important;
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 0.45rem !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 250px !important;
  margin: 0 !important;
  padding: 0.8rem 0.65rem 0.9rem !important;
  border: 1px solid rgba(255,56,209,0.72) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(138,43,255,0.22), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(0,0,0,0.88)) !important;
  box-shadow: 0 0 20px rgba(255,56,209,0.2), inset 0 0 18px rgba(138,43,255,0.12) !important;
  text-align: center !important;
  overflow: hidden !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.vv-site .vv-featured-products ul.products li.product img,
body.vv-site .woocommerce ul.products li.product img {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 142px) !important;
  height: auto !important;
  max-height: 138px !important;
  object-fit: contain !important;
  margin: 0 auto 0.35rem !important;
  filter: drop-shadow(0 0 14px rgba(255,56,209,0.38)) drop-shadow(0 0 10px rgba(182,255,0,0.14)) !important;
}

body.vv-site .vv-featured-products .woocommerce-loop-product__title,
body.vv-site .woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 0.96rem !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

body.vv-site .vv-featured-products .price,
body.vv-site .woocommerce ul.products li.product .price {
  display: block !important;
  color: #d9ff5b !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(182,255,0,0.48) !important;
}

body.vv-site .vv-featured-products a.button,
body.vv-site .woocommerce ul.products li.product a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin-top: auto !important;
  padding: 0.58rem 0.85rem !important;
  border: 1px solid rgba(255,56,209,0.8) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #5b1eff, #ff38d1) !important;
  color: #fff !important;
  font-size: 0.7rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 18px rgba(255,56,209,0.42) !important;
  text-decoration: none !important;
}

body.vv-site .vv-art-card {
  align-items: center !important;
  overflow: hidden !important;
}

body.vv-site .vv-art-media,
body.vv-site .vv-join-media {
  display: grid !important;
  place-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.vv-site .vv-art-media img {
  width: auto !important;
  max-width: min(100%, 430px) !important;
  height: auto !important;
  max-height: 330px !important;
  object-fit: contain !important;
  margin-inline: auto !important;
}

body.vv-site .vv-messenger-art {
  width: auto !important;
  max-width: min(100%, 320px) !important;
  height: auto !important;
  max-height: 280px !important;
  object-fit: contain !important;
}

body.vv-site .vv-messenger-qr {
  width: min(100%, 210px) !important;
  max-width: 210px !important;
}

body.vv-site .vv-real-qr {
  width: 100% !important;
  max-width: 170px !important;
  height: auto !important;
  margin-inline: auto !important;
}

@media (max-width: 1100px) {
  body.vv-site .vv-featured-products ul.products,
  body.vv-site .woocommerce ul.products,
  .vv-featured-products.woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body.vv-site .vv-featured-products ul.products,
  body.vv-site .woocommerce ul.products,
  .vv-featured-products.woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
  }

  body.vv-site .vv-featured-products ul.products li.product,
  body.vv-site .woocommerce ul.products li.product {
    min-height: 220px !important;
    padding: 0.7rem 0.5rem !important;
  }

  body.vv-site .vv-featured-products ul.products li.product img,
  body.vv-site .woocommerce ul.products li.product img {
    max-width: min(100%, 120px) !important;
    max-height: 112px !important;
  }

  body.vv-site .vv-art-media img {
    max-width: min(100%, 300px) !important;
    max-height: 250px !important;
  }

  body.vv-site .vv-messenger-art {
    max-width: min(100%, 260px) !important;
    max-height: 225px !important;
  }
}

/* Final hero background and planned headline lock. */
body.vv-site {
  background:
    radial-gradient(circle at 18% 10%, rgba(91,30,255,0.28), transparent 26rem),
    radial-gradient(circle at 82% 12%, rgba(255,56,209,0.18), transparent 24rem),
    radial-gradient(circle at 55% 60%, rgba(0,170,255,0.12), transparent 28rem),
    #020004 !important;
}

body.vv-site .vv-home-blueprint,
body.vv-site .vv-featured-blueprint,
body.vv-site .vv-why-blueprint,
body.vv-site .vv-quality-blueprint,
body.vv-site .vv-affiliate-blueprint,
body.vv-site .vv-join-blueprint,
body.vv-site .vv-band {
  background-color: #020004 !important;
  background-image:
    radial-gradient(circle at 8% 12%, rgba(138,43,255,0.28), transparent 22rem),
    radial-gradient(circle at 88% 18%, rgba(255,56,209,0.2), transparent 20rem),
    radial-gradient(circle at 45% 72%, rgba(182,255,0,0.09), transparent 18rem),
    linear-gradient(180deg, rgba(3,0,8,0.96), rgba(0,0,0,0.98)) !important;
}

body.vv-site .vv-space-background {
  opacity: 1 !important;
  background:
    radial-gradient(circle, rgba(255,255,255,0.95) 0 1px, transparent 1.7px) 1% 4%/82px 74px,
    radial-gradient(circle, rgba(255,56,209,0.92) 0 1px, transparent 2px) 28% 9%/116px 98px,
    radial-gradient(circle, rgba(182,255,0,0.88) 0 1.1px, transparent 2px) 76% 14%/142px 112px,
    radial-gradient(circle, rgba(138,43,255,0.9) 0 1px, transparent 2px) 58% 3%/102px 88px,
    radial-gradient(circle at 10% 42%, rgba(138,43,255,0.4), transparent 22rem),
    radial-gradient(circle at 92% 46%, rgba(255,56,209,0.24), transparent 20rem),
    radial-gradient(circle at 48% 18%, rgba(182,255,0,0.13), transparent 16rem) !important;
}

body.vv-site .vv-space-background::before,
body.vv-site .vv-space-background::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

body.vv-site .vv-space-background::before {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='210' viewBox='0 0 150 210'%3E%3Cg fill='none' stroke-linecap='round' opacity='.82'%3E%3Cpath d='M52 14 C108 42 108 78 52 106 C-4 134 -4 170 52 198' stroke='%23ff38d1' stroke-width='3'/%3E%3Cpath d='M98 14 C42 42 42 78 98 106 C154 134 154 170 98 198' stroke='%238a2bff' stroke-width='3'/%3E%3Cpath d='M54 36 L96 36 M45 62 L105 62 M50 88 L100 88 M50 124 L100 124 M45 150 L105 150 M54 176 L96 176' stroke='%23b6ff00' stroke-width='2' opacity='.72'/%3E%3Ccircle cx='52' cy='14' r='4' fill='%23ff38d1' stroke='none'/%3E%3Ccircle cx='98' cy='14' r='4' fill='%238a2bff' stroke='none'/%3E%3Ccircle cx='52' cy='198' r='4' fill='%23ff38d1' stroke='none'/%3E%3Ccircle cx='98' cy='198' r='4' fill='%238a2bff' stroke='none'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-size: 148px 208px !important;
  background-position: 4% 14%, 82% 31% !important;
  opacity: 0.28 !important;
  filter: drop-shadow(0 0 8px rgba(255,56,209,0.72)) drop-shadow(0 0 9px rgba(138,43,255,0.44)) !important;
}

body.vv-site .vv-space-background::after {
  background:
    radial-gradient(circle, rgba(255,255,255,0.95) 0 1px, transparent 2px) 16% 19%/54px 54px,
    radial-gradient(circle, rgba(255,56,209,0.92) 0 1.2px, transparent 2.2px) 48% 12%/72px 72px,
    radial-gradient(circle, rgba(182,255,0,0.86) 0 1.1px, transparent 2px) 83% 24%/86px 86px,
    radial-gradient(circle, rgba(138,43,255,0.88) 0 1px, transparent 2.1px) 66% 68%/64px 64px !important;
  opacity: 0.82 !important;
  filter: drop-shadow(0 0 6px rgba(255,56,209,0.56)) !important;
}

body.vv-site .vv-space-dna-left,
body.vv-site .vv-space-dna-right {
  display: block !important;
  opacity: 0.54 !important;
  transform: scale(0.72) rotate(-7deg) !important;
}

body.vv-site .vv-space-dna-right {
  transform: scale(0.58) rotate(9deg) !important;
}

body.vv-site .vv-hero-beam-logo {
  position: absolute !important;
  left: 50% !important;
  top: clamp(300px, 30vw, 375px) !important;
  width: min(360px, 52vw) !important;
  aspect-ratio: 3.65 / 1 !important;
  transform: translateX(-50%) !important;
  z-index: 7 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0.08rem 0.8rem !important;
  border: 1px solid rgba(255,56,209,0.88) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.76) !important;
  box-shadow:
    0 0 22px rgba(255,56,209,0.62),
    0 0 34px rgba(182,255,0,0.26),
    inset 0 0 20px rgba(138,43,255,0.18) !important;
}

body.vv-site .vv-hero-beam-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(1.18) contrast(1.08) drop-shadow(0 0 8px rgba(255,56,209,0.7)) !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(365px, 35vw, 440px) !important;
}

body.vv-site .vv-hero-eyebrow {
  font-size: clamp(0.9rem, 1.55vw, 1.12rem) !important;
  letter-spacing: 0.12em !important;
  color: #dfff4f !important;
  -webkit-text-fill-color: #dfff4f !important;
}

body.vv-site .vv-abduction-heading {
  margin-top: 0.3rem !important;
}

body.vv-site .vv-abduction-main {
  color: #ff71ef !important;
  -webkit-text-fill-color: rgba(255,113,239,0.14) !important;
  -webkit-text-stroke: clamp(1.6px, 0.22vw, 3px) #ff55e6 !important;
  text-shadow:
    0 0 4px rgba(255,255,255,0.34),
    0 0 16px rgba(255,56,209,0.86),
    0 0 34px rgba(138,43,255,0.58) !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-space-background::before {
    background-size: 94px 132px !important;
    opacity: 0.3 !important;
  }

  body.vv-site .vv-hero-beam-logo {
    top: 272px !important;
    width: min(280px, 74vw) !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 348px !important;
  }

  body.vv-site .vv-space-dna-left,
  body.vv-site .vv-space-dna-right {
    opacity: 0.34 !important;
    transform: scale(0.46) rotate(-7deg) !important;
  }
}

/* Premium polish pass: cleaner header, sharper typography, calmer cosmic background. */
body.vv-site {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  color: #f7f4ff !important;
  background:
    radial-gradient(circle at 18% 9%, rgba(91,30,255,0.18), transparent 24rem),
    radial-gradient(circle at 86% 18%, rgba(255,56,209,0.11), transparent 22rem),
    linear-gradient(180deg, #020004 0%, #06000b 42%, #020004 100%) !important;
}

body.vv-site .vv-coupon-bar {
  min-height: 34px !important;
  background: #030004 !important;
  border-bottom: 1px solid rgba(255,56,209,0.24) !important;
  box-shadow: none !important;
}

body.vv-site .vv-coupon-inner {
  min-height: 34px !important;
  justify-content: center !important;
  gap: 0.7rem !important;
  color: rgba(255,255,255,0.78) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.vv-site .vv-coupon-inner strong {
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 0 10px rgba(255,56,209,0.28) !important;
}

body.vv-site .vv-topbar {
  position: sticky !important;
  top: 0 !important;
  min-height: 86px !important;
  background: rgba(2,0,6,0.94) !important;
  border-bottom: 1px solid rgba(255,56,209,0.28) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.46), 0 0 26px rgba(138,43,255,0.12) !important;
}

body.vv-site .vv-nav {
  min-height: 86px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 1.1rem !important;
}

body.vv-site .vv-brand-oval {
  width: clamp(158px, 14vw, 214px) !important;
  aspect-ratio: 3.8 / 1 !important;
  padding: 0.02rem 0.65rem !important;
  background: rgba(0,0,0,0.92) !important;
  border: 1px solid rgba(255,56,209,0.78) !important;
  box-shadow: 0 0 16px rgba(255,56,209,0.42), inset 0 0 18px rgba(255,56,209,0.08) !important;
}

body.vv-site .vv-brand-oval img {
  filter: saturate(1.04) contrast(1.05) drop-shadow(0 0 6px rgba(255,56,209,0.42)) !important;
}

body.vv-site .vv-primary-nav .vv-menu,
body.vv-site .vv-primary-nav ul {
  justify-content: center !important;
  gap: clamp(1rem, 2.2vw, 2rem) !important;
}

body.vv-site .vv-primary-nav a {
  color: rgba(255,255,255,0.86) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body.vv-site .vv-primary-nav a:hover {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(255,56,209,0.55) !important;
}

body.vv-site .vv-icon-btn,
body.vv-site .vv-lab-cart {
  border-color: rgba(255,56,209,0.46) !important;
  background: rgba(255,255,255,0.055) !important;
  box-shadow: 0 0 14px rgba(138,43,255,0.18) !important;
}

body.vv-site .vv-ruo-announcement {
  min-height: 44px !important;
  background: rgba(0,0,0,0.86) !important;
  border-bottom: 1px solid rgba(255,56,209,0.22) !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.12em !important;
  text-shadow: none !important;
}

body.vv-site .vv-ruo-announcement span::before {
  box-shadow: 0 0 10px rgba(182,255,0,0.66) !important;
}

body.vv-site .vv-home-blueprint {
  background:
    radial-gradient(circle at 12% 28%, rgba(138,43,255,0.2), transparent 21rem),
    radial-gradient(circle at 86% 34%, rgba(255,56,209,0.13), transparent 20rem),
    radial-gradient(circle at 50% 0%, rgba(182,255,0,0.06), transparent 18rem),
    linear-gradient(180deg, #030005 0%, #07000c 54%, #020004 100%) !important;
}

body.vv-site .vv-space-background {
  background:
    radial-gradient(circle, rgba(255,255,255,0.82) 0 0.8px, transparent 1.8px) 2% 4%/96px 82px,
    radial-gradient(circle, rgba(255,56,209,0.58) 0 0.9px, transparent 2px) 35% 12%/136px 112px,
    radial-gradient(circle, rgba(138,43,255,0.64) 0 0.9px, transparent 2px) 70% 8%/116px 96px,
    radial-gradient(circle, rgba(182,255,0,0.46) 0 0.9px, transparent 2px) 82% 28%/160px 130px,
    radial-gradient(circle at 10% 43%, rgba(91,30,255,0.22), transparent 20rem),
    radial-gradient(circle at 90% 40%, rgba(255,56,209,0.14), transparent 18rem) !important;
}

body.vv-site .vv-space-background::before {
  background-size: 92px 128px !important;
  background-position: 5% 18%, 86% 32% !important;
  opacity: 0.13 !important;
  filter: drop-shadow(0 0 6px rgba(255,56,209,0.48)) !important;
}

body.vv-site .vv-space-background::after {
  opacity: 0.48 !important;
  filter: drop-shadow(0 0 5px rgba(255,56,209,0.34)) !important;
}

body.vv-site .vv-space-dna-left,
body.vv-site .vv-space-dna-right,
body.vv-site .vv-molecule-map-left,
body.vv-site .vv-molecule-map-right {
  opacity: 0.18 !important;
}

body.vv-site .vv-hero-beam-logo {
  display: none !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(310px, 30vw, 385px) !important;
}

body.vv-site .vv-hero-eyebrow {
  color: #e9ff8a !important;
  -webkit-text-fill-color: #e9ff8a !important;
  -webkit-text-stroke: 0 transparent !important;
  font-size: clamp(0.78rem, 1.25vw, 0.98rem) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(182,255,0,0.34), 0 0 18px rgba(255,56,209,0.18) !important;
}

body.vv-site .vv-abduction-heading {
  margin: 0.35rem auto 0 !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  filter: none !important;
}

body.vv-site .vv-abduction-main {
  font-size: clamp(3.25rem, 7.2vw, 6.35rem) !important;
  font-weight: 950 !important;
  line-height: 0.88 !important;
  color: transparent !important;
  -webkit-text-fill-color: rgba(255,255,255,0.035) !important;
  -webkit-text-stroke: clamp(1px, 0.13vw, 1.8px) rgba(255,103,235,0.95) !important;
  text-shadow:
    0 0 8px rgba(255,56,209,0.56),
    0 0 22px rgba(138,43,255,0.28) !important;
}

body.vv-site .vv-abduction-sub {
  font-size: clamp(2.3rem, 4.7vw, 4.25rem) !important;
  font-weight: 950 !important;
  line-height: 0.98 !important;
  color: #cfff3c !important;
  -webkit-text-fill-color: #cfff3c !important;
  -webkit-text-stroke: 0 transparent !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 0 10px rgba(182,255,0,0.48), 0 0 20px rgba(182,255,0,0.16) !important;
}

body.vv-site .vv-hero-tagline {
  color: rgba(255,255,255,0.94) !important;
  font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-shadow: none !important;
}

body.vv-site .vv-hero-description {
  color: rgba(255,255,255,0.84) !important;
  font-size: clamp(0.96rem, 1.16vw, 1.08rem) !important;
  line-height: 1.58 !important;
  text-shadow: none !important;
}

body.vv-site .vv-btn {
  border-radius: 999px !important;
  border: 1px solid rgba(255,56,209,0.54) !important;
  background: rgba(4,0,8,0.78) !important;
  color: #fff !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  box-shadow: 0 0 18px rgba(255,56,209,0.22), inset 0 0 14px rgba(255,255,255,0.05) !important;
}

body.vv-site .vv-btn-primary {
  background: linear-gradient(135deg, #5b1eff 0%, #b02bff 48%, #ff38d1 100%) !important;
  box-shadow: 0 0 22px rgba(255,56,209,0.38), 0 0 30px rgba(138,43,255,0.18) !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-topbar,
  body.vv-site .vv-nav {
    min-height: 76px !important;
  }

  body.vv-site .vv-brand-oval {
    width: min(154px, 44vw) !important;
  }

  body.vv-site .vv-home-blueprint {
    min-height: 760px !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 305px !important;
  }

  body.vv-site .vv-abduction-main {
    font-size: clamp(2.7rem, 13vw, 3.85rem) !important;
  }

  body.vv-site .vv-abduction-sub {
    font-size: clamp(2rem, 10vw, 2.85rem) !important;
  }
}

/* Mockup-match pass: image-based UFO, curated header, cleaner premium hero. */
body.vv-site .vv-topbar {
  min-height: 78px !important;
  background: rgba(0,0,0,0.94) !important;
  border-bottom: 1px solid rgba(255,56,209,0.34) !important;
}

body.vv-site .vv-nav {
  min-height: 78px !important;
}

body.vv-site .vv-brand-oval {
  width: clamp(150px, 13vw, 208px) !important;
  aspect-ratio: 3.78 / 1 !important;
  border-color: rgba(255,56,209,0.82) !important;
  box-shadow: 0 0 18px rgba(255,56,209,0.48), inset 0 0 16px rgba(255,56,209,0.1) !important;
}

body.vv-site .vv-primary-nav a {
  font-size: 0.72rem !important;
  letter-spacing: 0.07em !important;
  color: rgba(255,255,255,0.92) !important;
}

body.vv-site .vv-nav-actions {
  gap: 0.55rem !important;
}

body.vv-site .vv-icon-btn {
  width: 42px !important;
  min-height: 42px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(91,30,255,0.82), rgba(255,56,209,0.82)) !important;
  border: 1px solid rgba(255,56,209,0.55) !important;
}

body.vv-site .vv-lab-cart {
  min-height: 42px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(91,30,255,0.78), rgba(255,56,209,0.86)) !important;
}

body.vv-site .vv-home-blueprint {
  min-height: 825px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(91,30,255,0.28), transparent 22rem),
    radial-gradient(circle at 84% 20%, rgba(255,56,209,0.15), transparent 18rem),
    radial-gradient(circle at 50% 18%, rgba(182,255,0,0.09), transparent 17rem),
    linear-gradient(180deg, #000 0%, #040007 54%, #000 100%) !important;
}

body.vv-site .vv-space-background {
  background:
    radial-gradient(circle, rgba(255,255,255,0.8) 0 0.8px, transparent 1.8px) 2% 6%/98px 84px,
    radial-gradient(circle, rgba(255,56,209,0.68) 0 0.9px, transparent 2px) 25% 9%/138px 110px,
    radial-gradient(circle, rgba(138,43,255,0.66) 0 0.9px, transparent 2px) 71% 10%/118px 98px,
    radial-gradient(circle, rgba(182,255,0,0.5) 0 0.9px, transparent 2px) 88% 30%/164px 134px,
    radial-gradient(circle at 8% 35%, rgba(91,30,255,0.28), transparent 17rem),
    radial-gradient(circle at 90% 41%, rgba(255,56,209,0.12), transparent 17rem) !important;
}

body.vv-site .vv-space-background::before {
  background-size: 104px 146px !important;
  background-position: 4% 17%, 86% 34% !important;
  opacity: 0.18 !important;
}

body.vv-site .vv-space-dna-left,
body.vv-site .vv-space-dna-right {
  opacity: 0.34 !important;
}

body.vv-site .vv-molecule-map-left,
body.vv-site .vv-molecule-map-right {
  opacity: 0.28 !important;
}

body.vv-site .vv-left-lab-art,
body.vv-site .vv-right-lab-art {
  display: none !important;
}

body.vv-site .vv-hero-ufo {
  top: clamp(18px, 2.2vw, 34px) !important;
  left: 50% !important;
  width: min(780px, 72vw) !important;
  height: clamp(220px, 25vw, 305px) !important;
  transform: translateX(-50%) !important;
  background-image: url("../images/mockup-ufo-hero.png") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center top !important;
  filter: saturate(1.1) contrast(1.07) drop-shadow(0 0 24px rgba(255,56,209,0.5)) drop-shadow(0 0 28px rgba(182,255,0,0.22)) !important;
  opacity: 1 !important;
}

body.vv-site .vv-hero-ufo span {
  display: none !important;
}

body.vv-site .vv-tractor-beam {
  top: clamp(220px, 22vw, 286px) !important;
  left: 50% !important;
  width: min(355px, 36vw) !important;
  height: clamp(185px, 19vw, 248px) !important;
  transform: translateX(-50%) !important;
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 18px rgba(182,255,0,0.45)) !important;
}

body.vv-site .vv-tractor-beam span {
  background: linear-gradient(180deg, rgba(182,255,0,0.5), rgba(182,255,0,0.08) 72%, transparent) !important;
  clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%) !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(350px, 34vw, 430px) !important;
  width: min(820px, calc(100vw - 40px)) !important;
}

body.vv-site .vv-hero-eyebrow {
  margin-bottom: 0.22rem !important;
  color: #caff2f !important;
  -webkit-text-fill-color: #caff2f !important;
  font-size: clamp(0.78rem, 1.35vw, 1.02rem) !important;
  letter-spacing: 0.12em !important;
  text-shadow: 0 0 9px rgba(182,255,0,0.62), 0 0 18px rgba(182,255,0,0.22) !important;
}

body.vv-site .vv-abduction-heading {
  perspective: 900px !important;
}

body.vv-site .vv-abduction-main {
  font-size: clamp(4.25rem, 9.1vw, 8rem) !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  line-height: 0.78 !important;
  -webkit-text-fill-color: rgba(255,56,209,0.08) !important;
  -webkit-text-stroke: clamp(1.3px, 0.18vw, 2.6px) rgba(255,92,234,0.96) !important;
  text-shadow:
    0 0 5px rgba(255,255,255,0.36),
    0 0 15px rgba(255,56,209,0.78),
    0 0 34px rgba(138,43,255,0.48) !important;
}

body.vv-site .vv-abduction-sub {
  font-size: clamp(3.15rem, 5.6vw, 5.15rem) !important;
  color: #b6ff00 !important;
  -webkit-text-fill-color: #b6ff00 !important;
  letter-spacing: 0.05em !important;
  text-shadow: 0 0 10px rgba(182,255,0,0.72), 0 0 24px rgba(182,255,0,0.22) !important;
}

body.vv-site .vv-hero-tagline {
  margin-top: 0.9rem !important;
  font-size: clamp(1rem, 1.45vw, 1.18rem) !important;
}

body.vv-site .vv-hero-description {
  max-width: 610px !important;
  margin-inline: auto !important;
}

body.vv-site .vv-compliance-pill {
  background: rgba(0,0,0,0.68) !important;
  border: 1px solid rgba(182,255,0,0.42) !important;
  box-shadow: 0 0 16px rgba(182,255,0,0.12), inset 0 0 12px rgba(255,255,255,0.04) !important;
}

body.vv-site .vv-trust-panel-section {
  margin-top: -0.3rem !important;
}

body.vv-site .vv-trust-panel {
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(0,0,0,0.93)) !important;
  box-shadow: 0 0 22px rgba(255,56,209,0.18), inset 0 0 22px rgba(255,56,209,0.06) !important;
}

@media (max-width: 900px) {
  body.vv-site .vv-home-blueprint {
    min-height: 780px !important;
  }

  body.vv-site .vv-hero-ufo {
    width: min(760px, 96vw) !important;
    height: 255px !important;
  }

  body.vv-site .vv-tractor-beam {
    top: 214px !important;
    width: min(310px, 48vw) !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 345px !important;
  }
}

@media (max-width: 700px) {
  body.vv-site .vv-home-blueprint {
    min-height: 735px !important;
  }

  body.vv-site .vv-hero-ufo {
    top: 20px !important;
    width: 118vw !important;
    height: 218px !important;
  }

  body.vv-site .vv-tractor-beam {
    top: 182px !important;
    width: min(245px, 62vw) !important;
    height: 170px !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 294px !important;
  }

  body.vv-site .vv-abduction-main {
    font-size: clamp(3rem, 15vw, 4.35rem) !important;
    line-height: 0.86 !important;
  }

  body.vv-site .vv-abduction-sub {
    font-size: clamp(2.3rem, 11vw, 3.2rem) !important;
  }
}

/* Logo oval and transparent UFO beam refinement. */
body.vv-site .vv-brand-oval,
body.vv-site .vv-brand.vv-brand-oval {
  width: clamp(164px, 14vw, 220px) !important;
  aspect-ratio: 3.55 / 1 !important;
  padding: 0.08rem 0.72rem !important;
  background: #000 !important;
  border: 1.5px solid rgba(255,56,209,0.92) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  box-shadow:
    0 0 18px rgba(255,56,209,0.62),
    0 0 34px rgba(138,43,255,0.2),
    inset 0 0 18px rgba(255,56,209,0.1) !important;
}

body.vv-site .vv-brand-oval::before,
body.vv-site .vv-brand-oval::after {
  content: none !important;
  display: none !important;
}

body.vv-site .vv-brand-oval img,
body.vv-site .vv-brand.vv-brand-oval img,
body.vv-site .vv-nav-logo {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border-radius: 0 !important;
  filter: saturate(1.12) contrast(1.06) drop-shadow(0 0 7px rgba(255,56,209,0.55)) !important;
  transform: none !important;
}

body.vv-site .vv-hero-ufo {
  mix-blend-mode: normal !important;
  background-color: transparent !important;
  filter:
    saturate(1.14)
    contrast(1.08)
    drop-shadow(0 0 20px rgba(255,56,209,0.52))
    drop-shadow(0 0 28px rgba(138,43,255,0.36))
    drop-shadow(0 0 18px rgba(182,255,0,0.18)) !important;
}

body.vv-site .vv-tractor-beam {
  width: min(410px, 39vw) !important;
  height: clamp(218px, 21vw, 286px) !important;
  opacity: 0.98 !important;
}

body.vv-site .vv-tractor-beam::before,
body.vv-site .vv-tractor-beam::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  clip-path: polygon(39% 0, 61% 0, 100% 100%, 0 100%) !important;
}

body.vv-site .vv-tractor-beam::before {
  background:
    repeating-linear-gradient(100deg, rgba(182,255,0,0.22) 0 2px, transparent 2px 14px),
    linear-gradient(90deg, transparent 0 8%, rgba(182,255,0,0.38) 18%, rgba(255,255,210,0.55) 50%, rgba(182,255,0,0.34) 82%, transparent 100%) !important;
  opacity: 0.74 !important;
  filter: blur(0.2px) drop-shadow(0 0 10px rgba(182,255,0,0.55)) !important;
}

body.vv-site .vv-tractor-beam::after {
  background:
    radial-gradient(ellipse at 50% 6%, rgba(240,255,170,0.86), rgba(182,255,0,0.36) 18%, transparent 48%),
    radial-gradient(ellipse at 50% 100%, rgba(182,255,0,0.16), transparent 62%) !important;
  opacity: 0.9 !important;
}

body.vv-site .vv-tractor-beam span {
  background:
    linear-gradient(180deg, rgba(222,255,89,0.72), rgba(182,255,0,0.23) 42%, rgba(182,255,0,0.06) 76%, transparent) !important;
  filter: blur(2px) !important;
}

body.vv-site .vv-tractor-beam i,
body.vv-site .vv-tractor-beam b {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  width: 18% !important;
  height: 100% !important;
  background: linear-gradient(180deg, rgba(255,255,220,0.34), rgba(182,255,0,0.15), transparent) !important;
  filter: blur(1px) !important;
  opacity: 0.85 !important;
}

body.vv-site .vv-tractor-beam i {
  left: 30% !important;
  transform: skewX(-12deg) !important;
}

body.vv-site .vv-tractor-beam b {
  right: 30% !important;
  transform: skewX(12deg) !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-brand-oval,
  body.vv-site .vv-brand.vv-brand-oval {
    width: min(162px, 44vw) !important;
    padding: 0.06rem 0.55rem !important;
  }

  body.vv-site .vv-tractor-beam {
    width: min(285px, 68vw) !important;
    height: 190px !important;
  }
}

/* Hero color correction: pink lead line and purple main headline glow. */
body.vv-site .vv-hero-eyebrow {
  color: #ff38d1 !important;
  -webkit-text-fill-color: #ff38d1 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 0 7px rgba(255,56,209,0.92),
    0 0 18px rgba(255,56,209,0.48),
    0 0 28px rgba(138,43,255,0.3) !important;
}

body.vv-site .vv-abduction-main {
  color: transparent !important;
  -webkit-text-fill-color: rgba(138,43,255,0.08) !important;
  -webkit-text-stroke: clamp(1.4px, 0.2vw, 2.8px) #b86cff !important;
  text-shadow:
    0 0 5px rgba(255,255,255,0.34),
    0 0 14px rgba(138,43,255,0.92),
    0 0 30px rgba(138,43,255,0.68),
    0 0 46px rgba(255,56,209,0.32) !important;
}

body.vv-site .vv-abduction-sub {
  color: #ff38d1 !important;
  -webkit-text-fill-color: #ff38d1 !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 0 8px rgba(255,56,209,0.82),
    0 0 22px rgba(255,56,209,0.44),
    0 0 34px rgba(138,43,255,0.24) !important;
}

/* Restore original CSS UFO and make headline text more solid/legible. */
body.vv-site .vv-hero-ufo {
  top: clamp(52px, 6vw, 78px) !important;
  left: 50% !important;
  width: min(660px, 74vw) !important;
  height: clamp(185px, 18vw, 245px) !important;
  transform: translateX(-50%) !important;
  background-image: none !important;
  background-color: transparent !important;
  filter: drop-shadow(0 0 18px rgba(255,56,209,0.42)) drop-shadow(0 0 14px rgba(182,255,0,0.18)) !important;
  opacity: 1 !important;
}

body.vv-site .vv-hero-ufo span {
  display: block !important;
}

body.vv-site .vv-ufo-dome-glass {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: 42% !important;
  height: 42% !important;
  transform: translateX(-50%) !important;
  border-radius: 50% 50% 42% 42% / 70% 70% 34% 34% !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.22), transparent 28%),
    linear-gradient(180deg, rgba(85,54,150,0.82), rgba(12,5,24,0.95)) !important;
  border: 1px solid rgba(255,56,209,0.62) !important;
  box-shadow: inset 0 0 18px rgba(255,255,255,0.09), 0 0 18px rgba(138,43,255,0.36) !important;
}

body.vv-site .vv-ufo-shell {
  position: absolute !important;
  left: 50% !important;
  top: 34% !important;
  width: 100% !important;
  height: 34% !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  background:
    linear-gradient(180deg, rgba(105,74,156,0.92), rgba(22,8,35,0.98) 56%, rgba(5,0,10,1)) !important;
  border: 2px solid rgba(255,56,209,0.78) !important;
  box-shadow: inset 0 12px 20px rgba(255,255,255,0.08), inset 0 -18px 26px rgba(0,0,0,0.72), 0 0 22px rgba(255,56,209,0.42) !important;
}

body.vv-site .vv-ufo-rim {
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 49% !important;
  height: 12% !important;
  border-radius: 999px !important;
  background: #050008 !important;
  box-shadow: 0 0 16px rgba(255,56,209,0.48), inset 0 0 16px rgba(182,255,0,0.16) !important;
}

body.vv-site .vv-ufo-lights {
  position: absolute !important;
  left: 22% !important;
  right: 22% !important;
  top: 51% !important;
  height: 8% !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 8% 50%, #ff38d1 0 5px, transparent 6px),
    radial-gradient(circle at 28% 50%, #b6ff00 0 5px, transparent 6px),
    radial-gradient(circle at 50% 50%, #ff38d1 0 5px, transparent 6px),
    radial-gradient(circle at 72% 50%, #b6ff00 0 5px, transparent 6px),
    radial-gradient(circle at 92% 50%, #ff38d1 0 5px, transparent 6px) !important;
  filter: drop-shadow(0 0 8px rgba(255,56,209,0.7)) drop-shadow(0 0 7px rgba(182,255,0,0.42)) !important;
}

body.vv-site .vv-ufo-core {
  position: absolute !important;
  left: 50% !important;
  top: 56% !important;
  width: 26% !important;
  height: 11% !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(218,255,80,0.8), rgba(182,255,0,0.24) 45%, transparent 70%) !important;
  filter: blur(2px) drop-shadow(0 0 14px rgba(182,255,0,0.48)) !important;
}

body.vv-site .vv-tractor-beam {
  top: clamp(190px, 19vw, 245px) !important;
  width: min(330px, 34vw) !important;
  height: clamp(190px, 19vw, 250px) !important;
  opacity: 0.82 !important;
}

body.vv-site .vv-hero-content {
  margin-top: clamp(325px, 31vw, 395px) !important;
}

body.vv-site .vv-hero-eyebrow {
  color: #ff4fd8 !important;
  -webkit-text-fill-color: #ff4fd8 !important;
  font-weight: 950 !important;
  text-shadow: 0 0 5px rgba(255,56,209,0.58), 0 0 10px rgba(138,43,255,0.22) !important;
}

body.vv-site .vv-abduction-main {
  color: #d8c6ff !important;
  -webkit-text-fill-color: #d8c6ff !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 0 4px rgba(138,43,255,0.52),
    0 0 11px rgba(138,43,255,0.46),
    0 0 20px rgba(255,56,209,0.16) !important;
}

body.vv-site .vv-abduction-sub {
  color: #ff4fd8 !important;
  -webkit-text-fill-color: #ff4fd8 !important;
  text-shadow: 0 0 5px rgba(255,56,209,0.58), 0 0 12px rgba(138,43,255,0.22) !important;
}

body.vv-site .vv-hero-tagline,
body.vv-site .vv-hero-description {
  text-shadow: none !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-hero-ufo {
    top: 38px !important;
    width: 104vw !important;
    height: 190px !important;
  }

  body.vv-site .vv-tractor-beam {
    top: 170px !important;
    width: min(260px, 62vw) !important;
    height: 178px !important;
  }

  body.vv-site .vv-hero-content {
    margin-top: 285px !important;
  }
}

/* Final logo badge: black oval with a slightly zoomed logo. */
body.vv-site .vv-brand-oval,
body.vv-site .vv-brand.vv-brand-oval {
  width: clamp(176px, 15vw, 236px) !important;
  height: auto !important;
  aspect-ratio: 3.15 / 1 !important;
  padding: 0 !important;
  background: #000 !important;
  border: 1.5px solid rgba(255,56,209,0.96) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  box-shadow:
    0 0 18px rgba(255,56,209,0.68),
    0 0 32px rgba(138,43,255,0.24),
    inset 0 0 20px rgba(255,56,209,0.08) !important;
}

body.vv-site .vv-brand-oval img,
body.vv-site .vv-brand.vv-brand-oval img,
body.vv-site .vv-nav-logo {
  width: 128% !important;
  height: 128% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transform: scale(1.12) !important;
  transform-origin: center center !important;
  filter: saturate(1.18) contrast(1.08) drop-shadow(0 0 7px rgba(255,56,209,0.62)) !important;
}

@media (max-width: 700px) {
  body.vv-site .vv-brand-oval,
  body.vv-site .vv-brand.vv-brand-oval {
    width: min(174px, 46vw) !important;
    aspect-ratio: 3.05 / 1 !important;
  }
}

/* Final hero eyebrow: premium glowing white. */
body.vv-site .vv-hero-eyebrow {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow:
    0 0 4px rgba(255,255,255,0.8),
    0 0 12px rgba(255,56,209,0.48),
    0 0 22px rgba(138,43,255,0.34) !important;
}

/* Hero affiliate access and animated purple pepper beam. */
body.vv-site .vv-affiliate-hero-btn {
  border-color: rgba(182,255,0,0.42) !important;
  box-shadow: 0 0 16px rgba(182,255,0,0.12), inset 0 0 14px rgba(255,255,255,0.04) !important;
}

body.vv-site .vv-tractor-beam {
  overflow: visible !important;
}

body.vv-site .vv-beam-pepper {
  position: absolute !important;
  left: 50% !important;
  bottom: 12% !important;
  width: clamp(22px, 2.6vw, 34px) !important;
  height: clamp(48px, 5.2vw, 68px) !important;
  transform: translateX(-50%) rotate(-18deg) !important;
  transform-origin: 50% 80% !important;
  border-radius: 48% 52% 56% 44% / 62% 58% 42% 38% !important;
  background:
    radial-gradient(circle at 40% 24%, rgba(255,255,255,0.42), transparent 16%),
    linear-gradient(155deg, #ff38d1 0%, #8a2bff 42%, #41007f 100%) !important;
  box-shadow:
    0 0 10px rgba(255,56,209,0.78),
    0 0 18px rgba(138,43,255,0.62),
    inset -6px -8px 12px rgba(0,0,0,0.26) !important;
  animation: vv-pepper-abduct 4.8s ease-in-out infinite !important;
  z-index: 5 !important;
}

body.vv-site .vv-beam-pepper::before {
  content: "" !important;
  position: absolute !important;
  left: 41% !important;
  top: -14% !important;
  width: 44% !important;
  height: 28% !important;
  border-radius: 70% 30% 70% 30% !important;
  border-top: 4px solid #b6ff00 !important;
  border-left: 3px solid #b6ff00 !important;
  transform: rotate(35deg) !important;
  filter: drop-shadow(0 0 5px rgba(182,255,0,0.72)) !important;
}

body.vv-site .vv-beam-pepper::after {
  content: "" !important;
  position: absolute !important;
  left: 26% !important;
  top: 18% !important;
  width: 18% !important;
  height: 42% !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.22) !important;
  filter: blur(1px) !important;
}

@keyframes vv-pepper-abduct {
  0% {
    opacity: 0;
    transform: translate(-50%, 34px) rotate(-24deg) scale(0.72);
  }
  16% {
    opacity: 1;
  }
  48% {
    transform: translate(-50%, -58px) rotate(10deg) scale(0.92);
  }
  76% {
    opacity: 1;
    transform: translate(-50%, -132px) rotate(-10deg) scale(0.72);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -168px) rotate(12deg) scale(0.52);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.vv-site .vv-beam-pepper {
    animation: none !important;
    opacity: 0.9 !important;
  }
}

/* Pepper and eyebrow refinement. */
body.vv-site .vv-hero-eyebrow {
  font-family: "Arial Narrow", "Avenir Next Condensed", "Roboto Condensed", Impact, ui-sans-serif, system-ui, sans-serif !important;
  font-size: clamp(0.86rem, 1.38vw, 1.08rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0.17em !important;
  line-height: 1.05 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-transform: uppercase !important;
  text-shadow:
    0 0 3px rgba(255,255,255,0.9),
    0 0 10px rgba(255,56,209,0.5),
    0 0 18px rgba(138,43,255,0.38) !important;
}

body.vv-site .vv-beam-pepper {
  bottom: 49% !important;
  width: clamp(18px, 2.1vw, 28px) !important;
  height: clamp(56px, 5.6vw, 76px) !important;
  border-radius: 70% 38% 62% 46% / 28% 24% 76% 72% !important;
  clip-path: polygon(50% 0%, 72% 7%, 84% 24%, 82% 47%, 72% 68%, 56% 86%, 36% 100%, 20% 91%, 29% 70%, 36% 50%, 32% 29%, 38% 12%) !important;
  background:
    radial-gradient(circle at 36% 22%, rgba(255,255,255,0.48), transparent 14%),
    linear-gradient(150deg, #ff55e6 0%, #a72bff 34%, #5b00b5 66%, #240046 100%) !important;
  box-shadow:
    0 0 9px rgba(255,56,209,0.82),
    0 0 17px rgba(138,43,255,0.7),
    inset -7px -10px 11px rgba(0,0,0,0.34) !important;
  animation: vv-pepper-abduct-high 4.6s ease-in-out infinite !important;
}

body.vv-site .vv-beam-pepper::before {
  left: 47% !important;
  top: -16% !important;
  width: 58% !important;
  height: 30% !important;
  border-radius: 70% 30% 70% 30% !important;
  border-top: 4px solid #b6ff00 !important;
  border-left: 3px solid #b6ff00 !important;
  transform: rotate(32deg) !important;
}

body.vv-site .vv-beam-pepper::after {
  left: 34% !important;
  top: 17% !important;
  width: 16% !important;
  height: 38% !important;
  opacity: 0.8 !important;
}

@keyframes vv-pepper-abduct-high {
  0% {
    opacity: 0;
    transform: translate(-50%, 42px) rotate(-28deg) scale(0.76);
  }
  14% {
    opacity: 1;
  }
  48% {
    transform: translate(-50%, -12px) rotate(9deg) scale(0.9);
  }
  78% {
    opacity: 1;
    transform: translate(-50%, -72px) rotate(-8deg) scale(0.68);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -105px) rotate(12deg) scale(0.46);
  }
}

/* Trust-card icon repair: use clean neon line symbols instead of filled blocks. */
body.vv-site .vv-trust-panel i {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 0.35rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 8px rgba(255,56,209,0.72)) drop-shadow(0 0 13px rgba(138,43,255,0.28)) !important;
  overflow: visible !important;
}

body.vv-site .vv-trust-panel i::before,
body.vv-site .vv-trust-panel i::after {
  content: "" !important;
  position: absolute !important;
  inset: auto !important;
  background: none !important;
  border: 0 !important;
  clip-path: none !important;
  transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.vv-site .vv-icon-flask::before {
  width: 30px !important;
  height: 42px !important;
  border: 3px solid #ff7be8 !important;
  border-top: 0 !important;
  border-radius: 4px 4px 15px 15px !important;
  clip-path: polygon(35% 0, 65% 0, 65% 38%, 92% 100%, 8% 100%, 35% 38%) !important;
}

body.vv-site .vv-icon-flask::after {
  width: 22px !important;
  height: 8px !important;
  bottom: 8px !important;
  border-radius: 999px !important;
  background: rgba(182,255,0,0.8) !important;
  filter: drop-shadow(0 0 6px rgba(182,255,0,0.72)) !important;
}

body.vv-site .vv-icon-age::before {
  content: "21+" !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 3px solid #ff7be8 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  text-shadow: 0 0 8px rgba(255,255,255,0.42), 0 0 10px rgba(255,56,209,0.58) !important;
}

body.vv-site .vv-icon-shield::before {
  width: 36px !important;
  height: 44px !important;
  border: 3px solid #ff7be8 !important;
  border-radius: 18px 18px 20px 20px !important;
  clip-path: polygon(50% 0, 88% 14%, 82% 62%, 50% 100%, 18% 62%, 12% 14%) !important;
}

body.vv-site .vv-icon-shield::after {
  width: 16px !important;
  height: 27px !important;
  border-right: 3px solid #b6ff00 !important;
  border-bottom: 3px solid #b6ff00 !important;
  transform: rotate(42deg) translate(-1px, -3px) !important;
  filter: drop-shadow(0 0 5px rgba(182,255,0,0.68)) !important;
}

body.vv-site .vv-icon-doc::before {
  width: 34px !important;
  height: 42px !important;
  border: 3px solid #ff7be8 !important;
  border-radius: 5px !important;
}

body.vv-site .vv-icon-doc::after {
  width: 19px !important;
  height: 17px !important;
  border-top: 3px solid #b6ff00 !important;
  border-bottom: 3px solid #b6ff00 !important;
  box-shadow: 0 7px 0 -4px #b6ff00 !important;
  filter: drop-shadow(0 0 5px rgba(182,255,0,0.62)) !important;
}

body.vv-site .vv-icon-package::before {
  width: 38px !important;
  height: 34px !important;
  border: 3px solid #ff7be8 !important;
  border-radius: 6px !important;
  transform: perspective(80px) rotateX(10deg) rotateZ(0deg) !important;
}

body.vv-site .vv-icon-package::after {
  width: 38px !important;
  height: 20px !important;
  top: 10px !important;
  border-top: 3px solid #b6ff00 !important;
  border-left: 3px solid #b6ff00 !important;
  transform: skewY(-20deg) scaleX(0.72) !important;
  filter: drop-shadow(0 0 5px rgba(182,255,0,0.62)) !important;
}

body.vv-site .vv-icon-community::before {
  width: 18px !important;
  height: 18px !important;
  top: 7px !important;
  border: 3px solid #ff7be8 !important;
  border-radius: 999px !important;
  box-shadow:
    -18px 16px 0 -2px #000,
    -18px 16px 0 1px #ff7be8,
    18px 16px 0 -2px #000,
    18px 16px 0 1px #ff7be8 !important;
}

body.vv-site .vv-icon-community::after {
  width: 44px !important;
  height: 20px !important;
  bottom: 5px !important;
  border: 3px solid #b6ff00 !important;
  border-top: 0 !important;
  border-radius: 0 0 999px 999px !important;
  filter: drop-shadow(0 0 5px rgba(182,255,0,0.58)) !important;
}

body.vv-site .vv-beam-pepper {
  display: none !important;
}

/* Keep only the lower hero compliance pill; remove the duplicate top strip. */
body.vv-site .vv-ruo-announcement {
  display: none !important;
}

/* v3.1.7: restore checkout flow, reduce Messenger placements, and polish legal section. */
body.vv-site .vv-cart-checkout-button,
body.vv-site .woocommerce .wc-proceed-to-checkout a.checkout-button {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  margin-top: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,56,209,0.72) !important;
  background: linear-gradient(135deg, #7b1fff 0%, #ff38d1 100%) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 0 22px rgba(255,56,209,0.38), inset 0 0 14px rgba(255,255,255,0.16) !important;
}

body.vv-site a[href*="m.me/"],
body.vv-site a[href*="m.me/"] * {
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.vv-site .vv-legal-art {
  position: relative !important;
  margin: clamp(2.5rem, 5vw, 4.75rem) auto clamp(1rem, 2vw, 1.6rem) !important;
  display: grid !important;
  place-items: center !important;
}

body.vv-site .vv-legal-art::before {
  content: "" !important;
  position: absolute !important;
  inset: 11% 9% !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(255,56,209,0.32), transparent 62%) !important;
  filter: blur(28px) !important;
  opacity: 0.9 !important;
  z-index: 0 !important;
}

body.vv-site .vv-legal-art img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(100%, 620px) !important;
  max-height: 420px !important;
  object-fit: contain !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255,56,209,0.56) !important;
  background: #000 !important;
  box-shadow:
    0 0 0 1px rgba(182,255,0,0.16),
    0 0 34px rgba(138,43,255,0.34),
    0 0 58px rgba(255,56,209,0.20) !important;
}

body.vv-site .vv-legal-panel {
  max-width: 1120px !important;
  padding: clamp(1.4rem, 3.2vw, 2.6rem) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,56,209,0.42) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(138,43,255,0.20), transparent 34%),
    linear-gradient(180deg, rgba(9,3,18,0.96), rgba(3,3,8,0.98)) !important;
  box-shadow: 0 0 36px rgba(138,43,255,0.20), inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

body.vv-site .vv-legal-panel .vv-eyebrow {
  color: #B6FF00 !important;
  font-weight: 950 !important;
  letter-spacing: 0.18em !important;
  text-shadow: 0 0 12px rgba(182,255,0,0.34) !important;
}

body.vv-site .vv-legal-panel h2 {
  margin: 0.35rem 0 0.9rem !important;
  color: #FFFFFF !important;
  font-family: "Avenir Next", "Montserrat", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(2rem, 4.4vw, 4rem) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 14px rgba(255,56,209,0.34), 0 0 26px rgba(138,43,255,0.24) !important;
}

body.vv-site .vv-legal-lead,
body.vv-site .vv-legal-warning,
body.vv-site .vv-legal-grid article p {
  color: rgba(255,255,255,0.84) !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(0.96rem, 1.15vw, 1.06rem) !important;
  line-height: 1.72 !important;
  letter-spacing: 0.005em !important;
}

body.vv-site .vv-legal-warning {
  margin: 1.15rem 0 0 !important;
  padding: 1rem 1.1rem !important;
  border-radius: 18px !important;
  border: 1px solid rgba(182,255,0,0.38) !important;
  background: rgba(182,255,0,0.07) !important;
  box-shadow: inset 0 0 18px rgba(182,255,0,0.08) !important;
}

body.vv-site .vv-legal-warning strong {
  color: #FFFFFF !important;
}

body.vv-site .vv-legal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  margin-top: 1.25rem !important;
}

body.vv-site .vv-legal-grid article {
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(138,43,255,0.34) !important;
  background: rgba(0,0,0,0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 0 18px rgba(138,43,255,0.10) !important;
}

body.vv-site .vv-legal-grid article h3 {
  margin: 0 0 0.45rem !important;
  color: #FF7BE8 !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.vv-site .vv-mockup-header {
  min-height: 76px !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.98), rgba(8,0,18,0.94)) !important;
  border-bottom: 1px solid rgba(255,56,209,0.34) !important;
  box-shadow: 0 0 22px rgba(138,43,255,0.22) !important;
}

body.vv-site .vv-mockup-header .vv-nav {
  min-height: 76px !important;
  align-items: center !important;
}

body.vv-site .vv-brand-oval,
body.vv-site .vv-brand.vv-brand-oval {
  width: clamp(160px, 14vw, 218px) !important;
  aspect-ratio: 3.22 / 1 !important;
  padding: 0.08rem 0.68rem !important;
  border-radius: 999px !important;
}

body.vv-site .vv-brand-oval img,
body.vv-site .vv-brand.vv-brand-oval img,
body.vv-site .vv-nav-logo {
  width: 116% !important;
  height: 116% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1.04) !important;
}

@media (max-width: 760px) {
  body.vv-site .vv-legal-grid {
    grid-template-columns: 1fr !important;
  }

  body.vv-site .vv-legal-art img {
    max-height: 340px !important;
    border-radius: 22px !important;
  }

  body.vv-site .vv-mockup-header,
  body.vv-site .vv-mockup-header .vv-nav {
    min-height: 70px !important;
  }

body.vv-site .vv-brand-oval,
  body.vv-site .vv-brand.vv-brand-oval {
    width: min(164px, 43vw) !important;
  }
}

/* v3.2.2: checkout/payment cleanup - do not interfere with live processor widgets. */
body.vv-cart-page .vv-cart-left-panel .wc-proceed-to-checkout::after,
body.woocommerce-cart .vv-cart-left-panel .wc-proceed-to-checkout::after,
body.vv-cart-page .wc-proceed-to-checkout::after,
body.woocommerce-cart .wc-proceed-to-checkout::after {
  content: none !important;
  display: none !important;
}

body.vv-cart-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .vv-cart-left-panel .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .vv-cart-left-panel .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .vv-cart-checkout-button,
body.woocommerce-cart .vv-cart-checkout-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.vv-cart-page .vv-secure-checkout-direct,
body.woocommerce-cart .vv-secure-checkout-direct {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  margin: 1rem 0 !important;
  padding: 0.95rem 1.2rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,56,209,0.78) !important;
  background: linear-gradient(135deg, #7b1fff 0%, #ff38d1 100%) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 0 24px rgba(255,56,209,0.42), inset 0 0 14px rgba(255,255,255,0.16) !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment,
body.vv-checkout-page #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"],
body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods,
body.vv-checkout-page #payment .woocommerce-SavedPaymentMethods,
body.woocommerce-checkout #payment iframe,
body.vv-checkout-page #payment iframe,
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.vv-checkout-page .wcpay-express-checkout-wrapper,
body.woocommerce-checkout #wcpay-express-checkout-element,
body.vv-checkout-page #wcpay-express-checkout-element,
body.woocommerce-checkout #wcpay-payment-request-wrapper,
body.vv-checkout-page #wcpay-payment-request-wrapper,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.vv-checkout-page #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-stripe-payment-request-wrapper,
body.vv-checkout-page .wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.vv-checkout-page .wc-block-components-express-payment,
body.woocommerce-checkout .express-payment-methods,
body.vv-checkout-page .express-payment-methods {
  display: revert !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: revert !important;
  padding: revert !important;
  border-width: revert !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
}

body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"] {
  display: block !important;
  margin: 0 0 12px !important;
}

body.woocommerce-checkout #payment .place-order,
body.vv-checkout-page #payment .place-order {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order,
body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 56px !important;
  width: 100% !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-product .wcpay-express-checkout-wrapper,
body.single-product #wcpay-express-checkout-element,
body.single-product #wcpay-payment-request-wrapper,
body.single-product #wc-stripe-payment-request-wrapper,
body.single-product .wc-stripe-payment-request-wrapper,
body.single-product .wc-block-components-express-payment,
body.single-product .express-payment-methods,
body.single-product .paypal-buttons,
body.single-product [class*="paypal"],
body.single-product [class*="venmo"],
body.single-product [class*="express"] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* v3.2.5 final processor-safe override. This must remain last. */
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment,
body.woocommerce-checkout form.checkout,
body.vv-checkout-page form.checkout,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.vv-checkout-page .woocommerce-checkout-payment {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment [class*="hosted"],
body.vv-checkout-page #payment [class*="hosted"],
body.woocommerce-checkout #payment [class*="card-field"],
body.vv-checkout-page #payment [class*="card-field"] {
  position: relative !important;
  z-index: 10 !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .payment_box iframe,
body.vv-checkout-page #payment .payment_box iframe,
body.woocommerce-checkout #payment .wc-payment-form iframe,
body.vv-checkout-page #payment .wc-payment-form iframe {
  display: block !important;
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment input:not([type="radio"]):not([type="checkbox"]),
body.vv-checkout-page #payment input:not([type="radio"]):not([type="checkbox"]),
body.woocommerce-checkout #payment textarea,
body.vv-checkout-page #payment textarea,
body.woocommerce-checkout #payment select,
body.vv-checkout-page #payment select {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
  user-select: text !important;
  min-height: 44px !important;
  max-height: none !important;
}

body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.woocommerce-checkout #payment #place_order[style*="display: none"],
body.vv-checkout-page #payment #place_order[style*="display: none"] {
  display: none !important;
}

/* v3.2.5: payment processor neutralizer - keep card fields clickable and one order button. */
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .wc-block-components-checkout-step__content,
body.vv-checkout-page #payment .wc-block-components-checkout-step__content,
body.woocommerce-checkout #payment [class*="hosted"],
body.vv-checkout-page #payment [class*="hosted"],
body.woocommerce-checkout #payment [class*="card-field"],
body.vv-checkout-page #payment [class*="card-field"] {
  position: relative !important;
  z-index: 10 !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .payment_box iframe,
body.vv-checkout-page #payment .payment_box iframe {
  display: block !important;
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment input:not([type="radio"]):not([type="checkbox"]),
body.vv-checkout-page #payment input:not([type="radio"]):not([type="checkbox"]),
body.woocommerce-checkout #payment textarea,
body.vv-checkout-page #payment textarea,
body.woocommerce-checkout #payment select,
body.vv-checkout-page #payment select {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
  user-select: text !important;
  min-height: 44px !important;
  max-height: none !important;
}

body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.woocommerce-checkout #payment #place_order[style*="display: none"],
body.vv-checkout-page #payment #place_order[style*="display: none"] {
  display: none !important;
}

/* v3.2.4: stability build - checkout/product pages must stay fast and processor-safe. */
body.woocommerce-cart .vv-aqua-reminder,
body.vv-cart-page .vv-aqua-reminder,
body.woocommerce-checkout .vv-aqua-reminder,
body.vv-checkout-page .vv-aqua-reminder,
body.single-product .vv-aqua-reminder {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.woocommerce-cart .vv-glitter-burst,
body.vv-cart-page .vv-glitter-burst,
body.woocommerce-checkout .vv-glitter-burst,
body.vv-checkout-page .vv-glitter-burst,
body.single-product .vv-glitter-burst,
body.woocommerce-cart .vv-cursor-sparkle,
body.vv-cart-page .vv-cursor-sparkle,
body.woocommerce-checkout .vv-cursor-sparkle,
body.vv-checkout-page .vv-cursor-sparkle,
body.single-product .vv-cursor-sparkle {
  display: none !important;
}

body.woocommerce-cart .vv-sparkle-field,
body.vv-cart-page .vv-sparkle-field,
body.woocommerce-checkout .vv-sparkle-field,
body.vv-checkout-page .vv-sparkle-field,
body.single-product .vv-sparkle-field,
body.woocommerce-cart .vv-mythic-lab,
body.vv-cart-page .vv-mythic-lab,
body.woocommerce-checkout .vv-mythic-lab,
body.vv-checkout-page .vv-mythic-lab,
body.single-product .vv-mythic-lab,
body.woocommerce-cart .vv-roaming-vial,
body.vv-cart-page .vv-roaming-vial,
body.woocommerce-checkout .vv-roaming-vial,
body.vv-checkout-page .vv-roaming-vial,
body.single-product .vv-roaming-vial,
body.woocommerce-cart #vv-dna-canvas,
body.vv-cart-page #vv-dna-canvas,
body.woocommerce-checkout #vv-dna-canvas,
body.vv-checkout-page #vv-dna-canvas,
body.single-product #vv-dna-canvas,
body.woocommerce-cart [data-vv-roaming-ufo],
body.vv-cart-page [data-vv-roaming-ufo],
body.woocommerce-checkout [data-vv-roaming-ufo],
body.vv-checkout-page [data-vv-roaming-ufo],
body.single-product [data-vv-roaming-ufo] {
  display: none !important;
}

body.woocommerce-cart *,
body.vv-cart-page *,
body.woocommerce-checkout *,
body.vv-checkout-page *,
body.single-product * {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
}

body.woocommerce-checkout #payment,
body.vv-checkout-page #payment,
body.woocommerce-checkout form.checkout,
body.vv-checkout-page form.checkout,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.vv-checkout-page .woocommerce-checkout-payment {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 5 !important;
}

body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"],
body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods,
body.vv-checkout-page #payment .woocommerce-SavedPaymentMethods {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment iframe,
body.vv-checkout-page #payment iframe,
body.woocommerce-checkout #payment button,
body.vv-checkout-page #payment button,
body.woocommerce-checkout #payment input,
body.vv-checkout-page #payment input,
body.woocommerce-checkout #payment label,
body.vv-checkout-page #payment label,
body.single-product .wcpay-express-checkout-wrapper,
body.single-product #wcpay-express-checkout-element,
body.single-product #wcpay-payment-request-wrapper,
body.single-product #wc-stripe-payment-request-wrapper,
body.single-product .wc-stripe-payment-request-wrapper,
body.single-product .wc-block-components-express-payment,
body.single-product .express-payment-methods,
body.single-product .paypal-buttons,
body.single-product [class*="paypal"],
body.single-product [class*="venmo"],
body.single-product [class*="express"] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order,
body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"] {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
}

/* v3.1.9: checkout buttons must always remain visible. */
body.vv-site .vv-secure-checkout-direct,
body.vv-site .vv-cart-checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout,
body.vv-cart-page .wc-proceed-to-checkout,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .checkout-button,
body.vv-cart-page .checkout-button,
body.woocommerce-cart .vv-lab-checkout-button,
body.vv-cart-page .vv-lab-checkout-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 54px !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.vv-site .vv-secure-checkout-direct,
body.vv-site .vv-cart-checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .vv-lab-checkout-button,
body.vv-cart-page .vv-lab-checkout-button {
  width: 100% !important;
  margin: 1rem 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,56,209,0.78) !important;
  background: linear-gradient(135deg, #7b1fff 0%, #ff38d1 100%) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 0 24px rgba(255,56,209,0.42), inset 0 0 14px rgba(255,255,255,0.16) !important;
}

body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout #place_order,
body.vv-checkout-page #place_order {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  margin-top: 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(182,255,0,0.58) !important;
  background: linear-gradient(135deg, #8a2bff 0%, #ff38d1 72%, #b6ff00 160%) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 26px rgba(255,56,209,0.40), 0 0 18px rgba(182,255,0,0.18) !important;
  pointer-events: auto !important;
}

/* v3.2.0: keep the WooCommerce payment action wrapper visible too. */
body.woocommerce-checkout #payment .place-order,
body.vv-checkout-page #payment .place-order,
body.woocommerce-checkout .place-order,
body.vv-checkout-page .place-order {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order,
body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 58px !important;
  margin: 1rem 0 0 !important;
  padding: 0.95rem 1.25rem !important;
  border: 1px solid rgba(182,255,0,0.58) !important;
  overflow: visible !important;
}

/* v3.2.2 final checkout/payment cleanup - keep WooCommerce and processors in charge. */
body.vv-cart-page .vv-cart-left-panel .wc-proceed-to-checkout::after,
body.woocommerce-cart .vv-cart-left-panel .wc-proceed-to-checkout::after,
body.vv-cart-page .wc-proceed-to-checkout::after,
body.woocommerce-cart .wc-proceed-to-checkout::after {
  content: none !important;
  display: none !important;
}

body.vv-cart-page .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .vv-cart-left-panel .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .vv-cart-left-panel .wc-proceed-to-checkout a.checkout-button,
body.vv-cart-page .vv-cart-checkout-button,
body.woocommerce-cart .vv-cart-checkout-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.vv-cart-page .vv-secure-checkout-direct,
body.woocommerce-cart .vv-secure-checkout-direct {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 56px !important;
  height: auto !important;
  margin: 1rem 0 !important;
  padding: 0.95rem 1.2rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,56,209,0.78) !important;
  background: linear-gradient(135deg, #7b1fff 0%, #ff38d1 100%) !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 0 24px rgba(255,56,209,0.42), inset 0 0 14px rgba(255,255,255,0.16) !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment,
body.vv-checkout-page #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"],
body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods,
body.vv-checkout-page #payment .woocommerce-SavedPaymentMethods,
body.woocommerce-checkout #payment iframe,
body.vv-checkout-page #payment iframe,
body.woocommerce-checkout .wcpay-express-checkout-wrapper,
body.vv-checkout-page .wcpay-express-checkout-wrapper,
body.woocommerce-checkout #wcpay-express-checkout-element,
body.vv-checkout-page #wcpay-express-checkout-element,
body.woocommerce-checkout #wcpay-payment-request-wrapper,
body.vv-checkout-page #wcpay-payment-request-wrapper,
body.woocommerce-checkout #wc-stripe-payment-request-wrapper,
body.vv-checkout-page #wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-stripe-payment-request-wrapper,
body.vv-checkout-page .wc-stripe-payment-request-wrapper,
body.woocommerce-checkout .wc-block-components-express-payment,
body.vv-checkout-page .wc-block-components-express-payment,
body.woocommerce-checkout .express-payment-methods,
body.vv-checkout-page .express-payment-methods {
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment ul.payment_methods,
body.vv-checkout-page #payment ul.payment_methods {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
}

body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"] {
  display: block !important;
  margin: 0 0 12px !important;
}

body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods,
body.vv-checkout-page #payment .woocommerce-SavedPaymentMethods,
body.woocommerce-checkout #payment iframe,
body.vv-checkout-page #payment iframe {
  display: block !important;
}

body.woocommerce-checkout #payment .place-order,
body.vv-checkout-page #payment .place-order {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment #place_order,
body.vv-checkout-page #payment #place_order,
body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 56px !important;
  width: 100% !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-product .wcpay-express-checkout-wrapper,
body.single-product #wcpay-express-checkout-element,
body.single-product #wcpay-payment-request-wrapper,
body.single-product #wc-stripe-payment-request-wrapper,
body.single-product .wc-stripe-payment-request-wrapper,
body.single-product .wc-block-components-express-payment,
body.single-product .express-payment-methods,
body.single-product .paypal-buttons,
body.single-product [class*="paypal"],
body.single-product [class*="venmo"],
body.single-product [class*="express"] {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* v3.2.5 final processor-safe override. This must remain last. */
body.woocommerce-checkout #payment,
body.vv-checkout-page #payment,
body.woocommerce-checkout form.checkout,
body.vv-checkout-page form.checkout,
body.woocommerce-checkout .woocommerce-checkout-payment,
body.vv-checkout-page .woocommerce-checkout-payment {
  position: relative !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

body.woocommerce-checkout #payment .payment_box,
body.vv-checkout-page #payment .payment_box,
body.woocommerce-checkout #payment .wc-payment-form,
body.vv-checkout-page #payment .wc-payment-form,
body.woocommerce-checkout #payment li[class*="payment_method"],
body.vv-checkout-page #payment li[class*="payment_method"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .wcpay-upe-element,
body.vv-checkout-page #payment .wcpay-upe-element,
body.woocommerce-checkout #payment .wc-stripe-elements-field,
body.vv-checkout-page #payment .wc-stripe-elements-field,
body.woocommerce-checkout #payment [class*="hosted"],
body.vv-checkout-page #payment [class*="hosted"],
body.woocommerce-checkout #payment [class*="card-field"],
body.vv-checkout-page #payment [class*="card-field"] {
  position: relative !important;
  z-index: 10 !important;
  min-height: 44px !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment .payment_box iframe,
body.vv-checkout-page #payment .payment_box iframe,
body.woocommerce-checkout #payment .wc-payment-form iframe,
body.vv-checkout-page #payment .wc-payment-form iframe {
  display: block !important;
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 70px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout #payment input:not([type="radio"]):not([type="checkbox"]),
body.vv-checkout-page #payment input:not([type="radio"]):not([type="checkbox"]),
body.woocommerce-checkout #payment textarea,
body.vv-checkout-page #payment textarea,
body.woocommerce-checkout #payment select,
body.vv-checkout-page #payment select {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
  user-select: text !important;
  min-height: 44px !important;
  max-height: none !important;
}

body.woocommerce-checkout #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.vv-checkout-page #payment button[name="woocommerce_checkout_place_order"][style*="display: none"],
body.woocommerce-checkout #payment #place_order[style*="display: none"],
body.vv-checkout-page #payment #place_order[style*="display: none"] {
  display: none !important;
}