/**
 * TVK Cursor Spotlight — зональное сияние (главная)
 * v1.1 — mega у блока трубы, lite на остальной странице
 */

body.home-page .tvk-cursor-glow {
  z-index: 9996;
  pointer-events: none;
  mix-blend-mode: screen;
  will-change: transform, width, height, opacity;
  border-radius: 50%;
  transition:
    opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: var(--spot-opacity, 0.48);
  filter: blur(var(--spot-blur, 6px));
  background:
    radial-gradient(
      circle,
      rgba(0, 201, 167, 0.18) 0%,
      rgba(0, 201, 167, 0.06) 28%,
      transparent 58%
    ),
    radial-gradient(
      circle at 68% 34%,
      rgba(220, 38, 38, 0.1) 0%,
      transparent 52%
    );
}

body.home-page .tvk-cursor-glow::after {
  content: "";
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  opacity: var(--spot-core-opacity, 0.35);
  transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  background: radial-gradient(
    circle,
    rgba(0, 201, 167, 0.28) 0%,
    rgba(0, 201, 167, 0.08) 42%,
    transparent 72%
  );
  filter: blur(18px);
}

/* Огромное — только над панелью трубы */
body.home-page .tvk-cursor-glow.is-spot-mega {
  --spot-opacity: 1;
  --spot-blur: 10px;
  --spot-core-opacity: 1;
  background:
    radial-gradient(
      circle,
      rgba(0, 201, 167, 0.34) 0%,
      rgba(0, 201, 167, 0.14) 22%,
      rgba(0, 201, 167, 0.04) 44%,
      transparent 64%
    ),
    radial-gradient(
      circle at 68% 34%,
      rgba(220, 38, 38, 0.24) 0%,
      rgba(220, 38, 38, 0.07) 36%,
      transparent 58%
    ),
    radial-gradient(
      circle at 28% 72%,
      rgba(255, 255, 255, 0.09) 0%,
      transparent 46%
    );
}

body.home-page .tvk-cursor-glow.is-spot-mega::after {
  filter: blur(32px);
  background: radial-gradient(
    circle,
    rgba(0, 201, 167, 0.48) 0%,
    rgba(0, 201, 167, 0.16) 38%,
    transparent 74%
  );
}

/* Небольшое — везде кроме зоны трубы */
body.home-page .tvk-cursor-glow.is-spot-lite {
  --spot-opacity: 0.42;
  --spot-blur: 5px;
  --spot-core-opacity: 0.25;
}

@media (max-width: 900px) {
  body.home-page .tvk-cursor-glow {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .tvk-cursor-glow {
    display: none !important;
  }
}