/* ZIPTEH header navigation v28.
   Loaded after header-new.css, header-polish.css and header-commerce.css. */

@media (min-width: 1081px) {
    /* Begin navigation exactly on the common shell/logo edge. */
    .zt-header .zt-nav__inner {
        gap: 10px !important;
        justify-content: flex-start !important;
    }

    .zt-header .zt-nav__list {
        display: flex !important;
        min-width: 0 !important;
        margin: 0 auto 0 0 !important;
        padding: 0 !important;
        flex: 1 1 auto !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 2px !important;
    }

    .zt-header .zt-nav__item {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    .zt-header .zt-nav__link,
    .zt-header .zt-nav__trigger {
        width: auto !important;
        min-width: 0 !important;
        padding: 0 14px !important;
        gap: 9px !important;
        justify-content: center !important;
        font-size: clamp(13px, .78vw, 16px) !important;
        white-space: nowrap !important;
    }

    .zt-header .zt-nav__item--home .zt-nav__link {
        padding-left: 0 !important;
        padding-right: 18px !important;
        justify-content: flex-start !important;
    }

    .zt-header .zt-nav__icon {
        width: 24px !important;
        height: 24px !important;
    }

    .zt-header .zt-nav__chevron {
        width: 13px !important;
        height: 13px !important;
    }

    /* Favorites and cart use the same 76px positioning context. */
    .zt-header .zt-header-favorite,
    .zt-header .zt-header-cart {
        min-height: 76px !important;
        align-self: stretch !important;
    }

    .zt-header .zt-header-cart .cart-area,
    .zt-header .zt-header-cart .cart-button,
    .zt-header .zt-header-cart > a {
        height: 76px !important;
        min-height: 76px !important;
    }

    .zt-header .zt-header-favorite .zt-header-action-count,
    .zt-header .zt-header-cart .zt-header-action-count,
    .zt-header .zt-header-cart .items-count,
    .zt-header .zt-header-cart .basket-count {
        top: 8px !important;
        right: 0 !important;
    }

    /* Compact company dropdown. */
    .zt-header .zt-mega--company {
        right: 120px !important;
        left: auto !important;
        width: min(360px, calc(100vw - 40px)) !important;
        max-width: none !important;
        border-radius: 14px !important;
    }

    .zt-header .zt-company-menu {
        padding: 18px !important;
    }

    .zt-header .zt-company-menu__eyebrow {
        margin: 0 0 10px !important;
        color: #8a949e !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
    }

    .zt-header .zt-company-menu__links {
        display: grid !important;
        gap: 4px !important;
    }

    .zt-header .zt-company-menu__links a {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        min-height: 46px !important;
        padding: 0 42px 0 14px !important;
        border-radius: 9px !important;
        color: #1a232c !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
    }

    .zt-header .zt-company-menu__links a::after {
        position: absolute !important;
        right: 15px !important;
        width: 8px !important;
        height: 8px !important;
        border-top: 2px solid currentColor !important;
        border-right: 2px solid currentColor !important;
        content: "" !important;
        transform: rotate(45deg) !important;
    }

    .zt-header .zt-company-menu__links a:hover,
    .zt-header .zt-company-menu__links a:focus-visible {
        color: #14181d !important;
        background: #fff3cf !important;
        outline: none !important;
        transform: translateX(2px) !important;
    }

    /* These three dropdowns are deliberately disabled. */
    .zt-header .zt-mega--parts,
    .zt-header .zt-mega--units,
    .zt-header .zt-mega--offers {
        display: none !important;
    }
}

@media (min-width: 1081px) and (max-width: 1420px) {
    .zt-header .zt-nav__link,
    .zt-header .zt-nav__trigger {
        padding-right: 8px !important;
        padding-left: 8px !important;
        gap: 6px !important;
        font-size: 13px !important;
    }

    .zt-header .zt-nav__item--home .zt-nav__link {
        padding-left: 0 !important;
        padding-right: 10px !important;
    }

    .zt-header .zt-nav__icon {
        width: 21px !important;
        height: 21px !important;
    }

    .zt-header .zt-mega--company {
        right: 106px !important;
    }
}

@media (max-width: 1080px) {
    .zt-header .zt-company-menu,
    .zt-header .zt-mega--company {
        display: none !important;
    }
}