/* =============================================================================
   Інтерактивність лендів при наведенні - єдиний рецепт (власник, 06.11.2026).
   Виріс із /psy-group/ (d163607), тепер спільний: /psy-group/, /course/finstan/.
   Підключати ПІСЛЯ /resources/css/course.css і ДО css сторінки.

   Рецепт (усе через токени нижче - змінюється в одному місці):
     картка               - піднімається на 3px і бере --shadow-hover (як .outcome у course.css)
     картка-акцент        - ще й бордер у тіал 45% (.hover-card--accent)
     фото/іконка в картці - scale(1.04)                                (.hover-zoom)
     пункт списку         - зсув на 4px праворуч, маркер scale(1.15)    (.hover-list > li)
     кнопка               - піднімається на 2px, при натисканні опускається

   Спільні блоки course.css (.not-about__col, .for-whom / .not-for, .lesson, .btn-buy,
   .btn-telegram) підхоплюються самі. Свої картки сторінки - класом .hover-card.
   Лише для миші (hover: hover): на тачі hover "залипає" після тапу.
   prefers-reduced-motion вимикає переходи глобально (brand.css).
   Бренд-гайд: заборона підйому стосується лише вітрини головної (.home-pcard).
   ============================================================================= */

:root {
  --hover-lift: -3px;
  --hover-lift-btn: -2px;
  --hover-shift: 4px;
  --hover-zoom: 1.04;
  --hover-marker: 1.15;
  --hover-border: rgba(0, 191, 165, 0.45);
  --hover-transition: transform var(--transition-smooth), box-shadow var(--transition-smooth),
                      border-color var(--transition-smooth), background var(--transition-smooth),
                      color var(--transition-smooth);
}

.hover-card,
.hover-zoom,
.hover-list > li,
.hover-list > li::before,
.not-about__col,
.for-whom__list li,
.for-whom__list li::before,
.not-for__list li,
.not-for__list li::before,
.lesson,
.lesson__img img,
.btn-buy,
.btn-telegram {
  transition: var(--hover-transition);
}

@media (hover: hover) {
  /* Картки */
  .hover-card:hover,
  .not-about__col:hover,
  .lesson:hover {
    transform: translateY(var(--hover-lift));
    box-shadow: var(--shadow-hover);
  }
  .hover-card--accent:hover { border-color: var(--hover-border); }

  /* Фото/іконка всередині картки */
  .hover-card:hover .hover-zoom,
  .lesson:hover .lesson__img img { transform: scale(var(--hover-zoom)); }

  /* Пункти списків: зсув + маркер */
  .hover-list > li:hover,
  .for-whom__list li:hover,
  .not-for__list li:hover { transform: translateX(var(--hover-shift)); }
  .hover-list > li:hover::before,
  .for-whom__list li:hover::before,
  .not-for__list li:hover::before { transform: scale(var(--hover-marker)); }

  /* Кнопки */
  .btn-buy:hover,
  .btn-telegram:hover { transform: translateY(var(--hover-lift-btn)); }
  .btn-buy:active,
  .btn-telegram:active { transform: translateY(0); }
}