/* Product Catalog Smooth Transitions */

.product__list {
    transition: opacity 0.15s ease-in-out;
    will-change: opacity;
}

.product__list.loading {
    opacity: 0.3;
}

/* Stagger animation for product cards */
.product__card {
    opacity: 0;
    animation: fadeInCard 0.3s ease-out forwards;
}

.product__card:nth-child(1) { animation-delay: 0s; }
.product__card:nth-child(2) { animation-delay: 0.03s; }
.product__card:nth-child(3) { animation-delay: 0.06s; }
.product__card:nth-child(4) { animation-delay: 0.09s; }
.product__card:nth-child(5) { animation-delay: 0.12s; }
.product__card:nth-child(6) { animation-delay: 0.15s; }
.product__card:nth-child(7) { animation-delay: 0.18s; }
.product__card:nth-child(8) { animation-delay: 0.21s; }
.product__card:nth-child(9) { animation-delay: 0.24s; }
.product__card:nth-child(10) { animation-delay: 0.27s; }
.product__card:nth-child(11) { animation-delay: 0.30s; }
.product__card:nth-child(12) { animation-delay: 0.33s; }

@keyframes fadeInCard {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Smooth grid transition */
.product__list {
    min-height: 300px;
}