/* ============================================
   Система-Інвест — ефекти (theme-only, фронт): hover-zoom фото + анімації появи.
   Reveal вмикає JS (initReveal) класом .is-in; без JS / reduced-motion — усе видиме.
   ============================================ */

/* ---- #21 Hover-zoom фото в картках-анонсах ---- */
.product-media,
.types-media,
.news-media { overflow: hidden; }
.product-media img,
.types-media img,
.news-media img,
.industry-card .industry-photo { transition: transform 0.45s ease; }
.product-card:hover .product-media img,
.types-card:hover .types-media img,
.news-card:hover .news-media img,
.industry-card:hover .industry-photo { transform: scale(1.06); }

/* ---- #22/#23 Поява при скролі (сховане лише коли є JS: html.si-js) ---- */
html.si-js .metric,
html.si-js .badge {
  opacity: 0;
  transition: opacity 0.55s ease, transform 0.55s ease;
  will-change: opacity, transform;
}
html.si-js .metric { transform: translateY(28px); }   /* метрики — знизу вгору */
html.si-js .badge { transform: translateX(-28px); }   /* бейджі — зліва направо */
.metrics.is-in .metric,
.badges.is-in .badge { opacity: 1; transform: none; }

/* Каскад (stagger) */
.metrics.is-in .metric:nth-child(2),
.badges.is-in .badge:nth-child(2) { transition-delay: 0.08s; }
.metrics.is-in .metric:nth-child(3),
.badges.is-in .badge:nth-child(3) { transition-delay: 0.16s; }
.metrics.is-in .metric:nth-child(4),
.badges.is-in .badge:nth-child(4) { transition-delay: 0.24s; }
.metrics.is-in .metric:nth-child(5),
.badges.is-in .badge:nth-child(5) { transition-delay: 0.32s; }
.metrics.is-in .metric:nth-child(6),
.badges.is-in .badge:nth-child(6) { transition-delay: 0.40s; }

/* Без анімацій — нічого не ховаємо */
@media (prefers-reduced-motion: reduce) {
  .metric,
  .badge { opacity: 1 !important; transform: none !important; transition: none; }
  .product-media img, .types-media img, .news-media img, .industry-card .industry-photo { transition: none; }
}