/* IVA-UKLID-EKO.CZ - MASTER RESPONSIVE FIX
   Oprava všech sekcí pro mobilní zobrazení
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* GLOBÁLNÍ OPRAVA – BEZ overflow-x:hidden (rozbíjí fixed navigaci!) */
html, body {
    width: 100% !important;
    /* overflow-x: hidden ODSTRANĚNO – způsobovalo oříznutí mobilní navigace */
    /* position: relative ODSTRANĚNO – způsobovalo oříznutí fixed elementů */
}

/* --- MASTER FULL-WIDTH FIX --- */
.iva-v-full-width, .iva-full-width-section, .iva-full-width {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}

/* --- 1. CITÁT A HERO --- */
.iva-quote-block h2, .iva-quote-section h2 {
    font-size: clamp(24px, 8vw, 55px) !important;
    padding: 0 20px !important;
}

.benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
}

/* --- 2. PRODUKTY - FIX ZAROVNÁNÍ --- */
.iva-products-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 0 20px !important;
}

.iva-img-wrapper {
    height: 250px !important;
}

/* --- 3. VERTIKÁLNÍ BANNERY --- */
.iva-v-banner {
    height: 450px !important;
}

/* =======================================================
   MOBILNÍ ÚPRAVY (pod 768px)
   ======================================================= */
@media (max-width: 768px) {

    /* Zrušíme agresivní breakout na mobilu */
    .iva-v-full-width, .iva-full-width-section, .iva-full-width {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hero claimy pod sebe */
    .hero-claim-primary, .hero-claim-secondary {
        font-size: 12px !important;
        padding: 10px 20px !important;
        display: block !important;
        margin: 5px auto !important;
        width: fit-content !important;
    }

    /* Grid benefitů na mobilu: 1 sloupec */
    .benefit-grid {
        grid-template-columns: 1fr !important;
        padding: 0 20px !important;
    }

    /* Produkty na mobilu: 1 sloupec */
    .iva-products-grid {
        grid-template-columns: 1fr !important;
    }

    .iva-img-wrapper {
        height: 220px !important;
    }

    /* Pilíře na mobilu: 1 sloupec */
    .iva-pillars-grid, .pillars-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* Bannery na mobilu */
    .iva-v-banner {
        height: auto !important;
        min-height: 350px !important;
        padding: 40px 20px !important;
    }

    .iva-v-content {
        padding: 0 !important;
        text-align: center !important;
    }

    .iva-v-img-right {
        display: none !important;
    }

    .iva-v-banner h2 {
        font-size: 26px !important;
    }

    /* Ikony na mobilu: 2 vedle sebe */
    .iva-benefits-grid, .iva-icons-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 20px !important;
    }

    .iva-benefit-item img, .iva-icon-item img {
        width: 80px !important;
        height: 80px !important;
    }

}