/* Jednoduchý box scroll pro mobily */
@media (max-width: 768px) {
    /* Kontejner pro boxy */
    .predplatne-boxes {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 15px !important;
        padding: 0 20px !important;
        margin: 0 -20px 20px -20px !important;
        width: calc(100% + 40px) !important;
        min-height: 220px !important;
        
        /* Skrýt scrollbar */
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .predplatne-boxes::-webkit-scrollbar {
        display: none;
    }
    
    /* Boxy */
    .predplatne-box {
        flex: 0 0 280px !important;
        width: 280px !important;
        margin: 0 !important;
    }
    
    /* Aktivní box */
    .predplatne-box.active {
        border-color: #00466A !important;
        box-shadow: 0 0 0 2px #00466A !important;
    }
    
    /* Pro preset buttons stejně */
    .preset-buttons {
        display: flex !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 10px !important;
        padding: 0 20px 20px 20px !important;
        margin: 0 -20px !important;
        width: calc(100% + 40px) !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .preset-buttons::-webkit-scrollbar {
        display: none;
    }
    
    .preset-btn {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}