/* MovieWard Netflix-style horizontal movie rows */

#trendingGrid,
#latestGrid,
#pfTopTen .pf-premium-grid,
#pfResume .pf-premium-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 16px !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 12px 3px 20px !important;
    overscroll-behavior-x: contain;
}

#trendingGrid::-webkit-scrollbar,
#latestGrid::-webkit-scrollbar,
#pfTopTen .pf-premium-grid::-webkit-scrollbar,
#pfResume .pf-premium-grid::-webkit-scrollbar {
    display: none;
}

#trendingGrid > *,
#latestGrid > *,
#pfTopTen .pf-premium-grid > *,
#pfResume .pf-premium-grid > * {
    flex: 0 0 clamp(165px, 18vw, 245px) !important;
    min-width: 0 !important;
    scroll-snap-align: start;
}

.mw-carousel-shell {
    position: relative;
    min-width: 0;
}

.mw-carousel-arrow {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    z-index: 12;
    width: 43px;
    height: 65px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(8,19,23,.88);
    color: white;
    font-size: 31px;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: background .2s, opacity .2s;
}

.mw-carousel-arrow:hover {
    background: rgba(44,137,143,.9);
}

.mw-carousel-prev { left: 5px; }
.mw-carousel-next { right: 5px; }

.mw-carousel-arrow:disabled {
    opacity: .15;
    cursor: default;
}

@media (max-width: 650px) {
    #trendingGrid > *,
    #latestGrid > *,
    #pfTopTen .pf-premium-grid > *,
    #pfResume .pf-premium-grid > * {
        flex-basis: 42vw !important;
    }

    .mw-carousel-arrow {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    #trendingGrid,
    #latestGrid,
    #pfTopTen .pf-premium-grid,
    #pfResume .pf-premium-grid {
        scroll-behavior: auto;
    }
}