.header {
    --header-bg-color: var(--color-5);
    --main-nav-items-gap: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.header~.main {
    padding-top: var(--header-height, 5.625rem)
}

body.template-index .header~.main {
    padding-top: var(--announcement-bar-height, 0)
}

.section-header {
    --header-top-bottom-padding: calc(var(--distance-base) * 0.4);
    position: relative;
    padding: var(--header-top-bottom-padding) var(--distance-base);
    transition: background-color var(--transition-1)
}

.section-header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--header-bg-color);
    transition: transform var(--transition-1);
    transform-origin: top;
    transform: scaleY(0);
    z-index: -1
}

@media only screen and (min-width: 992px) {
    :is([data-scroll-at-the-top=false] .section-header,.header.menu-is-active .section-header,body:not(.template-index) .section-header,.section-header:where(:hover, :focus-within),body.boost-pfs-search-suggestion-open-body .section-header,body.boost-pfs-search-suggestion-mobile-open .section-header)::after {
        transform:scaleY(1)
    }
}

@media only screen and (max-width: 991px) {
    :is([data-scroll-at-the-top=false] .section-header,.header.menu-is-active .section-header,body:not(.template-index) .section-header,.section-header:where(:focus-within),body.boost-pfs-search-suggestion-open-body .section-header,body.boost-pfs-search-suggestion-mobile-open .section-header)::after {
        transform:scaleY(1)
    }
}

[data-scroll-at-the-top=false] .header {
    position: fixed
}

.section-header__content {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    align-content: center;
    gap: var(--main-nav-items-gap)
}

.section-header__list {
    display: flex;
    gap: 10px;
}

.section-header__list-item-link,.section-header__dropdown-list-item-link {
    text-transform: uppercase;
    color: var(--color-1);
    text-decoration: none;
    letter-spacing: .12em;
    border-bottom: .0625rem solid transparent;
    font-size: .6875rem;
    padding: 0
}

.section-header__list-item-link {
    display: block;
    min-width: fit-content;
}

:where(button.section-header__list-item-link) {
    border: none;
    background-color: transparent
}
.section-header__list-item-link a{
    border-bottom: 1px solid transparent;
    color: black;
    text-decoration: none;
}
.section-header__list-item-link.sale_nav a{
    color: #8b0000!important;
}

/* Desktop top nav: match custom.css final size on first paint (avoids 11px→13px FOUC) */
@media only screen and (min-width: 992px) {
    .section-header__content[data-target='desktop']
      .section-header__list-item.full-list-item
      .section-header__list-item-link-box
      .section-header__list-item-link
      a,
    .section-header__nav-left .section-header__list-item-link a,
    .section-header__nav-right .section-header__list-item-link a {
        font-size: 13px;
        letter-spacing: 0.01em;
        font-weight: 500;
        text-transform: uppercase;
        padding: 6px 0 3px;
        display: inline-block;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 992px) {
    /* :is(.section-header__list-item-link,.section-header__dropdown-list-item-link):where(:hover, :focus-visible) {
        border-bottom-color:inherit
    }
 */
    /* :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open) .header:not(.menu-is-active)) .section-header:not(:hover,:focus-within) .section-header__content:not([data-items-color-desktop=black]) :is(.section-header__list-item-link,.section-header__dropdown-list-item-link):where(:hover, :focus-visible) {
        border-bottom-color: inherit
    } */
    .section-header__list-item-link a:hover{
          border-bottom-color:black !important;
     }
     .section-header__list-item-link.sale_nav a:hover{
        border-bottom-color: #8b0000!important;
     }
    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open,.header-mega-menu-open,.mobile-account-sheet-open,.mini-cart-is-active) .header:not(.menu-is-active)) .section-header:not(:hover,:focus-within) .section-header__content:not([data-items-color-desktop=black]) :is(.section-header__list-item-link,.section-header__dropdown-list-item-link), 
    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open,.header-mega-menu-open,.mobile-account-sheet-open,.mini-cart-is-active) .header:not(.menu-is-active)) .section-header:not(:hover,:focus-within) .section-header__content:not([data-items-color-desktop=black]) :is(.section-header__list-item-link,.section-header__dropdown-list-item-link) a {
        color: var(--color-4)
    }

    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open,.header-mega-menu-open,.mobile-account-sheet-open,.mini-cart-is-active) .header:not(.menu-is-active)) .section-header:not(:hover,:focus-within) .section-header__content:not([data-items-color-desktop=black]) :is(.section-header__list-item-link-icon path) {
        fill: var(--color-4)
    }
}

