/* Final solution for mobile carousel - no gaps, proper padding */
@media (max-width: 768px) {
    /* Parent containers - create viewport */
    .vyber-baleni-wrapper,
    .vyber-zpusobu,
    .frekvence-vyber,
    .mnozstvi-vyber,
    .doba-vyber {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Carousel container */
    .predplatne-boxes {
        /* Remove all previous complex styles */
        all: unset !important;
        
        /* Basic flex layout */
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        
        /* Scrolling */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        
        /* Spacing */
        gap: 15px !important;
        padding: 0 20px !important;
        margin: 0 0 20px 0 !important;
        
        /* Width - auto to prevent extra space */
        width: auto !important;
        min-width: 100% !important;
        
        /* Hide scrollbar */
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        
        /* Ensure proper box model */
        box-sizing: border-box !important;
    }
    
    .predplatne-boxes::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Individual boxes */
    .predplatne-box {
        /* Fixed width boxes */
        flex: 0 0 280px !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        
        /* Reset margins */
        margin: 0 !important;
        
        /* Ensure proper height */
        height: auto !important;
        min-height: 200px !important;
        
        /* Box model */
        box-sizing: border-box !important;
    }
    
    /* Active state */
    .predplatne-box.active {
        border-color: #00466A !important;
        box-shadow: 0 0 0 2px #00466A !important;
    }
    
    /* Disable any transforms or absolute positioning */
    .predplatne-boxes,
    .predplatne-boxes *,
    .predplatne-box,
    .predplatne-box * {
        position: relative !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* Preset buttons - same treatment */
    .preset-buttons {
        all: unset !important;
        display: flex !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 10px !important;
        padding: 0 20px 20px 20px !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 100% !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        box-sizing: border-box !important;
    }
    
    .preset-buttons::-webkit-scrollbar {
        display: none !important;
    }
    
    .preset-btn {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    
    /* Remove padding for druh-boxes on mobile */
    .predplatne-boxes.druh-boxes {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remove padding and margin for preset-buttons on mobile */
    .preset-buttons {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
}