/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 1322:0 Unexpected "<"
Line 1330:4 Comments in CSS use "/* ... */" instead of "//"
Line 1332:4 Comments in CSS use "/* ... */" instead of "//"
Line 1336:4 Comments in CSS use "/* ... */" instead of "//"
Line 1336:83 Unterminated string token
Line 1338:6 Comments in CSS use "/* ... */" instead of "//"
Line 1340:6 Comments in CSS use "/* ... */" instead of "//"
Line 1342:6 Comments in CSS use "/* ... */" instead of "//"
Line 1349:4 Comments in CSS use "/* ... */" instead of "//"
... and 8 more hidden warnings

**/
<style>
/* ---------- START: ORIGINAL CSS (kept intact) ---------- */
.halo-sidebar.halo-sidebar_menu {
    opacity: 1;
    visibility: visible;
}

.menu_open {
    overflow: hidden;
}

.menu_open .background-overlay {
    opacity: 1;
    pointer-events: all;
}

.menu_open .halo-sidebar.halo-sidebar_menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.halo-sidebar_menu .halo-sidebar-wrapper {
    padding: 0 0 140px 0;
}

.halo-sidebar_menu .site-nav-mobile .list-menu .menu-lv-item {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.halo-sidebar_menu .site-nav-mobile:not(.menu-custom-mobile) .list-menu .menu-lv-item {
    text-align: left;
}

.halo-sidebar_menu .site-nav-mobile[data-navigation-mobile] .list-menu .menu-lv__dropdownmenu .menu-lv-item:last-child,
.halo-sidebar_menu .site-nav-mobile[data-navigation-mobile] .list-menu .menu-lv__dropdownmenu .menu-lv-item.menu-lv-2 {
    border-bottom: 0;
}

.halo-sidebar_menu .site-nav-mobile .icon-dropdown {
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    position: absolute;
    transform: none;
    pointer-events: none;
}

.halo-sidebar_menu .menu-dropdown,
.halo-sidebar_menu .site-nav-list .site-nav-sub,
.halo-sidebar_menu .list-menu--disclosure-1,
.halo-sidebar_menu .list-menu--disclosure-2 {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    box-shadow: none;
    transition: opacity var(--duration-default) ease, transform var(--duration-default) ease, visibility var(--duration-default) ease;
    background: var(--bg-white);
    height: 100vh;
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 100px;
    transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -webkit-transform: translate3d(-101%, 0, 0);
}

.site-nav-mobile .navigation_all_mobile {
    display: block !important;
}

.site-nav-mobile .list-menu .menu-lv-item.is-open .menu-dropdown.is-overflow {
    overflow: hidden;
}

.site-nav-mobile .list-menu .menu-lv-item > .menu-dropdown .icon-dropdown,
.site-nav-mobile .menu-dropdown__wrapper .site-nav .site-nav-sub .icon-dropdown,
.site-nav-mobile .list-menu .menu-lv-1 .list-menu--disclosure-1 .icon-dropdown,
.site-nav-mobile .list-menu .menu-lv-2 .list-menu--disclosure-2 .icon-dropdown {
    display: none !important;
}

.site-nav-mobile .list-menu .menu-lv-item.is-open > .menu-dropdown .icon-dropdown,
.site-nav-mobile .menu-dropdown__wrapper .site-nav.is-open .site-nav-sub .icon-dropdown,
.site-nav-mobile .list-menu .menu-lv-1.is-open .list-menu--disclosure-1 .icon-dropdown,
.site-nav-mobile .list-menu .menu-lv-2.is-open .list-menu--disclosure-2 .icon-dropdown {
    display: block !important;
}

.site-nav-mobile .list-menu .menu-lv-item.is-open > .menu-dropdown,
.site-nav-mobile .menu-dropdown__wrapper .site-nav.is-open .site-nav-sub,
.site-nav-mobile .list-menu .menu-lv-1.is-open .list-menu--disclosure-1,
.site-nav-mobile .list-menu .menu-lv-2.is-open .list-menu--disclosure-2 {
    opacity: 1 !important;
    z-index: 100;
    visibility: visible;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: auto;
    pointer-events: inherit;
}

.site-nav-mobile .container {
    padding: 0px;
}

.site-nav-mobile .site-nav-title {
    font-weight: var(--font-weight-normal);
    text-transform: inherit;
}

.site-nav-mobile .list-menu--disclosure {
    padding: 0px;
    pointer-events: inherit;
}

.site-nav-mobile .list-menu--disclosure-2 {
    margin: 0;
}

.site-nav-mobile .menu-lv-2__action,
.site-nav-mobile .menu-lv-3__action {
    padding: 14px 20px;
    border: none;
}

.site-nav-mobile .menu-lv-2,
.site-nav-mobile .menu-lv-3 {
    padding: 0;
}

.site-nav-mobile.nav-account {
    padding-top: 20px;
    padding-bottom: 18px;
}

.site-nav-mobile.nav-account .header__icon {
    width: 100%;
    margin: 0px;
    padding: 10px 20px;
    font-size: var(--font-body-size);
    display: flex;
    align-items: center
}

.header-mobile--icon .header__icon--account-2 svg {
    width: 22px;
    height: 22px;
}

.site-nav-mobile.nav-account .header__icon .title {
    margin-left: 0;
}

.site-nav-mobile.nav-account .customer-links {
    margin: 0;
    display: block;
}

.site-nav-mobile.nav-account .customer-links.customer-login {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.site-nav-mobile.nav-account .header__link--account {
    display: block;
    padding: 6px 20px;
}

.site-nav-mobile.nav-account .header__link--account.customer_logount {
    padding-right: 10px;
}

.site-nav-mobile.nav-account .header__link--account.customer_acc {
    padding-left: 10px;
}

.site-nav-mobile.nav-account .free-shipping-text {
    padding: 6px 20px;
    text-transform: capitalize;
}

.site-nav-mobile.nav-account .customer-service-text {
    padding: 6px 20px;
}

.site-nav-mobile.nav-account .help-item,
.site-nav-mobile.nav-account .header__location {
    padding: 9px 20px;
}

.site-nav-mobile.nav-account .header__location p{
    margin: 0;
}

.site-nav-mobile.nav-currency-language .top-language-currency {
    width: 100%;
    padding: 0;
    opacity: 1;
    position: static;
}

.site-nav-mobile.nav-currency-language .halo-top-language,
.site-nav-mobile.nav-currency-language .halo-top-currency {
    display: block;
}

.site-nav-mobile.nav-currency-language .halo-top-currency {
    margin-left: 0;
}

.site-nav-mobile.nav-currency-language .halo-top-language>.disclosure,
.site-nav-mobile.nav-currency-language .halo-top-currency>.currency-dropdown {
    display: none !important;
}

.site-nav-mobile.nav-currency-language .dropdown-language,
.site-nav-mobile.nav-currency-language .dropdown-currency {
    display: block;
    position: initial;
    opacity: 1;
    overflow: visible;
    z-index: 1;
    box-shadow: none;
}

.halo-sidebar_menu .menu-custom-text {
    display: none;
}

.halo-sidebar_menu .site-nav-title {
    font-family: var(--font-menu-lv2-family);
    font-size: var(--font-menu-lv2-size);
    font-weight: var(--font-menu-lv2-weight);
    line-height: var(--menu-lv2-line-height);
    letter-spacing: var(--menu-lv2-letter-spacing);
    text-transform: var(--menu-lv2-text-transform);
}

.halo-sidebar_menu .site-nav-sub .list-unstyled li.navigation_all_mobile {
    border-bottom: none;
}

.halo-sidebar_menu .site-nav-sub .list-unstyled li a {
    font-family: var(--font-menu-lv3-family);
    font-size: var(--font-menu-lv3-size);
    font-weight: var(--font-menu-lv3-weight);
    line-height: var(--menu-lv3-line-height);
    letter-spacing: var(--menu-lv3-letter-spacing);
    text-transform: var(--menu-lv3-text-transform);
    padding: 13px 20px 12px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}

.halo-sidebar_menu .menu-dropdown__wrapper {
    display: block;
    padding: 0;
    margin: 0px;
}

.halo-sidebar_menu .menu-dropdown__wrapper .menu-dropdown__column,
.halo-sidebar_menu .menu-dropdown__wrapper .menu-dropdown__banner,
.halo-sidebar_menu .menu-dropdown__wrapper .menu-dropdown__column .site-nav {
    width: 100% !important;
    margin: 0px;
    height: auto !important;
}

.halo-sidebar_menu .menu-dropdown__wrapper .menu-dropdown__banner {
    padding: 25px 10px;
    text-align: center;
}

.halo-sidebar_menu .menu-dropdown__block {
    padding: 0px 20px;
}

.halo-sidebar_menu .menu-dropdown__block--title:before {
    display: none;
}

.halo-sidebar_menu .menu-dropdown__wrapper .menu-dropdown__column .site-nav,
.halo-sidebar_menu .menu-dropdown__wrapper .navigation_all_mobile,
.halo-sidebar_menu .menu-dropdown__wrapper .wrapper-colunm-menu .site-nav-title a {
    border-bottom: 1px solid #e6e6e6;
    position: relative !important;
    top: initial !important;
    left: initial !important;
    cursor: pointer;
    padding: 0px;
    transform: none !important;
}

.halo-sidebar_menu .menu-dropdown__wrapper .site-nav .site-nav-title,
.halo-sidebar_menu .menu-dropdown__wrapper .wrapper-colunm-menu .site-nav-title a {
    padding: 11px 20px 12px 20px;
    display: block;
    margin: 0px;
    position: relative;
}

.halo-sidebar_menu .site-nav-banner {
    font-size: 0;
    display: block;
    overflow: auto;
    white-space: nowrap;
    margin: 0;
}

.halo-sidebar_menu .menu-dropdown__banner .site-nav-banner:not(.column-1) .site-nav-banner--item {
    width: 250px;
    padding: 0px 5px;
}

.halo-sidebar_menu .site-nav-banner--item .content {
    margin-bottom: 15px;
}

.nav-title-mobile {
    display: none;
}

.halo-sidebar_menu .nav-title-mobile {
    font-family: var(--font-menu-lv1-family);
    font-size: var(--font-menu-lv1-size);
    font-weight: var(--font-menu-lv1-weight);
    line-height: var(--menu-lv1-line-height);
    letter-spacing: var(--font-menu-lv1-letter-spacing);
    text-transform: var(--menu-lv1-text-transform);
    display: block;
    position: relative;
    padding: 14px 20px;
    background: #f8f8f8;
    cursor: pointer;
}

.halo-sidebar_menu .nav-title-mobile .icon-dropdown {
    right: inherit;
    left: 6px;
}

.halo-sidebar_menu .nav-title-mobile .icon-dropdown svg {
    width: 25px;
    height: 25px;
    margin-top: -3px;
}

.halo-sidebar_menu #HeaderLanguageList,
.halo-sidebar_menu .halo-currency .currency-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0px;
}

.halo-sidebar_menu #HeaderLanguageList .disclosure__item,
.halo-sidebar_menu .halo-currency .currency-menu .dropdown-item {
    width: 25%;
    padding: 10px 10px 10px 20px;
}

.halo-sidebar_menu #HeaderLanguageList .disclosure__link {
    padding: 0px;
}