@media only screen and (max-width: 991px) {
    :is(.section-header__list-item-link,.section-header__dropdown-list-item-link):where(:focus-visible) {
        border-bottom-color:inherit
    }

    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open) .header:not(.menu-is-active)) .section-header:not(:focus-within) .section-header__content:not([data-items-color-mobile=black]) :is(.section-header__list-item-link,.section-header__dropdown-list-item-link):where(:focus-visible) {
        border-bottom-color: inherit
    }

    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open) .header:not(.menu-is-active)) .section-header:not(:focus-within) .section-header__content:not([data-items-color-mobile=black]):not([data-items-color-desktop=black]) :is(.section-header__list-item-link,.section-header__dropdown-list-item-link) {
        color: var(--color-4)
    }

    :is(:is(html[data-scroll-at-the-top=true],html:not([data-scroll-at-the-top])) body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open) .header:not(.menu-is-active)) .section-header:not(:focus-within) .section-header__content:not([data-items-color-mobile=black]):not([data-items-color-desktop=black]) :is(.section-header__list-item-link-icon path) {
        fill: var(--color-4)
    }

    /* Black icons when Items color mobile OR desktop is black */
    .template-index .section-header__content[data-target='mobile'][data-items-color-mobile='black'] .section-header__list-item-link-icon :is(svg, path, rect, circle, line, polyline),
    .template-index .section-header__content[data-target='mobile'][data-items-color-desktop='black'] .section-header__list-item-link-icon :is(svg, path, rect, circle, line, polyline) {
        fill: var(--color-1) !important
    }
}

.section-header__list-item-link-icon,.section-header__list-item-link-icon svg {
    display: inline-block
}

.section-header__logo-image,.section-header__logo-image svg {
    width: 25.5rem;
    max-width: 100%
}

.section-header__logo-image svg {
    display: block;
    width: 100%;
}

.section-header__logo-image {
    object-fit: contain;
    width: 100%;
}

html:not([data-scroll-at-the-top]) body.template-index .section-header__logo-image--light {
    display: none
}

@media only screen and (min-width: 992px) {
    :is([data-scroll-at-the-top=true] body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open,.header-mega-menu-open,.mobile-account-sheet-open,.mini-cart-is-active) .header:not(.menu-is-active)) .section-header:not(:hover,:focus-within) .section-header__content:not([data-items-color-desktop=black]) .section-header__logo-image--light {
        display:none
    }

    :is([data-scroll-at-the-top=false],.header.menu-is-active,.section-header:where(:hover, :focus-within),body.boost-pfs-search-suggestion-open-body .section-header,body.boost-pfs-search-suggestion-mobile-open .section-header,body.header-mega-menu-open .section-header,body.mobile-account-sheet-open .section-header,body.mini-cart-is-active .section-header) .section-header__logo-image--dark,body:not(.template-index) .section-header__logo-image--dark,.section-header__content[data-items-color-desktop=black] .section-header__logo-image--dark {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    :is([data-scroll-at-the-top=true] body.template-index:not(.boost-pfs-search-suggestion-open-body,.boost-pfs-search-suggestion-mobile-open) .header:not(.menu-is-active)) .section-header:not(:focus-within) .section-header__content:not([data-items-color-mobile=black]):not([data-items-color-desktop=black]) .section-header__logo-image--light {
        display:none
    }

    :is([data-scroll-at-the-top=false],.header.menu-is-active,.section-header:where(:focus-within),body.boost-pfs-search-suggestion-open-body .section-header,body.boost-pfs-search-suggestion-mobile-open .section-header) .section-header__logo-image--dark,body:not(.template-index) .section-header__logo-image--dark,.section-header__content[data-items-color-mobile=black] .section-header__logo-image--dark,.section-header__content[data-items-color-desktop=black] .section-header__logo-image--dark {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    .section-header__list-item[data-has-fullsize-dropdown=false] {
        position:relative
    }

    .section-header__list-item:not(:hover,:focus-within) .section-header__dropdown-content {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-1rem)
    }
}

