/* ============================================================
 * SCOPED SHOWCASE CAROUSEL — WHY CHOOSIR SECTION
 * ============================================================ */
.embla {
    box-shadow: var(--shadow-lg), 0 25px 50px -12px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.05);
    background: #0c0c14;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.embla__container {
    will-change: transform;
}

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

/* Custom cropping for viewports < 1200px (Mobile and Tablet) */
.why-carousel-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.25, 1);
}

/* Grand Breakpoints : Contain strategy on large viewports */
@media (min-width: 1200px) {
    .why-carousel-img {
        object-fit: contain !important;
        background: #06060a;
        padding: 12px;
    }
    
    /* Specific backdrops for horizontal slides on ultra wide */
    .embla__slide:nth-child(3) .why-carousel-img {
        background: radial-gradient(circle at center, #0e0e16 0%, #06060a 100%) !important;
    }
}

/* Scoped bottom card details */
.carousel-slide-card {
    background: #0c0c14;
    position: relative;
    z-index: 10;
}

/* Premium dots transitions */
#why-carousel-dots button {
    transition: width 0.3s cubic-bezier(0.25, 1, 0.25, 1), background-color 0.3s ease;
}

/* Chevron arrows transitions */
#why-carousel-prev, #why-carousel-next {
    transition: all 0.3s cubic-bezier(0.25, 1, 0.25, 1);
}

#why-carousel-prev:hover, #why-carousel-next:hover {
    transform: translateY(-50%) scale(1.1);
    border-color: rgba(255, 184, 0, 0.3);
    box-shadow: 0 0 15px rgba(255, 184, 0, 0.15);
}