/* ============================================================
   ANIMATIONS & HOVERS — mk-red
   ============================================================ */

/* ─── ENTRANCE ANIMATIONS ─────────────────────────────────── */

[data-animate] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

[data-animate="fade"] {
  transform: none;
}

[data-animate].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* задержки для дочерних элементов */
[data-animate-delay="1"] { transition-delay: 0.1s; }
[data-animate-delay="2"] { transition-delay: 0.2s; }
[data-animate-delay="3"] { transition-delay: 0.3s; }
[data-animate-delay="4"] { transition-delay: 0.4s; }
[data-animate-delay="5"] { transition-delay: 0.5s; }

/* ─── HOVER: WHO ITEMS ────────────────────────────────────── */

.who__item {
  transition: background 0.2s ease, padding-left 0.2s ease;
}
.who__item:hover {
  background: rgba(0, 0, 0, 0.03);
  padding-left: 8px;
}

/* ─── HOVER: SPEAKER STATS ───────────────────────────────── */

.speaker__stat {
  transition: background 0.2s ease;
}
.speaker__stat:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* ─── HOVER: PROGRAM ITEMS ───────────────────────────────── */

.program__item {
  transition: background 0.2s ease;
}
.program__item:hover {
  background: rgba(0, 0, 0, 0.03);
}

/* ─── HOVER: RESULTS ITEMS ───────────────────────────────── */

.results__item {
  transition: background 0.22s ease;
}
.results__item:hover {
  background: rgba(0, 0, 0, 0.035);
}

/* ─── HOVER: BONUS STATS ─────────────────────────────────── */

.bonus__stat {
  transition: transform 0.2s ease;
}
.bonus__stat:hover {
  transform: translateY(-3px);
}

/* ─── HOVER: NAV LOGO ────────────────────────────────────── */

.nav__logo {
  transition: opacity 0.2s ease;
}
.nav__logo:hover {
  opacity: 0.7;
}

/* ─── HOVER: FOOTER LINKS ────────────────────────────────── */

.footer__link {
  transition: color 0.2s ease;
}
.footer__link:hover {
  color: var(--black);
}

/* ─── КНОПКИ — усиленный ховер ───────────────────────────── */

.hero__cta-btn,
.cta-final__btn,
.nav__cta {
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.hero__cta-btn:hover,
.nav__cta:hover {
  background: #2a2a2a;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.cta-final__btn:hover {
  background: #c8001f;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(210, 0, 35, 0.28);
}

/* ─── MOBILE: отключаем hover-transforms ─────────────────── */
@media (max-width: 768px) {
  .hero__cta-btn:hover,
  .nav__cta:hover,
  .cta-final__btn:hover {
    transform: none;
    box-shadow: none;
  }
  .bonus__stat:hover {
    transform: none;
  }
  .who__item:hover {
    padding-left: 0;
  }
}