.halo-sidebar_menu .halo-currency .title,
.halo-sidebar_menu .localization-form .title {
    background: #f8f8f8;
    padding: 10px 20px;
    margin: 0;
    font-size: var(--font-body-size);
    text-transform: uppercase;
    font-weight: var(--font-weight-semibold);
    color: var(--color-link);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
}

.halo-sidebar_menu .site-nav-brand {
    display: block;
}

.halo-sidebar_menu .site-nav-brand .azbrandsTable {
    width: 100%;
}

.halo-sidebar_menu .site-nav-brand .nazbrandsLink {
    padding: 10px 0px;
}

.halo-sidebar-menu .halo-sidebar-wrapper {
    padding: 0 0 140px 0;
}

[data-navigation-mobile] .menu-lv-item {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    position: relative;
}

[data-navigation-mobile] .menu-lv__flex {
    display: flex !important;
    align-items: center;
    width: 100%;
}

[data-navigation-mobile] .menu-lv-image {
    border-bottom: none !important;
}

[data-navigation-mobile] .menu-lv-image .image {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 10px 0 0 0;
}

[data-navigation-mobile] .menu-lv-image img,
[data-navigation-mobile] .menu-lv-image .placeholder-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: center;
}

[data-navigation-mobile] .icon-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    pointer-events: none;
}

