/* iKulecnik Apollo v4 - presnejsi hlavicka podle SmartMaxu */

@media (min-width: 992px) {
    body.desktop.template-11 #header .header-top {
        grid-template-columns: 220px minmax(300px, 1fr) 252px 245px !important;
        grid-template-rows: 82px !important;
        gap: 24px !important;
        min-height: 116px !important;
        padding: 17px 0 !important;
    }

    body.desktop.template-11 #header .site-name-wrapper,
    body.desktop.template-11 #header .search,
    body.desktop.template-11 #header .top-navigation-contacts,
    body.desktop.template-11 #header .navigation-buttons {
        grid-row: 1 !important;
        align-self: center !important;
    }

    body.desktop.template-11 #header .site-name-wrapper {
        grid-column: 1 !important;
        width: 220px !important;
        min-width: 0 !important;
        height: 82px !important;
    }

    body.desktop.template-11 #header .site-name,
    body.desktop.template-11 #header .site-name a {
        width: 220px !important;
        height: 82px !important;
    }

    body.desktop.template-11 #header .site-name img {
        width: auto !important;
        max-width: 178px !important;
        height: auto !important;
        max-height: 82px !important;
    }

    body.desktop.template-11 #header .search {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 560px !important;
        margin: 0 auto !important;
    }

    body.desktop.template-11 #header .top-navigation-contacts {
        grid-column: 3 !important;
        min-width: 252px !important;
    }

    body.desktop.template-11 #header .navigation-buttons {
        grid-column: 4 !important;
        min-width: 245px !important;
    }

    /* Puvodni produktove kategorie zustavaji dostupne v mobilnim hamburgeru,
       na pocitaci je nahrazuje stejne menu jako na SmartMaxu. */
    body.desktop.template-11 #navigation .navigation-in > .menu-level-1,
    body.desktop.template-11 #navigation .navigation-in > .navigation-in-bottom,
    body.desktop.template-11 #navigation .menu-helper {
        display: none !important;
    }

    body.desktop.template-11 #navigation .top-navigation-menu {
        display: flex !important;
        width: 100% !important;
        height: 58px !important;
        flex: 1 1 100% !important;
        align-items: stretch !important;
        position: relative !important;
    }

    body.desktop.template-11 #navigation .top-navigation-bar-menu {
        display: flex !important;
        width: calc(100% - 92px) !important;
        height: 58px !important;
        flex: 1 1 auto !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        overflow: hidden !important;
    }

    body.desktop.template-11 #navigation .top-navigation-bar-menu > li {
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }

    body.desktop.template-11 #navigation .top-navigation-bar-menu > li > a {
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    body.desktop.template-11 #navigation .top-navigation-menu-trigger {
        display: flex !important;
        width: 92px !important;
        min-width: 92px !important;
        height: 58px !important;
        flex: 0 0 92px !important;
    }
}

@media (min-width: 992px) and (max-width: 1280px) {
    body.desktop.template-11 #header .header-top {
        width: calc(100% - 48px) !important;
        grid-template-columns: 190px minmax(270px, 1fr) 228px 245px !important;
        gap: 18px !important;
    }

    body.desktop.template-11 #header .site-name-wrapper,
    body.desktop.template-11 #header .site-name,
    body.desktop.template-11 #header .site-name a {
        width: 190px !important;
    }

    body.desktop.template-11 #header .site-name img {
        max-width: 168px !important;
    }

    body.desktop.template-11 #header .top-navigation-contacts {
        min-width: 228px !important;
        gap: 10px !important;
    }

    body.desktop.template-11 .ik-v3-mail {
        font-size: 12px !important;
    }
}

/* Stare bannery se po vlozeni nove titulni sekce uz nesmeji zobrazit pod ni. */
body.type-index.template-11 .banners-row,
body.type-index.template-11 .next-to-carousel-banners {
    display: none !important;
}