body.live-market-shops-page.vc-lane-cinema .shops-lane-main.vc-lp-main {
  position: relative;
  z-index: 2;
  background: transparent;
}

/* Runner directory + live market runner grid */
body.vc-lane-premium--runner-dir {
  background-image:
    radial-gradient(ellipse 85% 52% at 50% 0%, rgba(251, 191, 36, 0.18), transparent 65%),
    radial-gradient(ellipse 50% 40% at 100% 100%, rgba(94, 234, 212, 0.1), transparent 55%),
    linear-gradient(168deg, #100818 0%, #1a1208 45%, #080a14 100%);
}

body.vc-runner-directory-only.vc-lane-cinema .vc-runner-directory-only__main,
body.vc-runner-directory-only.vc-lane-cinema .vc-runner-directory-only__top,
body.vc-runner-directory-only.vc-lane-cinema .vc-runner-directory-only__foot {
  position: relative;
  z-index: 2;
  background: transparent;
  border-color: rgba(251, 191, 36, 0.15);
}

body.vc-runner-directory-only.vc-lane-cinema .vc-runner-directory-only__top {
  z-index: 12;
}

/* Progressive lane backdrops — cross-fade between stages on click (no keyframe animation). */

body.vc-lane-cinema .vc-lp-bg-orbs,
body.vc-lane-cinema .vc-lp-vignette,
body.vc-lane-cinema .vc-lp-mark,
body.vc-lane-cinema .vc-lp-bg-wordmark,
body.vc-lane-cinema .vc-lp-watermark-text {
  transition:
    opacity 0.55s ease,
    background 0.75s ease,
    filter 0.65s ease,
    color 0.5s ease,
    -webkit-text-stroke-color 0.5s ease;
}

/* —— Coach stages —— */
body.vc-lane-premium--coach[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 20% 15%, rgba(52, 211, 153, 0.2), transparent 42%),
    radial-gradient(circle at 85% 75%, rgba(45, 212, 191, 0.12), transparent 40%);
}

body.vc-lane-premium--coach[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 10%, rgba(110, 231, 183, 0.28), transparent 48%),
    radial-gradient(circle at 10% 80%, rgba(16, 185, 129, 0.14), transparent 38%);
}

body.vc-lane-premium--coach[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 70% 25%, rgba(45, 212, 191, 0.26), transparent 45%),
    radial-gradient(circle at 25% 60%, rgba(52, 211, 153, 0.16), transparent 42%);
}

body.vc-lane-premium--coach[data-vc-lp-stage="3"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 40% 50%, rgba(110, 231, 183, 0.22), transparent 50%),
    radial-gradient(circle at 90% 20%, rgba(34, 197, 94, 0.12), transparent 35%);
}

body.vc-lane-premium--coach[data-vc-lp-stage="4"] .vc-lp-bg-orbs,
body.vc-lane-premium--coach[data-vc-lp-stage="5"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 35%, rgba(167, 243, 208, 0.3), transparent 55%),
    radial-gradient(circle at 15% 85%, rgba(45, 212, 191, 0.18), transparent 40%);
}

body.vc-lane-premium--coach[data-vc-lp-stage="2"] .vc-lp-mark {
  filter: drop-shadow(0 0 80px rgba(52, 211, 153, 0.35));
}

/* —— Sell stages —— */
body.vc-lane-premium--sell[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 5%, rgba(253, 224, 71, 0.22), transparent 45%),
    radial-gradient(circle at 5% 90%, rgba(249, 115, 22, 0.1), transparent 35%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 30% 20%, rgba(251, 191, 36, 0.3), transparent 48%),
    radial-gradient(circle at 80% 70%, rgba(234, 88, 12, 0.14), transparent 40%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 60% 15%, rgba(253, 224, 71, 0.28), transparent 50%),
    radial-gradient(circle at 20% 65%, rgba(245, 158, 11, 0.16), transparent 42%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="3"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 45% 40%, rgba(251, 191, 36, 0.26), transparent 52%),
    radial-gradient(circle at 95% 30%, rgba(249, 115, 22, 0.12), transparent 38%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="4"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 15% 25%, rgba(253, 224, 71, 0.2), transparent 40%),
    radial-gradient(circle at 75% 80%, rgba(251, 146, 60, 0.2), transparent 45%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="5"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 30%, rgba(253, 224, 71, 0.35), transparent 58%),
    radial-gradient(circle at 50% 85%, rgba(234, 88, 12, 0.15), transparent 42%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="3"] .vc-lp-mark,
