/*
Generated time: February 10, 2026 15:57
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
:root {
    --tg-header-background-color: var(--tg-sys-color-background);
    --tg-header-text-color: var(--tg-sys-color-on-background);
    --tg-header-dropdown-menu-background-color: var(--tg-sys-color-theme-hover);
    --tg-header-dropdown-menu-text-color: var(--tg-sys-color-on-background);
    --tg-header-dropdown-menu-border-color: var(--tg-sys-color-outline)
}

.shopify-section--header {
    position: relative
}

.Header {
    display: block;
    background-color: var(--tg-header-background-color);
    color: var(--tg-header-text-color);
    margin-top: -1px;
    border-bottom: 1px solid var(--tg-sys-color-outline)
}

.Header__Localization .Dropdown__Toggle,
.Header__LogoText,
.Header__LogoWrapper .Header__MenuTrigger .Button,
.Header__MainMenu .Nav__Link.Nav__Link--levelOne,
.Header__SecondaryMenu .Nav__Link {
    color: var(--tg-header-text-color)
}

.Header__Localization .Dropdown__Toggle {
    border: none
}

.Header__SecondaryMenu .CartCountBubble {
    background-color: var(--tg-header-text-color);
    color: var(--tg-header-background-color)
}

.Header__SecondaryMenu .WishlistCountBubble {
    background-color: var(--tg-header-text-color);
    color: var(--tg-header-background-color)
}

.shopify-section--header:not(.HeaderWrapperSticking) .Header--transparent .CartCountBubble {
    background-color: transparent;
    border: 1px solid var(--tg-header-text-color);
    color: var(--tg-header-text-color)
}

.shopify-section--header:not(.HeaderWrapperSticking) .Header--transparent .WishlistCountBubble {
    background-color: transparent;
    border: 1px solid var(--tg-header-text-color);
    color: var(--tg-header-text-color)
}

.shopify-section--header:not(.HeaderWrapperSticking) .Header--transparent .Header__LogoImage--transparent+.Header__LogoImage--primary {
    display: none
}

.shopify-section--header.HeaderWrapperSticking .Header--transparent .Header__LogoImage--transparent {
    display: none
}

.shopify-section--header:not(.HeaderWrapperSticking) .Header__LogoImage--transparent+.Header__LogoText {
    display: none
}

.Header__Main {
    display: flex;
    min-height: calc(var(--header-min-height-mobile) + 1rem);
    justify-content: space-between;
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media screen and (min-width:641px) {
    .Header__Main {
        min-height: calc(var(--header-min-height) + 2rem)
    }
}

.Header__Main .Header__SecondaryMenu {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

@media screen and (min-width:1008px) {
    .Header__Main {
        padding-top: 0;
        padding-bottom: 0
    }
}

.Header--middleLeft .Header__Main .Header__MainMenu {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media screen and (min-width:1008px) {
    .Header--middleCenter .Header__Main {
        position: relative
    }

    .Header--middleCenter .Header__Main .Header__LogoWrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .Header--middleCenter .Header__Main .Header__MainMenu {
        order: 1;
        max-width: calc(50% - var(--tg-header-logo-width, 80px)/ 2)
    }

    .Header--middleCenter .Header__Main .Header__SecondaryMenu {
        order: 3
    }
}

.Header__LogoWrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.Header .Header__Logo,
.Header .Header__LogoLink {
    display: flex;
    align-items: center
}

.Header .Header__LogoText {
    margin-bottom: 0;
    word-break: break-word;
    font-family: var(--tg-sys-typescale-title-large-font);
    font-style: var(--tg-sys-typescale-title-large-style);
    font-weight: var(--tg-sys-typescale-title-large-weight);
    font-size: var(--tg-sys-typescale-title-large-size);
    line-height: var(--tg-sys-typescale-title-large-line-height);
    letter-spacing: var(--tg-sys-typescale-title-large-tracking)
}

.Header__MenuTrigger .Button--icon {
    padding-left: 0
}

.dropdown_viewall {
    text-decoration: underline
}

.dropdown_viewall a {
    font-weight: var(--tg-ref-heading-font-weight);
    font-size: var(--tg-sys-typescale-title-medium-size)
}

.MegaMenu__Item {
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%;
    max-height: calc(60vh - 8rem);
    height: 95%;
    flex: 1
}

.MegaMenu_wrapper {
    display: flex;
    flex-direction: column;
    height: 95%;
    flex: 1
}

.MegaMenu_link--title {
    padding: 0 7px
}

.MegaMenu__Item--image {
    flex: 2;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.Header__MainMenu .MegaMenu .ImageCard--titleCenter,
.Header__MainMenu .MegaMenu .ImageCard--titleCenter feature-img {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.Header__MainMenu .MegaMenu .ImageCard--titleCenter .ButtonGroup {
    scale: 1.2
}

.Header__MainMenu .MegaMenu .ImageCard--titleCenter feature-img::before {
    content: none !important
}

.DropdownMenu__Body {
    position: absolute;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 10rem;
    pointer-events: none;
    color: var(--tg-header-dropdown-menu-text-color);
    text-align: left;
    list-style: none;
    background-color: var(--tg-header-dropdown-menu-background-color);
    background-clip: padding-box;
    border-bottom: 1px solid var(--tg-header-dropdown-menu-border-color);
    opacity: 0;
    margin-top: 16px;
    padding: 3.5rem
}

.DropdownMenu:not(.DropdownMenu--mega) .Nav--vertical .Nav__Link {
    white-space: nowrap
}

.DropdownMenu__Body.Show {
    display: block;
    opacity: 1;
    pointer-events: all
}

.DropdownMenu__Header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    white-space: nowrap;
    font-family: var(--tg-sys-typescale-title-medium-font);
    font-style: var(--tg-sys-typescale-title-medium-style);
    font-weight: var(--tg-sys-typescale-title-medium-weight);
    font-size: var(--tg-sys-typescale-title-medium-size);
    line-height: var(--tg-sys-typescale-title-medium-line-height);
    letter-spacing: var(--tg-sys-typescale-title-medium-tracking)
}

.DropdownMenu__HeaderWrapper:not(:first-child) {
    margin-top: .5rem;
    display: block
}

.MegaMenu__Item--link {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.MegaMenu__Item--link .Nav--horizontal .Nav__Item {
    text-align: start;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-left: -2px
}

.MegaMenu__Item--link .Nav--horizontal .Nav__Item .Nav__Link {
    text-align: start;
    padding: 0;
    margin: 0;
    transition: opacity .3s ease
}

.MegaMenu__Item--link .Nav--horizontal .Nav__Item .Nav__Link:hover {
    text-align: start;
    padding: 0;
    margin: 0;
    opacity: .6;
    transition: opacity .3s ease
}

.Header__MainMenu .Nav .Nav--horizontal {
    text-align: start;
    padding: 0;
    margin: 0;
    width: fit-content;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.Single__Item {
    padding: 30px
}

.MegaMenu__Title {
    margin-bottom: 1rem !important;
    scale: 1;
    text-transform: uppercase;
    font-weight: var(--tg-ref-display-font-weight) !important;
    font-size: var(--tg-sys-typescale-title-large-size)
}

.MegaMenu__Link {
    margin-bottom: .5rem;
    font-size: var(--tg-sys-typescale-title-medium-size);
    font-weight: var(--tg-sys-typescale-title-medium-weight);
    letter-spacing: var(--tg-sys-typescale-title-medium-tracking);
    text-transform: uppercase
}

.Nav__Link.Nav__Link--levelThree {
    padding-left: .15rem
}

.Header__MainMenu {
    display: flex;
    justify-content: center
}

.Header__MainMenu .Nav__Link.Nav__Link--levelOne {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 1.75rem 0 0 0;
    margin-left: 1rem;
    margin-right: 1rem
}

.Header__MainMenu .MegaMenu__Item--image.MegaMenu__Item--imageThemeEditorFoucs {
    -webkit-animation: CurrentImageGlow .8s ease-out 6 alternate;
    animation: CurrentImageGlow .8s ease-out 6 alternate
}

.DropdownMenu__Body.DropdownMenu__Body--mega {
    max-height: 60vh;
    overflow: hidden
}

@-webkit-keyframes CurrentImageGlow {
    0% {
        box-shadow: 0 0 5px rgba(var(--tg-sys-color-theme-rgb), 0), inset 0 0 5px rgba(var(--tg-sys-color-theme-rgb), .1), 0 1px 0 var(--tg-sys-color-theme)
    }

    100% {
        box-shadow: 0 0 20px rgba(var(--tg-sys-color-theme-rgb), .4), inset 0 0 10px rgba(var(--tg-sys-color-theme-rgb), .2), 0 1px 0 var(--tg-sys-color-theme)
    }
}

@keyframes CurrentImageGlow {
    0% {
        box-shadow: 0 0 5px rgba(var(--tg-sys-color-theme-rgb), 0), inset 0 0 5px rgba(var(--tg-sys-color-theme-rgb), .1), 0 1px 0 var(--tg-sys-color-theme)
    }

    100% {
        box-shadow: 0 0 20px rgba(var(--tg-sys-color-theme-rgb), .4), inset 0 0 10px rgba(var(--tg-sys-color-theme-rgb), .2), 0 1px 0 var(--tg-sys-color-theme)
    }
}

.Header__MainMenu .DropdownMenu:hover .DropdownMenu__Body {
    display: flex;
    opacity: 1;
    margin-top: 16px;
    pointer-events: auto;
    padding: 4rem
}

.DropdownMenu,
.DropdownMenu:focus-visible,
.DropdownMenu:hover {
    transition: all 2s ease-in !important
}

.Header__MainMenu .Nav__Link--levelOne {
    position: relative
}

.Header__MainMenu .Nav__Link--levelOne:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    bottom: 0;
    background: var(--tg-header-text-color);
    left: 0
}

.Header__MainMenu .Nav__Link--levelOne:focus-visible:after,
.Header__MainMenu .Nav__Link--levelOne:hover:after {
    width: 100%;
    transition: all .15s ease-in
}

.Header__MainMenu .Nav__Link--levelOne:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #000;
    width: 0;
    transition: all .15s ease-in
}

.Header__MainMenu .Nav__Link--levelOne.active-link:after {
    width: 100%
}

.MegaMenu_link--title {
    height: 20%
}

.MegaMenu__Item--link {
    height: 90%;
    gap: 0 30px
}

.Header__MainMenu .DropdownMenu:focus-within .DropdownMenu__Body {
    display: block;
    opacity: 1
}

.Header__MainMenu .DropdownMenu__Body--mega {
    width: 100%;
    left: 0;
    transition: all .15s ease-in-out;
    border-left: 0;
    border-right: 0;
    cursor: default
}

.Header__MainMenu .DropdownMenu--mega {
    position: static
}

.Header__MainMenu .MegaMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.Header__MainMenu .MegaMenu .MegaMenu__Title {
    font-family: var(--tg-sys-typescale-title-medium-font);
    font-style: var(--tg-sys-typescale-title-medium-style);
    font-weight: var(--tg-sys-typescale-title-medium-weight);
    line-height: var(--tg-sys-typescale-title-medium-line-height);
    letter-spacing: var(--tg-sys-typescale-title-medium-tracking);
    margin-bottom: 0;
    padding-left: 0
}

.Header__MainMenu .MegaMenu .ImageCard__Heading {
    font-family: var(--tg-sys-typescale-title-medium-font);
    font-style: var(--tg-sys-typescale-title-medium-style);
    font-weight: var(--tg-sys-typescale-title-medium-weight);
    font-size: var(--tg-sys-typescale-title-medium-size);
    line-height: var(--tg-sys-typescale-title-medium-line-height);
    letter-spacing: var(--tg-sys-typescale-title-medium-tracking);
    margin-bottom: 0;
    z-index: 100 !important;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.ImageCard__Heading {
    margin-bottom: 0;
    border-bottom: 1px solid var(--tg-sys-color-outline);
    color: var(--tg-sys-color-outline) !important;
    cursor: pointer
}

.ImageCard__Subheading {
    margin-top: -.5rem;
    scale: 0.9
}

.ImageCard__ButtonGroup a {
    text-transform: uppercase
}

.Header__MainMenu .MegaMenu .ImageCard__Subheading {
    font-family: var(--tg-sys-typescale-body-medium-font);
    font-style: var(--tg-sys-typescale-body-medium-style);
    font-weight: var(--tg-sys-typescale-body-medium-weight);
    font-size: var(--tg-sys-typescale-body-medium-size);
    line-height: var(--tg-sys-typescale-body-medium-line-height);
    letter-spacing: var(--tg-sys-typescale-body-medium-tracking)
}

.Header__MainMenu .MegaMenu .ImageCard--titleCenter {
    text-align: center
}

.Header--spacingMedium .Nav__Link.Nav__Link--levelOne {
    padding-top: 0
}

.CartCountBubble,
.WishlistCountBubble {
    position: absolute;
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    top: .2rem;
    right: .2rem;
    line-height: 1;
    display: none
}

.CartCountBubble.Visible,
.WishlistCountBubble.Visible {
    display: flex
}

.CartCountText {
    display: none
}

.CartCountText.Visible {
    display: block
}

.Nav--secondaryText {
    align-items: center
}

.Nav--secondaryText .Nav__Item:last-child .Nav__Link {
    padding-right: 0
}

.Nav--secondaryText .Nav__Item .Nav__Link {
    font-weight: 400
}

.Nav--secondaryText .CartCountBubble,
.Nav--secondaryText .WishlistCountBubble {
    position: static;
    height: 1.875rem;
    width: auto;
    min-width: 1.875rem;
    font-size: 12px
}

.Header--transparent,
.Header--transparentInHeaderGroup.Header--transparent {
    border-bottom: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
    background-color: transparent
}

.Template--index .Header.Header--withSeparationBorder {
    border-bottom: 1px solid var(--tg-sys-color-outline)
}

.MegaMenu.Container.Container--fluid {
    max-width: 100vw;
    position: relative;
    height: 100%
}

@media screen and (min-width:1008px) {
    .Header.Header--middleLeft .Header__LogoWrapper {
        width: 25%;
        width: calc(25% - var(--tg-container-gutter-x) * 3 - 1.5rem);
        justify-content: left
    }

    .Header .Header__MainMenu {
        flex-grow: 1;
        justify-content: center
    }
}

@media screen and (min-width:1280px) {
    .Header.Header--middleLeft .Header__LogoWrapper {
        width: calc(25% - var(--tg-container-gutter-x) * 4 - 1.5rem)
    }
}

.Header #Header__CartTrigger.Button--icon {
    margin-right: -12px
}

.Header #Header__WishlistTrigger.Button--icon {
    margin-right: -12px
}

@media screen and (min-width:1008px) {
    .Header--middleCenter .Header__MainMenu>.Nav {
        margin-left: -1rem
    }
}

@media screen and (max-width:1007px) {
    .Header__MainMenu .DropdownMenu:hover .DropdownMenu__Body {
        display: none !important;
        pointer-events: auto;
        opacity: 0;
        margin-top: 16px
    }

    .Header--logoMobileCenter .Header__MenuTrigger {
        width: 50%
    }

    .Header--logoMobileCenter .Header__Logo {
        width: 50%;
        justify-content: center
    }

    .Header--logoMobileCenter .Header__LogoWrapper {
        flex-grow: 1;
        justify-content: space-between
    }

    .Header--logoMobileCenter .Header__Main .Header__SecondaryMenu {
        width: 33.333333%;
        justify-content: flex-end
    }
}