:root {
    --topbar-height: 47px;
    --header-height: 137px;
    @media (max-width: 767px) {
        --header-height: auto;
    }
}

#header .header-nav {
    height: var(--topbar-height);
}

#header a:hover {
    color: var(--color-primary);
}

#header .header-top {
    padding: 1rem 0 0;
    height: var(--header-height);
    @media (max-width: 767px) {
        display: none;
    }
}

#header.is-open .header-top {
    @media (max-width: 767px) {
        display: block;
    }
}

#header .header-top #_desktop_logo a {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#header .header-top #_desktop_logo a img {
    width: 120px;
}

#header .header-top-right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    @media (max-width: 767px) {
        align-items: center;
    }
}

#header .menu {
    display: block;
}

#header .top-menu[data-depth="0"] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

#header .top-menu[data-depth="1"] {
    display: flex;
    flex-wrap: wrap;
    @media (max-width: 767px) {
        flex-direction: column;
    }
}

#header .top-menu .sub-menu.popover {
    top: calc(var(--topbar-height) + var(--header-height) - 77px) !important;
    @media (max-width: 767px) {
        top: calc(var(--topbar-height)) !important;
    }
}

#header .top-menu .sub-menu ul[data-depth="1"] > li {
    float: none;
}

#header .header-top a[data-depth="0"] {
    padding: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    @media (max-width: 767px) {
        padding: 1rem 0;
    }
}

#header .top-menu a[data-depth="0"]:hover {
    color: var(--color-primary);
}

#header .top-menu a[data-depth="1"] {
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

#header .top-menu a:not([data-depth="0"]):not([data-depth="1"]):before {
    content: "chevron_right";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    word-wrap: normal;
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

#header .header-nav .blockcart {
    background-color: var(--color-grey-lighter);
}

#header .header-top #search_widget {
    float: none;
    @media (max-width: 767px) {
        width: 100%;
    }
}

#header .header-top .search-widgets form input[type="text"] {
    background-color: var(--color-grey-lighter);
}

#header .header-nav .cart-preview.active {
    background-color: var(--color-primary);
}