/* ============================================================
   fly-to-cart.css
   Эффект «фото товара улетает в корзину с уменьшением».
   Подключается на страницах каталога (index/category/show)
   через headStyles в ProductsController.
   Все значения — только CSS-переменные из /admin/assets/variables.
   ============================================================ */

/* Клон изображения товара на время полёта */
.ftc-clone {
  position: fixed;
  margin: 0;
  pointer-events: none;
  z-index: var(--z-index-modal);
  border-radius: var(--radius-m);
  object-fit: cover;
  will-change: transform, opacity;
  animation: ftc-fly var(--transition-fly) cubic-bezier(0.3, 0.1, 0.3, 1) forwards;
}

@keyframes ftc-fly {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(var(--ftc-x), var(--ftc-y)) scale(0.1);
    opacity: 0;
  }
}

/* «Пульс» индикатора корзины после попадания */
@keyframes ftc-badge-bump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.ftc-bump {
  animation: ftc-badge-bump var(--transition-base) ease-out;
}

/* Пользователи с настройкой уменьшенного движения: без полёта */
@media (prefers-reduced-motion: reduce) {
  .ftc-clone {
    display: none;
  }
}