[data-navigation-mobile] .icon {
    left: 50%;
    right: unset;
    width: 15px;
    height: 15px;
    transform: translate(-50%, -50%);
}

[data-navigation-mobile] .custom-icon {
    display: inline-block;
    vertical-align: middle;
    top: unset;
}

[data-navigation-mobile] .custom-icon svg {
    display: block;
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    width: 30px;
    height: 30px;
    pointer-events: auto;
    transform: unset;
}

[data-navigation-mobile] .custom-icon img {
    display: block;
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center;
}

[data-navigation-mobile] .custom-icon.style-circle img {
    border-radius: 50%;
}

[data-navigation-mobile] .custom-image {
    display: block;
}

[data-navigation-mobile] .custom-image img {
    display: block;
    object-position: center;
    margin: auto;
    width: 100%;
    height: 100%;
}

[data-navigation-mobile] .custom-icon+.text {
    margin-left: 10px;
}

[data-navigation-mobile] .custom-image+.text {
    display: block;
    margin-top: 5px;
}

[data-navigation-mobile] .menu-lv-1__action .label {
    vertical-align: top;
    position: relative;
    top: unset;
    right: unset;
    margin-left: 5px;
}

[data-navigation-mobile] .menu-lv-1__action .label:before {
    left: -9px;
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%) rotate(-90deg);
}

