/* =========================================================
   OZEON — АНИМИРОВАННЫЕ КАРТОЧКИ
   ========================================================= */

/* ===== БАЗОВЫЕ НАСТРОЙКИ КАРТОЧЕК И СЦЕН ===== */
.animated-card, 
.animated-card-scene {
  position: absolute;                               /* Позиционирование */
  overflow: hidden;                                 /* Скрываем выходящие элементы */
}

.animated-card-scene {
  inset: 0;                                         /* Растягиваем сцену на всю карточку */
  will-change: opacity;                             /* Оптимизация прозрачности для JS */
}

/* ===== ОПТИМИЗАЦИЯ ВНУТРЕННИХ СЛОЕВ ===== */
.animated-card-scene > div {
  pointer-events: none;                             /* Слои не перехватывают клики мыши */
}

.animated-card-scene > div:first-child {
  will-change: transform;                           /* Оптимизация движения для JS */
}

/* ===== ПЛАВНОЕ ДВИЖЕНИЕ ИЗОБРАЖЕНИЯ ===== */
@keyframes animated-card-pan-left {
  from { transform: scale(1.15) translateX(3%); }   /* Старт влево */
  to   { transform: scale(1.15) translateX(-3%); }  /* Финиш влево */
}

@keyframes animated-card-pan-right {
  from { transform: scale(1.15) translateX(-3%); }  /* Старт вправо */
  to   { transform: scale(1.15) translateX(3%); }   /* Финиш вправо */
}