/* Mobile Slider Fix - Final Approach */
@media (max-width: 768px) {
    .slider-container {
        height: 250px !important;
        min-height: 250px !important;
        position: relative !important;
        overflow: hidden !important;
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    }
    
    .slider-track {
        height: 100% !important;
        width: 100% !important;
        position: relative !important;
    }
    
    .slide {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: none !important;
    }
    
    .slide.active {
        display: block !important;
    }
    
    .slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 12px !important;
        display: block !important;
    }
    
    .slider-wrapper {
        flex-direction: column !important;
        gap: 15px !important;
        height: auto !important;
    }
}