[data-navigation-mobile] .menu-lv-1__action .label.custom-label {
    background-color: var(--color-global-darken);
    color: var(--color-global);
}

[data-navigation-mobile] .new-label {
    color: var(--new_label_color);
    background: var(--new_label_bg);
    border-color: var(--new_label_border);
}

[data-navigation-mobile] .new-label::before {
    border-bottom-color: var(--new_label_border);
}

[data-navigation-mobile] .sale-label {
    color: var(--sale_label_color);
    background: var(--sale_label_bg);
    border-color: var(--sale_label_border);
}

[data-navigation-mobile] .sale-label::before {
    border-bottom-color: var(--sale_label_border);
}

[data-navigation-mobile] .hot-label {
    color: var(--hot_label_color);
    background: var(--hot_label_bg);
    border-color: var(--hot_label_border);
}

[data-navigation-mobile] .hot-label::before {
    border-bottom-color: var(--hot_label_border);
}

[data-navigation-mobile] .menu-lv-item.nav-all-mobile {
    display: block;
}

[data-navigation-mobile] .menu-lv__dropdownmenu-3 {
    right: unset;
    top: unset;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    height: auto;
}

[data-navigation-mobile] .is-open>.menu-lv__dropdownmenu,
[data-navigation-mobile] .is-open>.site-nav-list>.menu-lv__dropdownmenu-2 {
    position: relative;
    top: unset;
    right: unset;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    overflow: unset;
    padding-bottom: 0;
    height: 100%;
    max-height: 100%;
}

[data-navigation-mobile] .is-hidden {
    display: none !important;
    border-bottom: none;
}

[data-navigation-mobile] .is-open {
    border-bottom: none;
}

[data-navigation-mobile] .is-open.d-none >.list-menu__item,
[data-navigation-mobile] .is-open.d-none >.site-nav-list>.site-nav-title {
    display: none !important;
}

[data-navigation-mobile] .is-open>.menu-lv__dropdownmenu>.container>.menu-dropdown__wrapper {
    border-bottom: 1px solid #e6e6e6;
}

[data-navigation-mobile] .container {
    padding-left: 0;
    padding-right: 0;
}

[data-navigation-mobile] .grid-menu {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
}

[data-navigation-mobile] .grid-menu .menu-lv-item {
    display: inline-block;
    vertical-align: top;
    width: 33.3333333% !important;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: none !important;
    overflow: unset !important;
}

[data-navigation-mobile] .grid-menu .grid-menu__item {
    display: block;
    padding: 0;
}

[data-navigation-mobile] .menu-lv-2,
[data-navigation-mobile] .menu-lv-3 {
    display: block;
    padding-right: 0;
}

[data-navigation-mobile] .menu-lv-2__action,
[data-navigation-mobile] .menu-lv-3__action {
    display: block;
    padding: 14px 20px;
    border-bottom: none;
    width: 100%;
}

[data-navigation-mobile] .nav-title-mobile .menu-lv-2__action,
[data-navigation-mobile] .nav-title-mobile .menu-lv-3__action {
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: var(--font-body-size);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
}

[data-navigation-mobile] .nav-title-mobile {
    position: relative;
    padding: 13px 20px;
    cursor: pointer;
}

[data-navigation-mobile] .nav-title-mobile .menu-lv-2__action .text {
    font-weight: 700;
}

[data-navigation-mobile] .nav-title-mobile .icon {
    width: 25px;
    height: 25px;
}

[data-navigation-mobile] .menu-dropdown__column,
[data-navigation-mobile] .menu-dropdown__banner {
    width: 100% !important;
}

[data-navigation-mobile] .site-nav-dropdown {
    padding: 15px 20px;
}

[data-navigation-mobile] .menu-dropdown__block {
    padding: 0 20px;
    margin-top: 25px;
    margin-bottom: 15px;
}

[data-navigation-mobile] .menu-dropdown__banner+.menu-dropdown__block {
    margin-top: 0;
}

[data-navigation-mobile] .menu-dropdown__block--title:before {
    display: none;
}

[data-navigation-mobile] .menu-dropdown__block--title .text {
    padding-right: 0;
}

[data-navigation-mobile] .menu-dropdown__banner {
    padding-top: 20px;
    padding-bottom: 20px;
}

