/* Desktop layout for NOVA's classic (non-single-row) header.
   Row 1: logo, search, reviews and shop icons.
   Row 2: category navigation across the complete header width. */
@media (min-width: 992px) {
    #jtl-nav-wrapper > .container,
    #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed) {
        display: grid !important;
        grid-template-columns: 225px minmax(0, 1fr) !important;
        grid-template-rows: 64px 40px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 104px !important;
        margin: 0 auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: center !important;
        width: 225px !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 20px 0 0 !important;
    }

    #jtl-nav-wrapper > .container > .navbar,
    #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed) > .navbar {
        display: contents !important;
    }

    #jtl-nav-wrapper #shop-nav {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 64px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #jtl-nav-wrapper #search {
        flex: 1 1 auto !important;
        min-width: 280px !important;
        margin: 0 18px 0 0 !important;
    }

    #jtl-nav-wrapper .heseler-review {
        flex: 0 0 250px !important;
        min-width: 250px !important;
    }

    #jtl-nav-wrapper #mainNavigation {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: none !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        background: #fff !important;
    }

    #jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
    #jtl-nav-wrapper #mainNavigation .navbar-nav {
        width: 100% !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #jtl-nav-wrapper #mainNavigation .navbar-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
    }

    #jtl-nav-wrapper #mainNavigation .nav-link {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        white-space: nowrap !important;
    }

    #jtl-nav-wrapper #mainNavigation .submenu-headline-toplevel {
        display: block !important;
        padding-top: 10px !important;
        padding-right: 15px !important;
        padding-bottom: 10px !important;
        padding-left: 15px !important;
        font-family: inherit !important;
        font-size: 0.9rem !important;
        font-weight: 650 !important;
        line-height: 1.5 !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #jtl-nav-wrapper > .container,
    #jtl-nav-wrapper > .container-fluid:not(.search-form-wrapper-fixed) {
        grid-template-columns: 190px minmax(0, 1fr) !important;
    }

    #jtl-nav-wrapper .toggler-logo-wrapper {
        width: 190px !important;
    }

    #jtl-nav-wrapper .heseler-review {
        display: none !important;
    }
}