/* css/components/carousel.css */

/* Card background carousel */
.card-bg-container { position: absolute; inset: 0; z-index: 1; overflow: hidden; }
.card-bg-layer {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
    transform: scale(1.05);
    will-change: opacity, transform;
}
.card-bg-layer.active {
    opacity: 0.85;
    transform: scale(1.1) translate(0.5%,-0.5%);
    transition: opacity 1.8s ease-in-out, transform 18s ease-out;
}
.series-card:hover .card-bg-layer.active { opacity: 1; transform: scale(1.14) translate(1%,-1%); }