[data-navigation-mobile].menu-custom-mobile .site-nav-banner {
    overflow: auto;
    white-space: nowrap;
    padding: 0 0 0 20px;
    margin-left: 0;
    margin-right: 0;
}

[data-navigation-mobile].menu-custom-mobile .site-nav-banner .site-nav-banner--item {
    width: 250px;
    margin: 0 20px 0 0;
    padding-left: 0;
    padding-right: 0;
}

[data-navigation-mobile].menu-custom-mobile .menu-lv-item .icon {
    top: calc(50% - 1px);
}

[data-navigation-mobile] .site-nav-banner.column-1 {
    padding-right: 20px;
}

[data-navigation-mobile] .site-nav-banner.column-1 .site-nav-banner--item {
    width: 100%;
    margin-right: 0;
}

[data-navigation-mobile] .site-nav-banner--item .content {
    margin-bottom: 15px;
}

[data-navigation-mobile] .site-nav-brand {
    display: block;
}

[data-navigation-mobile] .site-nav-brand .azbrandsTable {
    width: 100%;
}

[data-navigation-mobile] .site-nav-brand .nazbrandsLink {
    padding: 10px 0;
}

/* START: Custom Mobile Menu */
.custom-mobile-menu [data-navigation-mobile] .menu-lv__dropdownmenu,
.custom-mobile-menu [data-navigation-mobile] .site-nav-list>.menu-lv__dropdownmenu-2 {
    position: fixed;
    top: 0;
    left: 0;
}
.custom-mobile-menu [data-navigation-mobile] .menu-lv__dropdownmenu.menu-lv__dropdownmenu-3 {
    position: static;
}   
            
.halo-sidebar_menu.custom-mobile-menu .site-nav-mobile[data-navigation-mobile] .list-menu .menu-lv__dropdownmenu .menu-lv-item:last-child, 
.halo-sidebar_menu.custom-mobile-menu .site-nav-mobile[data-navigation-mobile] .list-menu .menu-lv__dropdownmenu .menu-lv-item.menu-lv-2 {
    border-bottom: 1px solid #e6e6e6;
}

.custom-mobile-menu .nav-menu-tab .menu-tab {
    border-bottom: 1px solid #e6e6e6;
}

.custom-mobile-menu .halo-sidebar-close svg {
    fill: var(--color-white) !important;
}

.custom-mobile-menu [data-navigation-mobile] .menu-lv__dropdownmenu-3.image-lower-circle img {
    border-radius: 50%;
}
/* END: Custom Mobile Menu */

.site-nav-mobile.nav-acc svg {
    fill: var(--icon);
}

.site-nav-mobile.nav-acc .header__icon {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin: 0px;
    padding: 10px 20px;
    font-size: var(--font-body-size);
    display: flex;
    align-items: center
}

.site-nav-mobile.nav-acc .header__icon .title {
    font-size: var(--font-body-size);
    font-weight: var(--font-weight-medium);
}

.site-nav-mobile.nav-acc .header__icon .icon+.title {
    margin-left: 10px;
}

.site-nav-mobile.nav-acc .header__icon:last-child {
    border-bottom: none;
}

.halo-sidebar-menu #HeaderLanguageList,
.halo-sidebar-menu .halo-currency .currency-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 8px;
}

.halo-sidebar-menu #HeaderLanguageList .disclosure__item,
.halo-sidebar-menu .halo-currency .currency-menu .dropdown-item {
    width: 33.3333%;
    padding: 10px 10px;
}

.halo-sidebar-menu #HeaderLanguageList .disclosure__link {
    padding: 0;
}

.halo-sidebar-menu .halo-currency .title,
.halo-sidebar-menu .localization-form .title {
    background-color: var(--color-global-darken);
    padding: 10px 20px;
}

.nav-menu-tab {
    /*background-color: var(--bg-black);*/
}

.nav-menu-tab .menu-tab {
    display: flex;
    align-items: center;
    font-size: 0;
    letter-spacing: 0;
}

.nav-menu-tab .menu-tab .item {
    display: inline-block;
    vertical-align: top;
}

.nav-menu-tab .menu-tab .link {
    font-size: calc(var(--font-body-size) + 2px);
    font-weight: var(--font-weight-bold);
    padding: 10px 20px 9px;
    min-height: 40px;
}

.nav-mobile-menu-tab .menu-tab .item.is-active .link {
    pointer-events: none;
}

