/* Finální override pro zajištění 50/50 gridu */

/* Přepsat všechny předchozí styly gridu */
.predplatne-container .form-step#step-2 .checkout-grid-container,
.predplatne-container .form-step#step-3 .checkout-grid-container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    align-items: start !important;
    width: 100% !important;
    flex-direction: unset !important; /* Zrušit flex-direction */
}

/* Zajistit správné grid položky */
.predplatne-container .form-step#step-2 .checkout-main-content,
.predplatne-container .form-step#step-3 .checkout-main-content-wrapper {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.predplatne-container .form-step#step-2 .checkout-sidebar,
.predplatne-container .form-step#step-3 .checkout-sidebar {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .predplatne-container .form-step#step-2 .checkout-grid-container,
    .predplatne-container .form-step#step-3 .checkout-grid-container {
        grid-template-columns: 1fr !important;
    }
    
    .predplatne-container .form-step#step-2 .checkout-main-content,
    .predplatne-container .form-step#step-3 .checkout-main-content-wrapper,
    .predplatne-container .form-step#step-2 .checkout-sidebar,
    .predplatne-container .form-step#step-3 .checkout-sidebar {
        grid-column: 1 !important;
    }
}