/* ── Reels Card Styles ── */
.reel-card-link {
    display: block;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.reel-card {
    width: 100%;
    aspect-ratio: 9 / 16; 
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    background-color: #2a1c15; 
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
    backface-visibility: hidden; 
    /* ================================ */

    transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}

/* Baki CSS wahi rahegi */
.reel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

/* Hover Effects (Desktop Only) */
@media (hover: hover) {
    .reel-card-link:hover .reel-card {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    }

    .reel-card-link:hover .reel-img {
        transform: scale(1.05);
    }
}

/* Swiper Grab Cursor */
.reelsSwiper .swiper-wrapper {
    cursor: grab;
}
.reelsSwiper .swiper-wrapper:active {
    cursor: grabbing;
}