body.vc-lane-premium--sell[data-vc-lp-stage="4"] .vc-lp-mark {
  opacity: 0.78;
}

/* —— Business stages —— */
body.vc-lane-premium--biz[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 8% 12%, rgba(251, 113, 133, 0.2), transparent 42%),
    radial-gradient(circle at 92% 88%, rgba(147, 197, 253, 0.14), transparent 40%);
}

body.vc-lane-premium--biz[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 25% 30%, rgba(249, 168, 212, 0.26), transparent 48%),
    radial-gradient(circle at 85% 60%, rgba(147, 197, 253, 0.16), transparent 42%);
}

body.vc-lane-premium--biz[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 55% 18%, rgba(251, 113, 133, 0.22), transparent 45%),
    radial-gradient(circle at 40% 75%, rgba(129, 140, 248, 0.14), transparent 40%);
}

body.vc-lane-premium--biz[data-vc-lp-stage="3"] .vc-lp-bg-orbs,
body.vc-lane-premium--biz[data-vc-lp-stage="4"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 70% 35%, rgba(147, 197, 253, 0.24), transparent 50%),
    radial-gradient(circle at 15% 70%, rgba(251, 113, 133, 0.18), transparent 42%);
}

/* —— Passport page stages —— */
body.vc-lane-premium--account[data-vc-lp-stage="0"] .vc-lp-bg-orbs,
body.vc-passport-page[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 0%, rgba(167, 139, 250, 0.22), transparent 48%),
    radial-gradient(circle at 80% 80%, rgba(96, 165, 250, 0.1), transparent 38%);
}

body.vc-passport-page[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 30% 20%, rgba(196, 181, 253, 0.28), transparent 46%),
    radial-gradient(circle at 85% 55%, rgba(129, 140, 248, 0.14), transparent 42%);
}

body.vc-passport-page[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 55% 30%, rgba(167, 139, 250, 0.26), transparent 50%),
    radial-gradient(circle at 15% 75%, rgba(96, 165, 250, 0.16), transparent 40%);
}

body.vc-passport-page[data-vc-lp-stage="3"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 45% 40%, rgba(129, 140, 248, 0.28), transparent 52%),
    radial-gradient(circle at 78% 22%, rgba(199, 210, 254, 0.18), transparent 45%);
}

body.vc-passport-page[data-vc-lp-stage="4"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 35%, rgba(199, 210, 254, 0.32), transparent 55%),
    radial-gradient(circle at 50% 88%, rgba(129, 140, 248, 0.2), transparent 42%);
}

body.vc-passport-page .vc-account-passport,
body.vc-passport-page .vc-passport-panel {
  background: rgba(8, 12, 28, 0.62) !important;
  border: 1px solid rgba(167, 139, 250, 0.2);
  border-radius: 18px;
}

/* —— Account stages —— */
body.vc-lane-premium--account[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 0%, rgba(167, 139, 250, 0.22), transparent 48%),
    radial-gradient(circle at 80% 80%, rgba(96, 165, 250, 0.1), transparent 38%);
}

body.vc-lane-premium--account[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 25% 25%, rgba(129, 140, 248, 0.28), transparent 46%),
    radial-gradient(circle at 90% 50%, rgba(196, 181, 253, 0.14), transparent 40%);
}

body.vc-lane-premium--account[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 60% 40%, rgba(96, 165, 250, 0.24), transparent 50%),
    radial-gradient(circle at 10% 60%, rgba(167, 139, 250, 0.16), transparent 42%);
}

