/* MOVIEWARD CINEMATIC HOVER V1 */

@media (hover: hover) and (pointer: fine) {

.mw-carousel-shell {
    overflow: visible !important;
}

.mw-carousel-shell .poster,
.mw-carousel-shell .pf-card,
.mw-carousel-shell .movie-card {
    position: relative;
    isolation: isolate;
    transform-origin: center center;
    transition:
        transform .35s cubic-bezier(.2,.8,.2,1),
        box-shadow .35s ease,
        border-color .35s ease,
        filter .35s ease;
    will-change: auto;
}

.mw-carousel-shell .poster:hover,
.mw-carousel-shell .pf-card:hover,
.mw-carousel-shell .movie-card:hover {
    transform: translateY(-8px) scale(1.035);
    z-index: 8;
    box-shadow:
        0 20px 48px rgba(0,0,0,.55),
        0 0 28px rgba(90,211,205,.19);
    border-color: rgba(122,225,219,.55);
}

.mw-carousel-shell .poster img,
.mw-carousel-shell .pf-card img,
.mw-carousel-shell .movie-card img {
    transition:
        filter .4s ease,
        transform .5s cubic-bezier(.2,.8,.2,1);
}

.mw-carousel-shell .poster:hover img,
.mw-carousel-shell .pf-card:hover img,
.mw-carousel-shell .movie-card:hover img {
    filter: brightness(.85) saturate(1.1);
}

.mw-carousel-shell .poster::after,
.mw-carousel-shell .pf-card::after,
.mw-carousel-shell .movie-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        transparent 40%,
        rgba(4,17,20,.10) 60%,
        rgba(4,17,20,.55) 100%
    );
    opacity: 0;
    transition: opacity .3s ease;
}

.mw-carousel-shell .poster:hover::after,
.mw-carousel-shell .pf-card:hover::after,
.mw-carousel-shell .movie-card:hover::after {
    opacity: 1;
}

}

/* Slider navigation polish */

.mw-carousel-arrow {
    transition:
        opacity .25s ease,
        background .25s ease,
        transform .25s ease !important;
}

.mw-carousel-arrow:not(:disabled):hover {
    background: rgba(35,151,153,.95) !important;
    transform: translateY(-50%) scale(1.08) !important;
}

.mw-carousel-arrow:focus-visible {
    outline: 2px solid #86ded8;
    outline-offset: 3px;
}

/* Subtle loading appearance */

@keyframes mw-card-appear {
    from {
        opacity: .35;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mw-carousel-shell .mw-animate-in {
    animation: mw-card-appear .4s ease both;
}

/* Mobile: keep native touch behavior */

@media (hover: none), (pointer: coarse) {
    .mw-carousel-shell .poster,
    .mw-carousel-shell .pf-card,
    .mw-carousel-shell .movie-card {
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mw-carousel-shell *,
    .mw-carousel-arrow {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}