/* 1. Nastavenie hlavného obalu na Flexbox */
#content {
    display: flex !important;
    flex-direction: row !important; /* Disco používa row */
    flex-wrap: wrap !important;
}

/* 2. Určenie poradia pre priame deti #content */

/* SLIDER - 1. miesto */
.row.banners-row {
    order: 1 !important;
    width: 100% !important;
}

/* BANNER STRED (tvoje boxy) - 2. miesto */
.row.banners-content.body-banners {
    order: 2 !important;
    width: 100% !important;
    display: block !important;
}

/* KONKURENČNÉ VÝHODY - 3. miesto */
.benefitBanner.position--benefitHomepage {
    order: 3 !important;
    width: 100% !important;
}

/* TEXT "Sme tu, aby sme Vás obuli" - 4. miesto */
.welcome-wrapper {
    order: 4 !important;
    width: 100% !important;
}

/* 3. Úprava vzhľadu tvojich boxov pre Disco šírku */
.promo-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    max-width: 1170px !important;
    margin: 30px auto !important;
    padding: 0 15px;
}

/* Responzivita pre mobil */
@media (max-width: 767px) {
    .promo-container {
        grid-template-columns: 1fr !important;
    }
}