/* Slider Background Image Responsive Control */
/* Hide background images on devices below 1200px */
@media (max-width: 1199.98px) {
    .main-slider__carousel .item {
        background-image: none !important;
        /* background: var(--finris-black) !important;
    } */
    
    /* Maintain gradient and color backgrounds on mobile */
    .main-slider__carousel .item.mobile-gradient {
        background: var(--gradient-css) !important;
    }
    
    .main-slider__carousel .item.mobile-color {
        background: var(--background-color) !important;
    }
}

/* Show background images only on desktop (1200px and above) */
@media (min-width: 1200px) {
    .main-slider__carousel .item.has-background-image {
        /* Background image styles will be applied inline */
    }
}