/* Mobile carousel fix using wrapper approach */
@media (max-width: 768px) {
    /* Parent container */
    .vyber-baleni-wrapper,
    .vyber-zpusobu,
    .frekvence-vyber,
    .mnozstvi-vyber,
    .doba-vyber {
        padding: 0 20px !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    
    /* Boxes container - extend outside parent padding */
    .predplatne-boxes {
        display: flex !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 15px !important;
        
        /* Negative margins to extend beyond parent padding */
        margin-left: -20px !important;
        margin-right: -20px !important;
        margin-bottom: 20px !important;
        margin-top: 0 !important;
        
        /* Padding to show content properly */
        padding: 0 20px !important;
        
        /* Width calculation */
        width: calc(100% + 40px) !important;
        
        /* Hide scrollbar */
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .predplatne-boxes::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Individual boxes */
    .predplatne-box {
        flex: 0 0 280px !important;
        width: 280px !important;
        margin: 0 !important;
    }
    
    /* Active box */
    .predplatne-box.active {
        border-color: #00466A !important;
        box-shadow: 0 0 0 2px #00466A !important;
    }
    
    /* Preset buttons - same approach */
    .preset-buttons {
        display: flex !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 10px !important;
        
        margin-left: -20px !important;
        margin-right: -20px !important;
        margin-bottom: 20px !important;
        padding: 0 20px !important;
        
        width: calc(100% + 40px) !important;
        
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .preset-buttons::-webkit-scrollbar {
        display: none !important;
    }
}