.section-header__dropdown-content {
    position: absolute;
    transition: opacity var(--transition-1),transform var(--transition-1)
}

@media only screen and (min-width: 992px) {
    .section-header__dropdown-content--default {
        padding-top:var(--header-top-bottom-padding);
        top: calc(100%);
        left: calc(var(--main-nav-items-gap) * -1)
    }
}

.section-header__dropdown-lists {
    background-color: var(--header-bg-color);
    display: grid;
    gap: var(--main-nav-items-gap)
}

.section-header__dropdown-lists:where([data-has-subitems="false"]) {
    gap: .5rem
}

@media only screen and (min-width: 992px) {
    .section-header__dropdown-lists:where([data-has-subitems="false"]) {
        justify-items:start;
        justify-content: start
    }
}

.section-header__dropdown-lists:where([data-has-subitems="false"]) .section-header__dropdown-list {
    display: none
}

:where(.section-header__dropdown-content--default) .section-header__dropdown-lists {
    padding: var(--main-nav-items-gap)
}

@media only screen and (min-width: 992px) {
    :where(.section-header__dropdown-content--default) .section-header__dropdown-lists {
        border:.0625rem solid var(--color-4)
    }
}

.section-header__dropdown-list-title,.section-header__dropdown-list-item-link {
    font-size: .6875rem;
    white-space: nowrap
}

.section-header__dropdown-list-title:where(p) {
    font-weight: bold
}

.section-header__dropdown-list-content,.section-header__dropdown-list {
    display: grid;
    gap: .5rem
}

.section-header__dropdown-content--fullsize {
    top: calc(100% - var(--header-top-bottom-padding));
    left: 0;
    right: 0;
    overflow-y: auto;
    max-height: calc( var(--viewport-height, 100vh) - var(--header-height, 0) + var(--header-top-bottom-padding) );
    background-color: var(--header-bg-color)
}

@media only screen and (min-width: 992px) {
    .section-header__dropdown-content--fullsize {
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        gap: calc(var(--distance-base) * 2);
        padding: calc(var(--distance-base))
    }

    .section-header__dropdown-content--fullsize .section-header__dropdown-list-content {
        gap: 1.75rem
    }

    .section-header__dropdown-content--fullsize .section-header__dropdown-images {
        gap: calc(var(--distance-base) * 0.5)
    }

    .section-header__dropdown-content--fullsize :is(.section-header__dropdown-lists,.section-header__dropdown-images) {
        display: flex;
        align-items: flex-start;
        align-content: flex-start
    }

    .section-header__dropdown-content--fullsize :is(.section-header__dropdown-images) {
        gap: calc(var(--distance-base) * 0.5)
    }

    .section-header__dropdown-content--fullsize :is(.section-header__dropdown-lists) {
        gap: calc(var(--distance-base) * 2)
    }
}

@media only screen and (max-width: 991px) {
    :where(.section-header__dropdown-content--fullsize) .section-header__dropdown-lists {
        padding:var(--main-nav-items-gap)
    }

    .section-header__dropdown-images {
        padding: var(--main-nav-items-gap);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--main-nav-items-gap)
    }
}

.section-header__dropdown-image {
    aspect-ratio: 38/48;
    width: 100%;
    height: auto;
    object-fit: cover
}

.section-header__dropdown-image-caption {
    font-size: .875rem
}

@media only screen and (min-width: 992px) {
    .section-header__dropdown-image {
        max-width:25vw
    }

    .section-header__content:where([data-target="mobile"]),.section-header__dropdown-header,.section-header__list-item-dropdown-toggler,.section-header__dropdown-list-title-toggler {
        display: none
    }
}

.section-header__list:where([data-list="menu"], [data-list="sticky"]),.section-header__list-box {
    transition: transform var(--transition-2),opacity var(--transition-1)
}

