/** Shopify CDN: Minification failed

Line 1921:0 Expected "}" to go with "{"

**/
.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;
    /*left: -101%;*/
    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;
    -ms-transform: translate3d(-101%, 0, 0);
    -webkit-transform: translate3d(-101%, 0, 0);
    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 {
    /*left: 0;*/
    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(--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);
    /*top: calc(50% + 4px);*/
}

[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;
}

/* 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;
    }
}

@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;
    }
}

/* ==== 收紧二级菜单与下方一级菜单的间距 ==== */
@media (max-width: 1025px) {

  /* 1) 去掉下拉容器多余外/内边距 */
  .halo-sidebar_menu li.menu-lv-item > .menu-dropdown {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 2) 展开状态也保持零外边距 */
  .halo-sidebar_menu li.menu-lv-item.is-open > .menu-dropdown {
    margin: 0 !important;
  }

  /* 3) 父级 li 自身不要在底部再加空隙 */
  .halo-sidebar_menu li.menu-lv-item {
    margin: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 4) 下一个一级项不要有顶部外边距 */
  .halo-sidebar_menu li.menu-lv-item.is-open + li.menu-lv-item {
    margin-top: 0 !important;
  }

  /* 5) 二级列表本身压缩（有 wrapper 的主题也一并清零） */
  .halo-sidebar_menu .menu-dropdown > .menu-dropdown__wrapper,
  .halo-sidebar_menu .menu-dropdown > ul {
    margin: 0 !important;
    padding: 6px 0 6px 0 !important;
  }

  /* 6) 二级项行距收紧 & 去掉最后一项的下边框/外边距 */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item {
    padding: 8px 16px !important;
    margin: 0 !important;
  }
  .halo-sidebar_menu .menu-dropdown .menu-lv-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
  }
}
@media (max-width: 1025px) {
  /* 二级菜单白底 → 深灰底 (#2B2B2A)，文字白色 */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item > a {
    background: #2B2B2A !important;
    color: #ffffff !important;
    border: 0 !important;
  }

  /* 保留间距和分隔线视觉（可选） */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item {
    border-bottom: 1px solid #3a3a3a !important;
  }

  /* 鼠标悬停或触摸时稍微亮一点 */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item > a:hover {
    background: #3a3a3a !important;
    color: #ffffff !important;
  }
}
/* ===== 移动抽屉：隐藏右侧滚动轨道/滚动条（Perfect Scrollbar + 系统滚动条） ===== */
@media (max-width: 1025px) {
  /* 1) 主题注入的轨道（最关键） */
  .halo-sidebar_menu .ps__rail-y,
  .halo-sidebar_menu .ps__thumb-y {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* 2) 外层不滚动，内层滚动（防止再出现系统滚动条） */
  .halo-sidebar.halo-sidebar_menu { overflow: hidden !important; }
  .halo-sidebar_menu .halo-sidebar-wrapper,
  .halo-sidebar_menu .site-nav-mobile {
    overflow-y: auto !important;
    max-height: 100vh !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 3) 隐藏系统滚动条（Chrome/Safari/Firefox/Edge） */
  .halo-sidebar_menu .halo-sidebar-wrapper,
  .halo-sidebar_menu .site-nav-mobile {
    -ms-overflow-style: none !important;     /* IE/旧 Edge */
    scrollbar-width: none !important;        /* Firefox */
  }
  .halo-sidebar_menu .halo-sidebar-wrapper::-webkit-scrollbar,
  .halo-sidebar_menu .site-nav-mobile::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }
}
/* ===== Mobile Drawer：彻底隐藏右侧滚动条轨道（Perfect Scrollbar + 原生） ===== */
@media (max-width: 1025px) {
  /* 1) 干掉 Perfect Scrollbar 生成的轨道/滑块 */
  .halo-sidebar_menu.ps,
  .halo-sidebar_menu .ps__rail-y,
  .halo-sidebar_menu .ps__thumb-y,
  .halo-sidebar_menu .ps--active-y > .ps__rail-y,
  .halo-sidebar_menu .site-nav-mobile .ps__rail-y,
  .halo-sidebar_menu .site-nav-mobile .ps__thumb-y {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
  }


  /* 2) 目标所有可能滚动容器（主题常用这几个） */
  .halo-sidebar_menu,
  .halo-sidebar_menu .halo-sidebar-wrapper,
  .halo-sidebar_menu .site-nav-mobile,
  .halo-sidebar_menu .custom-scrollbar,
  .halo-sidebar_menu .menu-dropdown,
  .halo-sidebar_menu .menu-dropdown__wrapper {
    /* 隐藏原生滚动条（Firefox/IE/Edge 旧版）*/
    scrollbar-width: none !important;      /* Firefox */
    -ms-overflow-style: none !important;    /* IE/Edge legacy */
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 3) 隐藏原生滚动条（WebKit：Chrome/Safari） */
  .halo-sidebar_menu::-webkit-scrollbar,
  .halo-sidebar_menu *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
  }
  .halo-sidebar_menu::-webkit-scrollbar-thumb,
  .halo-sidebar_menu *::-webkit-scrollbar-thumb {
    background: transparent !important;
    border: none !important;
  }
}
/* ===== Mobile + iPad 统一断点 ===== */
@media (max-width: 1025px) {

  /* A. 二级菜单：默认收起 */
  .halo-sidebar_menu li.menu-lv-item > .menu-dropdown {
    display: none !important;
    position: static !important;
    left: auto !important; right: auto !important; top: auto !important;
    width: 100% !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition: max-height .28s ease, opacity .2s ease;
  }

  /* B. 二级菜单：展开时高度根据视口动态计算（防止 iPad 展不开） */
  .halo-sidebar_menu li.menu-lv-item.is-open > .menu-dropdown {
    display: block !important;
    /* 预留顶部/行距，按你菜单头部+间距估算 220px，可微调 */
    max-height: calc(100vh - 220px) !important;
    /* 兜底，若 calc 被别的内联高度限制，给超大值也能撑开 */
    height: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    overflow: auto !important;       /* 只在内部滚动 */
    -webkit-overflow-scrolling: touch;
  }

  /* C. 解除内层 wrapper 的高度限制（主题/JS 常在这些节点加内联高度） */
  .halo-sidebar_menu .menu-dropdown,
  .halo-sidebar_menu .menu-dropdown__wrapper,
  .halo-sidebar_menu .custom-scrollbar {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* D. 父级 li 允许子内容溢出显示（避免被裁切） */
  .halo-sidebar_menu li.menu-lv-item {
    overflow: visible !important;
  }

  /* E. iPad 竖屏更紧凑一点（可选） */
  @media (min-width: 768px) and (max-width: 1025px) {
    .halo-sidebar_menu li.menu-lv-item.is-open > .menu-dropdown {
      max-height: calc(100vh - 180px) !important;
    }
  }

  /* F. 去掉右侧任何滚动条轨道（避免“边条”） */
  .halo-sidebar_menu,
  .halo-sidebar_menu .halo-sidebar-wrapper,
  .halo-sidebar_menu .site-nav-mobile,
  .halo-sidebar_menu .menu-dropdown,
  .halo-sidebar_menu .menu-dropdown__wrapper {
    scrollbar-width: none !important;        /* Firefox */
    -ms-overflow-style: none !important;     /* IE/Edge legacy */
  }
  .halo-sidebar_menu::-webkit-scrollbar,
  .halo-sidebar_menu *::-webkit-scrollbar {
    width: 0 !important; height: 0 !important; background: transparent !important;
  }
  /* Perfect Scrollbar 轨道彻底隐藏（如果主题用了它） */
  .halo-sidebar_menu .ps__rail-y,
  .halo-sidebar_menu .ps__thumb-y,
  .halo-sidebar_menu.ps .ps__rail-y,
  body.ps--active-y > .ps__rail-y {
    display: none !important; visibility: hidden !important; opacity: 0 !important;
    width: 0 !important; pointer-events: none !important;
  }
}
/* 强制覆盖可能的移动端菜单颜色变量 */
@media (max-width:1025px){
  :root{
    --bg_menu_mobile: #1c1c1e !important;
    --menu_mobile_bg: #1c1c1e !important;
    --menu_bg_mobile: #1c1c1e !important;
    --bg_mega_menu: #1c1c1e !important;
    --lv_2_color: #ffffff !important;
    --lv_2_color_hover: #ffffff !important;
    --lv_3_color: #ffffff !important;
  }
}
/* —— 二级菜单：先把内部一切白底清空 —— */
@media (max-width:1025px){
  .halo-sidebar_menu .menu-dropdown *{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* 每一行真正着色：#1c1c1e 底 + 白字 */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item,
  .halo-sidebar_menu .menu-dropdown .menu-lv-item > a{
    background: #1c1c1e !important;
    background-color: #1c1c1e !important;
    color: #fff !important;
    border-color: #1c1c1e !important;
  }
  .halo-sidebar_menu .menu-dropdown .menu-lv-item > a *{
    color:#fff !important;
  }

  /* 分隔线（可调） */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item{
    border-bottom: 1px solid #2a2a2a !important;
  }

  /* 图标也改白 */
  .halo-sidebar_menu .menu-dropdown .menu-lv-item svg,
  .halo-sidebar_menu .menu-dropdown .menu-lv-item svg *{
    fill:#fff !important; stroke:#fff !important; color:#fff !important;
  }
}
/* iPad 含在内：<=1025px 生效 */
@media (max-width: 1025px) {

  /* —— 二级菜单：字体更小更细 —— */
  .halo-sidebar_menu .menu-dropdown .mega-card__title,
  .halo-sidebar_menu .menu-dropdown .mega-card__title a,
  .halo-sidebar_menu .menu-dropdown .mega-card__title .text,
  .halo-sidebar_menu .menu-dropdown .menu-lv-2__action,
  .halo-sidebar_menu .menu-dropdown .menu-lv-2__action .text {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;     /* 若还大就改 14px */
    font-weight: 400 !important;     /* 更细；需要更细可用 300 */
    line-height: 1.4 !important;
    letter-spacing: 0.3px !important;
    color: #fff !important;          /* 白字 */
  }

  /* —— 二级菜单：深灰底仍保持 —— */
  .halo-sidebar_menu .menu-dropdown .mega-card__title,
  .halo-sidebar_menu .menu-dropdown .mega-card__title * {
    background: #1c1c1e !important;
  }

  /* 统一每行的内边距&分隔线（可要可不要） */
  .halo-sidebar_menu .menu-dropdown .mega-card__title {
    padding: 16px 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }
}
/* === Mobile 对齐修正：让二级与一级起始线一致（或略缩进） === */
@media (max-width: 1025px) {
  /* 一级当前左内边距（按你主题大多是 20px 左右），先明确一下 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a {
    padding-left: 20px !important;  /* 若你改过，这里保持与你的一级一致 */
  }

  /* A) 完全对齐：二级与一级同起始线 */
  /* .halo-sidebar_menu .menu-dropdown li > a,
     .halo-sidebar_menu .megamenu_style_3 .mega-card__item > a,
     .halo-sidebar_menu .megamenu_style_3 .mega-card__title {
    padding-left: 20px !important;
  } */

  /* B) 略缩进 8px（更容易区分层级，推荐） */
  .halo-sidebar_menu .menu-dropdown li > a,
  .halo-sidebar_menu .megamenu_style_3 .mega-card__item > a,
  .halo-sidebar_menu .megamenu_style_3 .mega-card__title {
    padding-left: 20px !important;  /* 20 + 8 */
  }

  /* 防止外层 wrapper 自带左右内边距把二级再往左“顶出去” */
  .halo-sidebar_menu .menu-dropdown,
  .halo-sidebar_menu .menu-dropdown__wrapper,
  .halo-sidebar_menu .megamenu_style_3 {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
/* ===== 强制统一：一级菜单行的上下间距/垂直居中（移动端+iPad） ===== */
@media (max-width: 1025px) {
  /* 命中各种主题写法的一级行 <a>；用 flex 居中并给对称 padding */
  .halo-sidebar_menu .site-nav-mobile .menu-lv-item.menu-lv-1 > a,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a,
  .halo-sidebar_menu a.menu-lv-1__action,
  .halo-sidebar_menu .menu-lv-1__action,
  .halo-sidebar_menu .header__menu-item.menu_mobile_link,
  .halo-sidebar_menu .list-menu__item.menu_mobile_link {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 46px !important;      /* ← 行高：想再矮/高自己改 56/60/68 */
    padding-top: 10px !important;     /* ← 上间距：文字往下移 */
    padding-bottom: 20px !important;  /* ← 下间距：文字往上移 */
    padding-inline: 19px !important;  /* ← 左右留白 */
    line-height: 1.25 !important;
    
  }

  /* 文本本身去额外 margin/padding，防止基线偏移 */
  .halo-sidebar_menu .menu-lv-1__action .text,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .text,
  .halo-sidebar_menu .list-menu__item.menu_mobile_link .text {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
  }

  /* 去掉可能影响视觉高度的伪元素/阴影 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::before,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::after {
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

/* 统一上下边线，并指定清晰颜色 */
.halo-sidebar_menu .menu-lv-item.menu-lv-1 {
  margin: 0 !important;
  border-top: 0.75px solid #ffffff !important;      /* ← 你要的线条颜色 */
  border-bottom: 0.75px solid #ffffff !important;
}
.halo-sidebar_menu .menu-lv-item.menu-lv-1:first-child { border-top: 0 !important; }
.halo-sidebar_menu .menu-lv-item.menu-lv-1:last-child  { border-bottom: 0 !important; }

  /* 右侧箭头/图标也按行居中 */
  .halo-sidebar_menu .menu-lv-1__action .icon-dropdown,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-dropdown {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}
/* 隐藏移动菜单底部 “登录 / 注册” 区块 */
@media (max-width: 1025px) {
  .halo-sidebar_menu .site-nav-mobile.nav-account,
  .halo-sidebar_menu .site-nav-mobile.nav-account + div,
  .halo-sidebar_menu .site-nav-mobile.nav-customer,
  .halo-sidebar_menu .menu_customer_account,
  .halo-sidebar_menu .menu_customer_account_wrapper {
    display: none !important;
  }
}
/* ===== Mobile Header 顶部条视觉（1025 下）===== */
@media (max-width:1025px){
  /* 顶部容器：黑底、分隔线、横向排版 */
  .halo-sidebar_menu .halo-sidebar-header{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    padding:18px 22px !important;
    background:#000 !important;
    border-bottom:1px solid rgba(255,255,255,.16) !important;
  }



  /* 关闭按钮靠最右 */
  .halo-sidebar_menu .halo-sidebar-header [class*="close"],
  .halo-sidebar_menu .halo-sidebar-header .halo-sidebar-close{
    margin-left:auto !important;
  }
  .halo-sidebar_menu .halo-sidebar-header svg path{
    fill:#fff !important; stroke:#fff !important;
  }
}
/* ===== 顶部条：显示并固定关闭按钮到最右 ===== */
@media (max-width:1025px){
  /* 顶部容器用 flex 两端对齐，留出关闭按钮位置 */
  .halo-sidebar_menu .halo-sidebar-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative !important;
    padding:18px 22px !important;
  }

  /* 关闭按钮兜底选择器（不同主题命名不同都覆盖） */
  .halo-sidebar_menu .halo-sidebar-header .halo-sidebar-close,
  .halo-sidebar_menu .halo-sidebar-header .sidebar-close,
  .halo-sidebar_menu .halo-sidebar-header .btn-close,
  .halo-sidebar_menu .halo-sidebar-header [class*="close"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    margin-left:auto !important;
    cursor:pointer !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;   /* 让它参与 flex 排版就行 */
    z-index:5 !important;
  }
  /* 如果图标是 <svg>，强制白色 */
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] svg,
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] svg *,
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] .icon,
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] .icon *{
    fill:#fff !important;
    stroke:#fff !important;
    color:#fff !important;
  }
}
@media (max-width:1025px){
  /* 通用匹配关闭按钮容器 */
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    z-index: 99 !important;
  }

  /* 清理内部 SVG */
  .halo-sidebar_menu .halo-sidebar-header [class*="close"] svg {
    display: none !important;
  }

  /* 用伪元素画一个白色 X */
  .halo-sidebar_menu .halo-sidebar-header [class*="close"]::before,
  .halo-sidebar_menu .halo-sidebar-header [class*="close"]::after {
    content: "" !important;
    position: absolute !important;
    width: 18px !important;   /* 线条长度 */
    height: 2px !important;   /* 粗细 */
    background: #fff !important;
    left: 50% !important;
    top: 50% !important;
    transform-origin: center !important;
    border-radius: 2px !important;
  }

  .halo-sidebar_menu .halo-sidebar-header [class*="close"]::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .halo-sidebar_menu .halo-sidebar-header [class*="close"]::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }
}
/* ===== Mobile & iPad：统一分割线为 0.75px 白色 ===== */
@media (max-width:1025px){

  /* 1) 顶部标题条分割线（Menu 那一栏下边那条） */
  html body .halo-sidebar_menu .halo-sidebar-header,
  html body .halo-sidebar_menu .menu-heading-mobile{
    border-bottom: .75px solid #fff !important;
    box-shadow: none !important;
    background-image: none !important;
  }
  /* 彻底关闭主题可能用来画线的伪元素 */
  html body .halo-sidebar_menu .menu-heading-mobile::before,
  html body .halo-sidebar_menu .menu-heading-mobile::after{
    content: none !important;
    display: none !important;
  }

  /* 2) 先把所有来源的灰线/阴影一网打尽（避免叠线） */
  html body .halo-sidebar_menu .menu-lv-item,
  html body .halo-sidebar_menu .menu-lv-item > a,
  html body .halo-sidebar_menu [data-navigation] .item{
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    outline: 0 !important;
  }

  /* 3) 只在一级项上画我们要的 0.75px 白线 */
  html body .halo-sidebar_menu .menu-lv-item.menu-lv-1{
    border-bottom: .75px solid #ffffff !important;
  }
  /* 第一项不要顶线，最后一项可选去掉底线 */
  html body .halo-sidebar_menu .menu-lv-item.menu-lv-1:first-child{
    border-top: 0 !important;
  }
  html body .halo-sidebar_menu .menu-lv-item.menu-lv-1:last-child{
    border-bottom: 0 !important;
  }

  /* 万一线是用伪元素画在链接上，这里也一并干掉 */
  html body .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::before,
  html body .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::after{
    content: none !important;
    display: none !important;
  }
}
@media (max-width:1025px){

  /* 恢复顶部标题文字 */
  .halo-sidebar_menu .menu-heading-mobile span {
    display: inline-block !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 1.4 !important;
  }

  /* 防止文字被隐藏 */
  .halo-sidebar_menu .menu-heading-mobile {
    overflow: visible !important;
    visibility: visible !important;
  }
}
/* 顶部标题：单行显示 + 省略号 + 给右侧关闭按钮留空 */
@media (max-width: 1025px){
  .halo-sidebar_menu .menu-heading-mobile{
    position: relative !important;
    height: 56px !important;                 /* 你喜欢的栏高，可 52/56/60 */
    display: flex !important;
    align-items: center !important;
    padding: 0 56px 0 18px !important;       /* 右侧给 X 预留 56px 空间 */
    box-sizing: border-box !important;
  }

  /* 真正的文本容器（我们之前把 .title 文字设透明，用 ::after 塞内容） */
  .halo-sidebar_menu .menu-heading-mobile .title{
    color: transparent !important;           /* 仍然隐藏原 “Menu” */
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
  }
  .halo-sidebar_menu .menu-heading-mobile .title::after{
    content: "fanatics-fitness.com";
    color: #fff !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;              /* 字大了会更易换行，必要时调到 16 */
    line-height: 1.2 !important;
    display: block !important;
    max-width: 100% !important;              /* 配合省略号 */
    white-space: inherit !important;         /* 继承 nowrap */
  }

  /* 关闭按钮区域，确保可见且不遮文字 */
  .halo-sidebar_menu .halo-sidebar-close{
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(0%) !important;
    width: 32px !important; height: 32px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    opacity: 1 !important; visibility: visible !important; z-index: 5 !important;
  }
}
/* ===== 顶部 fanatics-fitness.com 可调版 ===== */
@media (max-width: 1025px){
  .halo-sidebar_menu .menu-heading-mobile{
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 100px !important;            /* ← 栏高：自己改 56/60/64 */
    padding-top: 20px !important;           /* ← 上间距：文字往下移 */
    padding-bottom: 20px !important;        /* ← 下间距：文字往上移 */
    padding-left: 35px !important;
    padding-right: 19px !important;;        /* ← 左右留白 */
    line-height: 1.25 !important;
    border-bottom: 0.75px solid #fff !important; /* ← 分割线颜色+粗细 */
  }

  .halo-sidebar_menu .menu-heading-mobile .title{
    color: transparent !important;          /* 隐藏原始 “Menu” */
    position: relative !important;
  }

  .halo-sidebar_menu .menu-heading-mobile .title::after{
    content: "FANATICS";        /* ← 改你要的文字 */
    position: absolute;
    left: 0; top: 0;
    color: #fff !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
/* ===== iPad + Mobile 统一强制显示右侧箭头（含兜底） ===== */
@media (max-width:1025px){

  /* 1) 给一级项的 <a> 预留定位与右侧空间 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a{
    position: relative !important;
    overflow: visible !important;
    padding-right: 64px !important;  /* ← 右侧给箭头留的空 */
  }

  /* 2) 强制把各种“箭头图标节点”显示出来，并放到右侧居中 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-dropdown,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-caret,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a svg.icon,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a [class*="icon-"]{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 22px !important;             /* ← 右边距（和你之前一致） */
    top: 50% !important;
    transform: translateY(-50%) !important;  /* 垂直居中 */
    width: 18px !important;              /* 图标可见的最小尺寸 */
    height: 18px !important;
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    filter: none !important;
  }

  /* 3) 有些主题的箭头是 <path>，把 path 也强制成白色 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-dropdown path,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-caret path,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a svg.icon path{
    fill: #fff !important;
    stroke: #fff !important;
  }

  /* 4) 兜底：如果图标节点不存在，就自己画一个 “>” */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::after{
    content: "" !important;
    position: absolute !important;
    right: 22px !important;               /* ← 右边距（与图标一致） */
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    transform: translateY(-50%) rotate(45deg) !important;
    opacity: 1 !important;
  }

  /* 5) 只想微调上下位置？改这里两个就够了 —— 往下移就加大 margin-top，往上移就改成负值 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-dropdown,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a .icon-caret,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a svg.icon{
    margin-top: -3px !important;           /* ↑↓手动微调：如 2px / -2px */
  }
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::after{
    margin-top: 0px !important;           /* ↑↓手动微调兜底箭头 */
  }
}
/* ===== Mobile & iPad：一级项右侧强制显示 + / − ===== */
@media (max-width:1025px){

  /* 手动微调 */
  :root{
    --pm-right: 50px;   /* 右侧内缩距离（越大越靠里） */
    --pm-top:   -3px;    /* 上下微调（正值下移，负值上移） */
    --pm-size:  30px;   /* 符号大小（等比例） */
    --pm-weight: 300;   /* 300/400/500/600 */
  }

  /* 1) 把原来的箭头/背景/蒙版彻底关掉（无论在 a 里还是单独的 icon 容器里） */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon-dropdown,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 svg,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 [class*="icon-"],
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > button{
    background: none !important;
    -webkit-mask: none !important; mask: none !important;
  }
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon-dropdown,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 svg{
    display:none !important; visibility:hidden !important;
    width:0 !important; height:0 !important;
  }

  /* 2) 给承载元素（a 或 button）建立定位上下文与右侧留白 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > button{
    position: relative !important;
    padding-right: calc(var(--pm-right) + 44px) !important; /* 预留点击区 */
    overflow: visible !important;  /* 防止伪元素被裁切 */
    z-index: 1 !important;
  }

  /* 3) 默认绘制 “+” —— 覆盖所有可能的选择器组合（a 或 button；带/不带类名） */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > button::after,
  .halo-sidebar_menu li.menu-lv-item.menu-lv-1 > a.menu-lv-1__action::after,
  .halo-sidebar_menu li.menu-lv-item.menu-lv-1 > button.menu-lv-1__action::after{
    content: "+" !important;
    position: absolute !important;
    right: var(--pm-right) !important;
    top: 50% !important;
    transform: translateY(calc(-50% + var(--pm-top))) !important;
    font-size: var(--pm-size) !important;
    font-weight: var(--pm-weight) !important;
    line-height: 1 !important;
    color: #fff !important;
    pointer-events: none !important;
    text-indent: 0 !important; white-space: nowrap !important;
  }

  /* 4) 展开时改成 “−” —— 覆盖常见的展开状态：父 li 的类和 a/button 的 aria 属性 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.is-open  > a::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.open    > a::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.active  > a::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > a[aria-expanded="true"]::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.is-open  > button::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.open    > button::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1.active  > button::after,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 > button[aria-expanded="true"]::after{
    content: "−" !important;
  }

  /* 5) 有些主题把箭头单独放到 <span data-toggle-menu-mb>；一并强制替换显示 */
  .halo-sidebar_menu [data-toggle-menu-mb]{
    position: relative !important;
    width:auto !important; height:auto !important;
    background:none !important; mask:none !important;
  }
  .halo-sidebar_menu [data-toggle-menu-mb]::before{
    content: "+" !important;
    position: absolute !important;
    right: 50 !important;
    top: 50% !important;
    transform: translateY(calc(-50% + var(--pm-top))) !important;
    font-size: var(--pm-size) !important;
    font-weight: var(--pm-weight) !important;
    color:#fff !important;
    line-height:1 !important;
    pointer-events:none !important;
  }
  .halo-sidebar_menu li.menu-lv-item.menu-lv-1.is-open  [data-toggle-menu-mb]::before,
  .halo-sidebar_menu li.menu-lv-item.menu-lv-1.open    [data-toggle-menu-mb]::before,
  .halo-sidebar_menu li.menu-lv-item.menu-lv-1.active  [data-toggle-menu-mb]::before,
  .halo-sidebar_menu a[aria-expanded="true"] [data-toggle-menu-mb]::before,
  .halo-sidebar_menu button[aria-expanded="true"] [data-toggle-menu-mb]::before{
    content: "−" !important;
  }
}
/* —— 精确隐藏移动端右侧箭头（SVG箭头彻底去除） —— */
@media (max-width:1025px){
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 [data-toggle-menu-mb] svg,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 svg.icon,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon-dropdown svg,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .menu-lv-1__action svg,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon-dropdown path,
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 [data-toggle-menu-mb] path {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* 防止 SVG 容器撑出空位 */
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 [data-toggle-menu-mb],
  .halo-sidebar_menu .menu-lv-item.menu-lv-1 .icon-dropdown {
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* ===== Mobile & iPad: 解决二级展开后无法下滑/底部项被吃掉 ===== */
@media (max-width: 1025px){

  /* 可调：顶部标题区高度（含那条分隔线），按你的实际抬高/降低 */
  :root{
    --mb-drawer-top: 64px;         /* 改 56/60/68 都行 */
    --mb-bottom-pad: 96px;         /* 可调：底部额外腾空，保证能看到最后一项 */
  }

  /* 1) 侧栏滚动区域强制可滚，并限制在视口内 */
  .halo-sidebar_menu .site-nav-mobile,
  .halo-sidebar_menu .site-nav,
  .halo-sidebar_menu .halo-sidebar-wrapper{
    height: auto !important;
    max-height: calc(100vh - var(--mb-drawer-top)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* 2) 干掉父级/内部任何隐藏滚动的约束 */
  .halo-sidebar_menu,
  .halo-sidebar_menu .menu-dropdown,
  .halo-sidebar_menu .menu-dropdown__wrapper,
  .halo-sidebar_menu .custom-scrollbar{
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
  }

  /* 3) 展开态二级：不再卡高度，内部自己撑开 */
  .halo-sidebar_menu li.menu-lv-item.is-open > .menu-dropdown{
    display: block !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* 4) 右侧任何第三方滚动轨（PerfectScrollbar 等）全部隐藏，避免拦截 */
  .halo-sidebar_menu .ps__rail-y,
  .halo-sidebar_menu .ps__thumb-y,
  .halo-sidebar_menu.ps .ps__rail-y,
  body.ps--active-y > .ps__rail-y{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
  }

  /* 5) 末尾补一块“垫高”，保证能把最后一行（CONTACT US）完全滚出来 */
  .halo-sidebar_menu .site-nav-mobile::after{
    content: "";
    display: block;
    height: var(--mb-bottom-pad) !important; /* 需要更多空间就加大 */
  }

  /* 6) 顶部标题条固定（可选）：滚动时始终可见关闭按钮与域名 */
  .halo-sidebar_menu .halo-sidebar-header{
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
  }

/* 隐藏原始 Menu 文本 */
.halo-sidebar_menu .menu-heading-mobile .title{
  color: transparent !important;
  position: relative !important;
}

/* ===== 顶部 Logo 自适应比例优化版 ===== */
@media (max-width:1025px){
  .halo-sidebar_menu .menu-heading-mobile .title{
    color: transparent !important;
    position: relative !important;
  }

  .halo-sidebar_menu .menu-heading-mobile{ position: relative !important; }

  .halo-sidebar_menu .menu-heading-mobile .title::after{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px; /* 控制宽度，高度自动按比例 */
    aspect-ratio: 5 / 1; /* 根据 logo 实际比例可微调，比如 4 / 1, 6 / 1 */
    background-image: url("/cdn/shop/files/flogo-w_6a527573-e90c-4224-93db-af40047d1d11.png?v=1762420540");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    pointer-events: none;
  }

}

/* === 手机菜单图标：支持缩放大小的独立控制 === */
@media (max-width: 1025px) {
  .mobileMenu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: scale(var(--menu-scale, 1)) !important; /* 只缩放比例 */
    transform-origin: center center !important;        /* 从中心缩放 */
  }

  /* 确保汉堡图标不会被裁切 */
  .header-mobile__item--menu {
    overflow: visible !important;
  }
}

:root {
  --menu-scale: 0.8; /* 1 为原始大小，1.2 放大 20%，0.8 缩小 20% */
}