/* Fade transition for product container */
#productContainer {
    transition: opacity 0.3s ease-in-out;
}

#productContainer.fade-out {
    opacity: 0;
}

#productContainer.fade-in {
    opacity: 1;
}

/* Optional: Smooth image loading for product cards */
#productContainer .card img {
    transition: opacity 0.2s ease-in-out;
}

#productContainer .card img:not([src]) {
    opacity: 0;
}