.section-header__list-box {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--header-bg-color);
    z-index: 1;
    height: calc( var(--viewport-height, 100vh) - var(--header-height, 0px) - var(--page-content-offset-top, 0px) );
    padding-top: .1rem;
    display: grid;
    grid-template-rows: 1fr auto
}

html[data-scroll-at-the-top=false] .section-header__list-box {
    height: calc(var(--viewport-height, 100vh) - var(--header-height, 0px) + 2px)
}

.section-header__list:where([data-list="menu"], [data-list="sticky"]) {
    gap: 0;
    overflow-y: auto;
    overflow-x: hidden;
    flex-wrap: nowrap;
    flex-direction: column
}

.section-header__list-item-link:not(.menu-is-active)~:is(.section-header__list:where([data-list="menu"]),.section-header__list-box) {
    opacity: 0;
    transform: translateY(-5rem);
    pointer-events: none
}

.section-header__list-item-dropdown-toggler,.section-header__dropdown-header-button {
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: var(--distance-base);
    transition: opacity var(--transition-1)
}

:where(.section-header__list-item-dropdown-toggler, .section-header__dropdown-header-button) :is(.section-header__list-item-dropdown-toggler,.section-header__dropdown-header-button-icon) {
    height: 1rem
}

:where(.section-header__list-item-dropdown-toggler, .section-header__dropdown-header-button):is(:hover,:focus-visible) {
    opacity: .6
}

.section-header__dropdown-header-button {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.section-header__dropdown-header-header-title {
    padding: var(--distance-base);
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: .6875rem
}

.section-header__list-item[data-name=cart][data-cart-has-items=true] .section-header__list-item-link::after {
    content: " (" attr(data-cart-total-items) ")"
}

.section-header__list-item[data-name=cart] .section-header__list-item-link {
    white-space: nowrap
}

@media only screen and (min-width: 992px) {
    .section-header__cart-total-items {
        margin-left:.5ch
    }

    .section-header__cart-total-items::before {
        content: "("
    }

    .section-header__cart-total-items::after {
        content: ")"
    }

    .section-header__list[data-list=main]>.section-header__list-item>.section-header__list-item-link-box>.section-header__list-item-link {
        white-space: nowrap
    }
}

@media only screen and (max-width: 991px) {
    body:not(.js-ajax-cart-not-empty) .section-header__cart-total-items {
        display:none
    }

    .section-header__cart-total-items {
        font-size: .5625rem;
        display: inline-block;
        position: absolute;
        transform: translate(0.25rem, -0.5rem)
    }
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]) {
    position: relative
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]) svg {
    display: block
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]) .section-header__list-item-link-icon {
    height: 1rem
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]) .section-header__list-item-link-icon[data-show-while=opened] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]):not(.menu-is-active) [data-show-while=opened] {
    opacity: 0
}

.section-header__list-item-link:where([data-purpose="nav-toggler"]).menu-is-active [data-show-while=closed] {
    opacity: 0;
    visibility: hidden
}

.section-header__list-item-link-box {
    position: relative;
    z-index: 150
}

.section-header__content:where([data-target="desktop"]) [data-name=currency-switcher] #ge_flagPrefix {
    display: block;
    width: 25px
}

