/* =============================================================
   COMPONENT / ITEM-CONTAINER
   
   Общие стили для карточек Unit и Product.
   Оба — «строки списка» в корзине / заказе.
   Специфика — в unit.css и product-item.css.
   ============================================================= */

/* ---------------------------------------------------------
   АНИМАЦИЯ УДАЛЕНИЯ
   Добавляется JS при удалении карточки через qty=0
   или кнопки «Убрать». Через 300 мс JS удаляет элемент из DOM.
   --------------------------------------------------------- */

.unit-container.fade-out,
.product-container.fade-out {
    opacity: 0;
    transform: scale(0.95);
    transition:
        opacity var(--duration-slow) ease,
        transform var(--duration-slow) ease;
    pointer-events: none;
    /* Чтобы нельзя было кликнуть дважды во время анимации */
}