body.vc-lane-premium--account[data-vc-lp-stage="3"] .vc-lp-bg-orbs,
body.vc-lane-premium--account[data-vc-lp-stage="4"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 45% 25%, rgba(199, 210, 254, 0.3), transparent 55%),
    radial-gradient(circle at 75% 75%, rgba(129, 140, 248, 0.18), transparent 45%);
}

/* —— Buy journey stages —— */
body.vc-lane-premium--buy[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 40% 10%, rgba(96, 165, 250, 0.2), transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(94, 234, 212, 0.12), transparent 40%);
}

body.vc-lane-premium--buy[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 55% 25%, rgba(129, 140, 248, 0.22), transparent 48%),
    radial-gradient(circle at 12% 70%, rgba(56, 189, 248, 0.14), transparent 42%);
}

body.vc-lane-premium--buy[data-vc-lp-stage="2"] .vc-lp-bg-orbs,
body.vc-lane-premium--buy[data-vc-lp-stage="3"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 35%, rgba(94, 234, 212, 0.26), transparent 52%),
    radial-gradient(circle at 20% 20%, rgba(167, 139, 250, 0.16), transparent 40%);
}

/* —— Runner directory stages —— */
body.vc-lane-premium--runner-dir[data-vc-lp-stage="0"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 8%, rgba(251, 191, 36, 0.2), transparent 45%),
    radial-gradient(circle at 10% 80%, rgba(94, 234, 212, 0.1), transparent 38%);
}

body.vc-lane-premium--runner-dir[data-vc-lp-stage="1"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 70% 20%, rgba(253, 224, 71, 0.24), transparent 48%),
    radial-gradient(circle at 25% 70%, rgba(249, 115, 22, 0.12), transparent 40%);
}

body.vc-lane-premium--runner-dir[data-vc-lp-stage="2"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 45% 45%, rgba(251, 191, 36, 0.28), transparent 52%),
    radial-gradient(circle at 88% 75%, rgba(147, 197, 253, 0.14), transparent 42%);
}

body.vc-lane-premium--runner-dir[data-vc-lp-stage="3"] .vc-lp-bg-orbs {
  background:
    radial-gradient(circle at 50% 40%, rgba(253, 224, 71, 0.32), transparent 55%),
    radial-gradient(circle at 50% 85%, rgba(16, 185, 129, 0.12), transparent 40%);
}

/* Runner handoff: giant logo watermark before storefront */
.vc-lp-backdrop--runner-handoff .vc-lp-mark,
.vc-lp-backdrop--runner-handoff .vc-lp-float-glyphs,
.vc-lp-backdrop--runner-handoff .vc-lp-bg-wordmark {
  opacity: 0.08;
  transition: opacity 0.4s ease;
}

.vc-lp-backdrop--runner-handoff::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--vc-runner-logo-url);
  background-repeat: no-repeat;
  background-position: center 42%;
  background-size: min(72vw, 380px);
  opacity: 0.55;
  filter: drop-shadow(0 0 60px rgba(255, 255, 255, 0.15));
  pointer-events: none;
}

.vc-lp-backdrop--runner-handoff .vc-lp-watermark-text {
  color: rgba(253, 230, 138, 0.55);
  font-size: clamp(0.75rem, 2.5vw, 0.95rem);
}

/* Stage pulse on splash */
body.vc-lane-cinema[data-vc-lp-stage] .vc-lp-splash-glow {
  transition: background 0.75s ease, opacity 0.5s ease;
}

body.vc-lane-premium--coach[data-vc-lp-stage="2"] .vc-lp-splash-glow,
body.vc-lane-premium--coach[data-vc-lp-stage="3"] .vc-lp-splash-glow {
  opacity: 1;
  background: radial-gradient(ellipse 90% 70% at 50% 0%, rgba(52, 211, 153, 0.45), transparent 68%);
}

body.vc-lane-premium--sell[data-vc-lp-stage="2"] .vc-lp-splash-glow,
body.vc-lane-premium--sell[data-vc-lp-stage="3"] .vc-lp-splash-glow {
  background: radial-gradient(ellipse 90% 70% at 50% -5%, rgba(253, 224, 71, 0.42), transparent 65%);
}