/* Complete reset for mobile carousel */
@media (max-width: 768px) {
    /* Remove all transforms and transitions during layout */
    .predplatne-boxes,
    .predplatne-boxes *,
    .predplatne-box,
    .predplatne-box * {
        transform: none !important;
        transition: none !important;
    }
    
    /* Reset parent containers */
    .predplatne-form-step,
    .checkout-step,
    .vyber-baleni-wrapper,
    .vyber-zpusobu,
    .frekvence-vyber,
    .mnozstvi-vyber,
    .doba-vyber {
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
    }
    
    /* Main boxes container */
    .predplatne-boxes {
        /* Complete reset */
        all: unset !important;
        
        /* Required styles */
        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 */
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !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;
        min-width: 280px !important;
        max-width: 280px !important;
        margin: 0 !important;
        height: auto !important;
        min-height: 200px !important;
    }
    
    /* Re-enable transitions after layout */
    .predplatne-box {
        transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    }
}