body.menu-is-active {
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .section-header {
        --header-top-bottom-padding: calc(var(--distance-base) * 0.5)
    }

    .section-header__content:where([data-target="desktop"]) {
        display: none
    }

    .section-header__list-item-link,.section-header__dropdown-list-item-link {
        border: none
    }

    .section-header__logo-image,.section-header__logo-image svg {
        width: 16.5625rem;
        max-width: 100%
    }

    :where(.section-header__list:where([data-list="menu"], [data-list="sticky"])) .section-header__list-item-link {
        width: 100%;
        display: inline-block;
        padding: 1rem var(--distance-base)
    }

    :where(.section-header__list:where([data-list="sticky"])) {
        z-index: 100;
        background-color: var(--header-bg-color);
        padding-top: var(--header-top-bottom-padding);
        padding-bottom: var(--header-top-bottom-padding)
    }

    .section-header__list-item-dropdown-toggler,.section-header__dropdown-header-button {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    :where(.section-header__list:where([data-list="menu"])),:where(.section-header__list:where([data-list="menu"]) > .section-header__list-item)>.section-header__list-item-link,.section-header__dropdown-header {
        position: relative
    }

    :where(.section-header__list:where([data-list="menu"]) > .section-header__list-item:not(:last-child))>.section-header__list-item-link-box::after,.section-header__dropdown-list-content:not(:last-child)::after {
        content: "";
        position: absolute;
        bottom: 0;
        height: .0625rem;
        background-color: var(--color-4)
    }

    :where(.section-header__list:where([data-list="menu"]) > .section-header__list-item:not(:last-child))>.section-header__list-item-link-box::after {
        left: calc(var(--distance-base) * 0.5);
        right: calc(var(--distance-base) * 0.5)
    }

    :where(.section-header__list:where([data-list="menu"])) .section-header__list-item:where([data-name="account"]) {
        margin-top: auto
    }

    .section-header__dropdown-list-content:not(:last-child)::after {
        left: 0;
        right: 0
    }

    .section-header__dropdown-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background-color: var(--header-bg-color);
        transform: translateX(100%);
        height: 100%;
        overflow-y: auto
    }

    .section-header__list.dropdown--active>.section-header__list-item>.section-header__list-item-link-box {
        transform: translateX(-100%)
    }

    .section-header__list-item.dropdown--active>.section-header__dropdown-content {
        transform: translateX(0%)
    }

    .section-header__list-item-link-box {
        display: grid;
        align-items: center;
        align-content: center;
        transition: transform var(--transition-1)
    }

    .section-header__list-item-link-box>:is(.section-header__list-item-link,.section-header__list-item-dropdown-toggler) {
        grid-row: 1/2;
        grid-column: 1/2
    }

    .section-header__list-item-link-box>:is(.section-header__list-item-link) {
        z-index: 10
    }

    .section-header__list-item-link-box>:is(.section-header__list-item-dropdown-toggler) {
        z-index: 20;
        content: center;
        transition: transform var(--transition-1)
    }

    .section-header__list-item-link-box>:is(.section-header__list-item-link,.section-header__list-item-dropdown-toggler) {
        grid-row: 1/2;
        grid-column: 1/2
    }

    .section-header__list-item-dropdown-toggler {
        display: flex;
        justify-content: flex-end
    }

    .section-header__dropdown-list {
        gap: 0
    }

    .section-header__dropdown-lists {
        padding-top: 0;
        padding-bottom: 0;
        gap: 0
    }

    .section-header__dropdown-list-content {
        position: relative;
        gap: 0
    }

    .section-header__dropdown-lists:where([data-has-subitems="true"]) .section-header__dropdown-list-content {
        padding-top: calc(var(--distance-base) * 0.25);
        padding-bottom: calc(var(--distance-base) * 0.25)
    }

    .section-header__dropdown-list-title,.section-header__dropdown-list-item-link {
        padding-top: calc(var(--distance-base) * 0.5);
        padding-bottom: calc(var(--distance-base) * 0.5)
    }

    .section-header__dropdown-list-item-link {
        display: inline-block;
        width: 100%
    }

    .section-header__dropdown-list-title-box {
        position: relative
    }

    .section-header__dropdown-list-title-toggler {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-items: flex-end;
        justify-content: flex-end;
        align-items: center;
        align-content: center
    }

    .section-header__dropdown-list-title-box:not(.list-is-active) .section-header__dropdown-list-title-icon[data-state=active],.section-header__dropdown-list-title-box.list-is-active .section-header__dropdown-list-title-icon[data-state=inactive],.section-header__dropdown-lists[data-has-subitems=true] .section-header__dropdown-list-title-box:not(.list-is-active)~.section-header__dropdown-list {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    .header {
        --main-nav-items-gap: 1.15rem;
        top: -1px
    }

    .section-header {
        --header-top-bottom-padding: calc(var(--distance-base) * 0.95)
    }

    .section-header__logo-image,.section-header__logo-image svg {
        width: 12.75rem;
        max-width: 100%
    }

    .section-header__dropdown-list-item-link {
        padding-top: calc(var(--distance-base) * 0.75);
        padding-bottom: calc(var(--distance-base) * 0.75)
    }
}