.nav-menu-tab .header__brands {
    padding: 6.5px 20px 6px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.nav-menu-tab .header__brands .all-brand {
    margin-left: 20px;
}

.nav-menu-tab .header__brands .all-brand a {
    color: var(--color-white);
    margin: 0;
}

.site-nav-mobile .top-customer-service {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    padding: 13px 20px;
    font-size: var(--font-body-size);
    display: flex;
    align-items: center;
}

.site-nav-mobile .top-customer-service .customer-service--text a.btn {
    display: inline-block;
}

.site-nav-mobile .top-customer-service .customer-service--icon {
    display: none;
}

body.menu-open {
    overflow: clip !important;
}

body.menu-open .background-overlay {
    opacity: 1;
    pointer-events: all;
}

body.menu-open .halo-sidebar.halo-sidebar-menu {
    -webkit-transform: none !important;
    transform: none !important;
}

.wrapper-links [class*="custom-text-0"] p {
    margin: 0;
}

.wrapper-links .custom-text-01 {
    padding: 5px 20px;
    margin-left: 0;
}

.wrapper-links .custom-text-02 {
    padding: 5px 20px;
}

.wrapper-links .custom-text-03 {
    margin: 12px 20px;
    font-size: var(--font-body-size);
    text-align: center;
    padding: 5px 53px;
    border: 1px solid var(--border-color);
}

.wrapper-links .custom-text-03 * {
    color: var(--color);
}

.wrapper-links .customer-service-text {
    padding: 6px 20px;
}

.wrapper-links .customer-service-text ul {
    display: flex;
    list-style: none;
    padding: 0;
    align-items: center;
}

.wrapper-links .customer-service-text ul li {
    padding-right: 40px;
}

.wrapper-links .customer-service-text a {
    font-weight: 500;
    text-transform: uppercase;
}

.list-menu-loading {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-menu-loading__item {
    height: 38px;
    display: block;
    border-radius: 4px;
    margin: 7px 10px;
    background: #ededed;
    background: linear-gradient(110deg, #ededed 8%, #f5f5f5 18%, #ededed 33%);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent {
    background-color: transparent;
    border-bottom: 1px solid var(--color-border-transparent);
}

.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .mobileMenu-toggle__Icon, 
.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .mobileMenu-toggle__Icon:before, 
.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .mobileMenu-toggle__Icon:after {
    background-color: var(--color-transparent);
    transition: unset;
}

.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .header-mobile__item .icon,
.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .header-mobile__item svg.icon path {
    fill: var(--color-transparent);
}

.header-mobile--transparent {
    transition: all .3s ease-out;
}

.shopify-section-header-hidden .header-mobile--transparent {
    transform: translateY(-100%);
}

.section-header-mobile:not(.scrolled-past-header) .header-mobile--transparent .logo__main {
    display: none;
}

.scrolled-past-header .header-mobile--transparent .logo--transparent {
    display: none;
}

.scrolled-past-header .header-mobile--transparent .logo__main {
    display: block;
}

.header-mobile--transparent .logo--transparent {
    display: block;
}

.header-mobile--transparent .cart-count-bubble .text {
    font-size: calc(var(--font-body-size) - 3px);
    font-weight: bold;
}

.header-mobile--transparent .header__icon--cart .cart-count-bubble {
    right: -10px;
    top: -5px;
    min-width: 21px;
    min-height: 21px;
    line-height: 21px;
}

.style-arrows-6 .header-mobile--transparent .header__icon--cart .cart-count-bubble {
    top: -10px;
}

.header-mobile--transparent .header-mobile--icon {
    min-height: 55px;
}

@keyframes shine {
    to {
        background-position-x: -200%;
    }
}

/* Reponsive */
@media (max-width: 1024px) {
    .site-nav-mobile.nav-account .customer-service-text span {
        display: flex;
    }

    .nav-currency-language .wrapper-language-currency > .title {
        display: none;
    }

    .nav-currency-language > div:nth-child(n+2) {
        display: none;
    }

    .has-menu-vertical .menu-heading-mobile .halo-sidebar-close {
        order: 2;
    }

    .has-menu-vertical .site-nav-mobile.nav .header__menu-vertical {
        position: static;
    }

    .has-menu-vertical .site-nav-mobile.nav .header__inline-menu {
        display: none;
    }

    .has-menu-vertical .site-nav-mobile.nav .header__inline-menu.is-active {
        display: block;
    }

    .has-menu-vertical .site-nav-mobile.nav .menu-heading-mobile .title {
        font-size: var(--font-body-size);
        opacity: 0.5;
        transition: 0.4s opacity ease-out;
    }
    
    .has-menu-vertical .site-nav-mobile.nav .menu-heading-mobile .title.is-active {
        font-size: calc(var(--font-body-size) + 2px);
        opacity: 1;
    }

    .has-menu-vertical .site-nav-mobile.nav .halo-sidebar-header {
        justify-content: flex-start;
        padding: 0 10px;
    }

    .has-menu-vertical .site-nav-mobile.nav .halo-sidebar-header .halo-sidebar-close {
        position: absolute;
        top: 3px;
        right: 6px;
    }

    .has-menu-vertical .site-nav-mobile.nav .halo-sidebar-header .title {
        padding: 10px;
        min-height: 40px;
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    [data-navigation-mobile] .grid-menu {
        margin-left: -5px;
        margin-right: -5px;
    }

    [data-navigation-mobile] .grid-menu .menu-lv-item {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 320px) {

    .halo-sidebar_menu #HeaderLanguageList .disclosure__item,
    .halo-sidebar_menu .halo-currency .currency-menu .dropdown-item {
        width: 33.33333%;
        padding: 10px 10px 10px 20px;
    }
}

@media(min-width: 1025px) {
    body.menu-open {
        padding-right: 10px;
    }
}

/* ================================
   FORCE-HIDE LANGUAGE + CURRENCY
   (Complete override — no DOM edits)
   ================================ */
#HeaderLanguageList,
.halo-currency,
.halo-top-language,
.halo-top-currency,
.nav-currency-language,
.nav-currency-language .top-language-currency,
.nav-currency-language .dropdown-language,
.nav-currency-language .dropdown-currency,
.dropdown-language,
.dropdown-currency,
.localization-form,
.halo-sidebar_menu #HeaderLanguageList,
.halo-sidebar_menu .halo-currency,
.halo-sidebar-menu #HeaderLanguageList,
.halo-sidebar-menu .halo-currency {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* backup selectors in case markup uses different wrappers */
.header__locale,
.header__currency,
.header-language,
.header-currency,
.top-language-currency,
.top-currency {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Also remove any space left by flex items */
.nav-currency-language > div,
.halo-sidebar_menu #HeaderLanguageList .disclosure__item,
.halo-sidebar-menu #HeaderLanguageList .disclosure__item {
    display: none !important;
}

/* If JS adds these dynamically, hide them too */
[data-language-dropdown],
[data-currency-dropdown] {
    display: none !important;
}

/* ================================
   LOGO TOGGLE FIX (guaranteed)
   Ensures only one logo is visible at a time.
   Keep this at the bottom of the CSS file.
   ================================ */

/* Default state: not scrolled — show transparent logo, hide main logo */
.section-header-mobile.header-mobile--transparent .logo__main,
.section-header-mobile:not(.scrolled-past-header) .logo__main {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Default state: not scrolled — transparent logo visible */
.section-header-mobile.header-mobile--transparent .logo--transparent,
.section-header-mobile:not(.scrolled-past-header) .logo--transparent {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Scrolled state: when .scrolled-past-header is present — show main logo, hide transparent */
.section-header-mobile.scrolled-past-header .logo--transparent,
.section-header-mobile.scrolled-past-header .header-mobile--transparent .logo--transparent {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

.section-header-mobile.scrolled-past-header .logo__main,
.section-header-mobile.scrolled-past-header .header-mobile--transparent .logo__main {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Extra safety: if logos use different wrapper classes */
.logo-wrapper .logo__main,
.logo-wrapper .logo--transparent {
    transition: opacity .2s ease;
}

/* Prevent inline-style or other rules from forcing both to visible */
.logo__main[style],
.logo--transparent[style] {
    display: block !important;
}

/* If both still show due to markup, force a single visible child via JS-friendly class */
.section-header-mobile .logo--force-main-only .logo__main,
.section-header-mobile.logo--force-main .logo__main {
    display: block !important;
}
.section-header-mobile .logo--force-main-only .logo--transparent,
.section-header-mobile.logo--force-main .logo--transparent {
    display: none !important;
}

/* fallback for situations where scripts toggle a different class name */
.header--scrolled .logo--transparent,
.header--scrolled .logo--transparent img {
    display: none !important;
}
.header--scrolled .logo__main,
.header--scrolled .logo__main img {
    display: block !important;
}

/* tiny spacing cleanup if toggling leaves a gap */
.section-header-mobile .logo,
.section-header-mobile .logo__main,
.section-header-mobile .logo--transparent {
    margin: 0;
    padding: 0;
    line-height: 1;
}

/* END - FULL CSS */ 
/* ---------- END: ORIGINAL CSS (kept intact) ---------- */


/* ---------- START: ADDITIONAL SAFETY OVERRIDES ---------- */
/* Ensures non-homepages always display main logo even if transparent header class is present */
.section-header-mobile:not(.is-home) .logo__main,
.section-header-mobile.no-transparent-header .logo__main {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
}

/* Hide transparent logo on pages that are not homepage */
.section-header-mobile:not(.is-home) .logo--transparent,
.section-header-mobile.no-transparent-header .logo--transparent {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* If some script toggles a different class naming, handle common variations */
.header-mobile--transparent.is-not-home .logo--transparent,
.header-mobile--transparent.no-home .logo--transparent {
    display: none !important;
}
.header-mobile--transparent.is-not-home .logo__main,
.header-mobile--transparent.no-home .logo__main {
    display: block !important;
}

/* Clean up leftover inline-flex gaps from language/currency removal */
.header__locale, .header__currency, .header-language, .header-currency { display: none !important; }

/* Small transition safety so swap looks smooth */
.section-header-mobile .logo__main, .section-header-mobile .logo--transparent {
    transition: opacity .18s ease, visibility .18s ease;
}
/* ---------- END: ADDITIONAL SAFETY OVERRIDES ---------- */
</style>

<script>
(function(){
  function initHeaderLogoBehavior(){
    var header = document.querySelector('.section-header-mobile');
    if(!header) return;

    // determine homepage (try pathname and common Shopify body class)
    var isHome = (location.pathname === '/' || document.body.classList.contains('template-index') || document.body.classList.contains('template-index--home'));
    // mark header for CSS rules
    if(isHome){ header.classList.add('is-home'); header.classList.remove('no-transparent-header'); }
    else { header.classList.remove('is-home'); header.classList.add('no-transparent-header'); }

    // If page is not home, ensure transparent header doesn't show transparent logo
    if(!isHome){
      // defensively remove transparent styling so main logo is always visible
      header.classList.remove('header-mobile--transparent');
      // also remove any alternate "transparent-like" flags if present
      header.classList.remove('header--transparent');
      // force show/hide via inline style as fallback
      var main = header.querySelector('.logo__main, .logo');
      var trans = header.querySelector('.logo--transparent, .logo-transparent');
      if(main) main.style.display = 'block';
      if(trans) trans.style.display = 'none';
    }

    // Scroll watcher: only needed for homepage transparent effect
    var scrollHandler = function(){
      var y = window.scrollY || window.pageYOffset || document.documentElement.scrollTop;
      if(isHome){
        if(y > 20){
          header.classList.add('scrolled-past-header');
          // also add common fallback
          header.classList.add('header--scrolled');
        } else {
          header.classList.remove('scrolled-past-header');
          header.classList.remove('header--scrolled');
        }
      } else {
        // ensure scrolled class removed on non-home so it doesn't hide a logo
        header.classList.remove('scrolled-past-header');
        header.classList.remove('header--scrolled');
      }
    };

    // run once and bind
    scrollHandler();
    window.addEventListener('scroll', scrollHandler, { passive: true });

    // observe header for late class changes (some themes toggle after load)
    if(window.MutationObserver){
      var mo = new MutationObserver(function(mutations){
        mutations.forEach(function(m){
          // if header loses transparent class on its own, reapply safe rules
          if(!header.classList.contains('header-mobile--transparent') && !isHome){
            header.classList.add('no-transparent-header');
            header.classList.remove('header-mobile--transparent');
            var main = header.querySelector('.logo__main, .logo');
            var trans = header.querySelector('.logo--transparent, .logo-transparent');
            if(main) main.style.display = 'block';
            if(trans) trans.style.display = 'none';
          }
        });
      });
      mo.observe(header, { attributes: true, attributeFilter: ['class'] });
    }

    // final safety after short delay (in case other scripts run)
    setTimeout(function(){
      if(!isHome){
        header.classList.add('no-transparent-header');
        header.classList.remove('header-mobile--transparent');
        var main = header.querySelector('.logo__main, .logo');
        var trans = header.querySelector('.logo--transparent, .logo-transparent');
        if(main) main.style.display = 'block';
        if(trans) trans.style.display = 'none';
      } else {
        // ensure homepage shows transparent initially
        var main = header.querySelector('.logo__main, .logo');
        var trans = header.querySelector('.logo--transparent, .logo-transparent');
        if(main) main.style.display = (header.classList.contains('scrolled-past-header') ? 'block' : 'none');
        if(trans) trans.style.display = (header.classList.contains('scrolled-past-header') ? 'none' : 'block');
      }
    }, 250);
  }

  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', initHeaderLogoBehavior);
  } else {
    initHeaderLogoBehavior();
  }
})();
</script>