.header-root-BAU {
    background-color: #fff;
    position: relative;
    z-index: 100;
    /* 确保 Header 组件在其他内容之上 */
    /* 可以添加其他全局头部样式，如背景色、边框等 */
}

.header-main-zNX {
    display: flex;
    justify-content: space-between;
    /* 关键：将 primaryActions 推到最左边，secondaryActions 推到最右边，logoContainer 在中间 */
    align-items: center;
    /* 垂直居中对齐所有三大块 */
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
}

.header-banner-Tvg {
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 0 12px;
    background-color: #000;
    color: #fff;
}

.header-btnSearch-8T7 {
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(/mx/i_search.png) no-repeat center center;
    background-size: auto 24px;
    cursor: pointer;
}

.header-primaryActions-ku8 {
    display: flex;
    /* 使内部元素（.result, .switchersContainer）横向排列 */
    align-items: center;
    /* 垂直居中对齐内部元素 */
    justify-content: flex-start;
    /* 确保 StoreSwitcher 和 CurrencySwitcher 在此容器的左侧对齐 */
    flex-grow: 1;
    /* 允许此区域增长以占据左侧的可用空间 */
    flex-basis: 0;
    /* 设置 flex 基础尺寸为 0 */
    position: relative;
    /* 为绝对定位的 .switchersContainer 提供定位上下文 */
    z-index: 10;
    /* 确保 .switchersContainer 在 .primaryActions 之上 */
    ;
    /* 移除 gap 属性，使内部子元素之间没有间距 */
}

.header-result-5uh {
    display: flex;
    /* 使 .result 内部的子元素（图标、名称、箭头）横向排列 */
    align-items: center;
    /* 垂直居中对齐 .result 内部的子元素 */
    cursor: pointer;
    /* 添加指针样式，表示可点击 */
    height: 44px;
}

.header-siteIcon-F2H {
    /* 站点图标的样式 */
    display: inline-block;
    /* 确保元素能够设置宽度和高度 */
    width: 1.5rem;
    /* 示例宽度，根据实际 SVG 调整 */
    height: 1rem;
    /* 示例高度，根据实际 SVG 调整 */
    background-size: contain;
    /* 缩放背景图片以完全包含在元素内 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
    background-position: left center;
    /* 将背景图片居中 */
    /* 移除 font-size，因为不再显示文本图标 */
}

.header-siteName-oof {
    /* 站点名称文本的样式 */
    font-weight: bold;
    /* 示例字体加粗 */
}

.header-arrowIcon-wff {
    /* 箭头图标的样式 */
    display: inline-block;
    /* 确保元素能够设置宽度和高度 */
    width: 20px;
    /* 保持宽度 */
    height: 20px;
    /* 保持高度 */
    /* 将背景图片样式添加回来 */
    background: url(/mx/arrow-down.png) no-repeat center center;
    background-size: contain;
    /* 使用 contain 确保图片完整显示 */
}

.header-switchersContainer-CN6 {
    position: absolute;
    /* 绝对定位，相对于 .primaryActions */
    top: 100%;
    /* 定位在 .primaryActions 的下方 */
    left: 0;
    /* 左对齐到 .primaryActions 的左边缘 */
    background-color: #fff;
    /* 白色背景 */
    border: 1px solid #ccc;
    /* 浅灰色边框 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    /* 阴影效果 */
    border-radius: 4px;
    /* 圆角 */
    padding: 8px 0;
    /* 上下内边距，左右为0 */
    z-index: 10;
    /* 确保浮层在其他内容之上 */
    min-width: 200px;
    /* 最小宽度，可根据内容调整 */
    /* 初始状态隐藏 */
    display: none;
}

.header-switchersContainer_open-tfB {
    display: block;
    /* 浮层打开时显示 */
}

.header-switcher-6DN {
    padding: 16px 20px 0 20px;
    /* 每一行的内边距 */
}


.header-switcherLabel-h2J {
    font-weight: normal;
    /* 标签字体不加粗 */
    color: #555;
    /* 标签颜色 */
}

.header-switcherResult-123 {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    background: url(/mx/arrow-right-pure.svg) no-repeat right center;
    background-size: 18px auto;
    /* 使用 contain 确保图片完整显示 */
    padding: 8px 0;
    /* 每一行的内边距 */
    border-bottom: 1px solid #eee;
    /* 添加底部边框作为分隔线 */
}

.header-switcher-6DN:last-child .header-switcherResult-123 {
    border-bottom: none;
    /* 最后一项没有底部边框 */
    display: inline-block;
    width: 100%;
}

.header-switcherResult-123 .header-siteName-oof {
    font-weight: 500;
}


.header-logoContainer-tkF {
    display: flex;
    justify-content: center;
    /* Logo 在其容器内水平居中 */
    align-items: center;
    /* Logo 在其容器内垂直居中 */
    flex-shrink: 0;
    /* 防止 logo 在空间不足时被压缩 */
    /* 根据需要，可以为 logo 设置一个 flex-grow: 0 (默认) 或特定的 flex-basis */
    /* 例如: margin: 0 1rem; /* 给logo左右一些空间 */
}

.header-logo-bM0 {
    height: 35px;
    width: auto;
}

.header-secondaryActions-U01 {
    display: flex;
    /* 使内部元素（SearchTrigger, AccountTrigger, CartTrigger）横向排列 */
    align-items: center;
    /* 垂直居中对齐内部元素 */
    justify-content: flex-end;
    /* 关键：确保 SearchTrigger, AccountTrigger, CartTrigger 在此容器的右侧对齐 */
    flex-grow: 1;
    /* 允许此区域增长以占据右侧的可用空间 */
    flex-basis: 0;
    /* 新增：设置 flex 基础尺寸为 0 */
}

/* 以下是 header.js 中可能用到的其他类的基本样式，你可以根据需要保留或修改 */
.header-open-nPd {
    /* 搜索打开时的根样式 */
}

.header-closed-qbE {
    /* 搜索关闭时的根样式 */
}

.header-searchFallback-jMs {
    /* 搜索栏加载时的样式 */
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.header-input-SJ0 {
    /* 搜索输入框容器样式 */
    position: relative;
    width: 200px;
    /* 示例宽度 */
}

.header-loader-IEy {
    /* 加载动画样式 */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    /* 示例高度 */
}

.header-loaderBefore-hh9,
.header-loaderAfter-9yz {
    /* 加载动画的组成部分 */
    content: '';
    width: 10px;
    height: 10px;
    background-color: gray;
    border-radius: 50%;
    margin: 0 2px;
    animation: header-blink-Vfs 1s infinite ease-in-out;
}

.header-loaderAfter-9yz {
    animation-delay: 0.2s;
}

@keyframes header-blink-Vfs {

    0%,
    100% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }
}

/* 如果有 toolbar, switchers, switchersContainer 等类，也请在此处定义 */
.header-toolbar--5w {
    /* ... */
}

.header-switchers-WuM {
    /* ... */
}

.header-switchersContainer-CN6 {
    /* ... */
}

@media (max-width: 960px) {
    .header-banner-Tvg {
        font-size: 14px;
    }

    .header-logo-bM0 {
        height: 27px;
    }
}
.storeSwitcher-root-H-P {
}
.storeSwitcher-storeMenu-1tH {
    top: -4px;
    left: 0;
    width: 100%;
}
.storeSwitcher-trigger-l0L {
    text-align: left;

}

.storeSwitcher-menu-wkI { /* 保持默认左对齐 */ /* 确保右边是auto */
    transform: translate3d(0, -8px, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden; /* 修改：确保小屏幕也左对齐 */ /* 修改：确保小屏幕右边是auto */
}

.storeSwitcher-menu_open-oyR {
    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
    width: 100%;
    height: 100%;
}

.storeSwitcher-menuItem-22e {
}

.storeSwitcher-groups-NxT {
    max-height: 100%;
}

.storeSwitcher-groupList-910 {
    padding: 0;
}

/*
 * Mobile-specific styles.
 */

@media (max-width: 639px) {
    .storeSwitcher-root-H-P:only-child {
        grid-column: 2;
    }

    /* TODO @TW: cannot compose */
    .storeSwitcher-root-H-P:last-child .storeSwitcher-menu-wkI {
        left: 1rem; /* 修改：从 right 改为 left */
        right: auto; /* 修改：从 left 改为 right */
    }

    .storeSwitcher-menu-wkI {
        transform: translate3d(0, 8px, 0);
    }

    .storeSwitcher-menu_open-oyR {
        transform: translate3d(0, -4px, 0);
    }
}

.switcherItem-root-sA0 {
}

.switcherItem-content-9Ss {
}

.switcherItem-text-mrk {
}
.switcherItem-width16-vJe {
    width: 16px;
}

.currencySwitcher-root-Dqp {
}

.currencySwitcher-trigger-LLi {
}

.currencySwitcher-menu-i-9 {
    transform: translate3d(0, 8px, 0);
    transition-duration: 192ms;
    transition-timing-function: var(--venia-global-anim-out);
    transition-property: opacity, transform, visibility;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

@media (min-width: 640px) {
    .currencySwitcher-menu-i-9 {
        transform: translate3d(0, -8px, 0);
    }
}

.currencySwitcher-menu_open-xGi {
    transform: translate3d(0, 4px, 0);
    transition-duration: 224ms;
    transition-timing-function: var(--venia-global-anim-in);

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}

.currencySwitcher-menuItem-sBu {
}
.currencySwitcher-languageMenu---q {
    left: 0;
    top: -4px;
    width: 100%;
    height: 100%;
}
.currencySwitcher-symbol-V7d {
}

/* TODO @TW: cannot compose */
.currencySwitcher-root-Dqp:last-child:not(:only-child) {
    padding-left: 0;
    grid-auto-flow: column;
}

/* TODO @TW: cannot compose */
.currencySwitcher-root-Dqp:last-child:not(:only-child)::before {
    /* composes: border from global; */
    /* composes: border-solid from global; */
    /* composes: border-subtle from global; */
    border-left: 1px solid rgb(var(--venia-global-color-border));
    content: '';
    height: 1em;
    width: 1rem;
}

@media (max-width: 639px) {
    .currencySwitcher-root-Dqp:only-child {
        grid-column: 2;
    }

    /* TODO @TW: cannot compose */
    .currencySwitcher-root-Dqp:last-child .currencySwitcher-menu-i-9 {
        right: 1rem;
        left: auto;
    }

    .currencySwitcher-menu_open-xGi {
        transform: translate3d(0, -4px, 0);
    }
}

.logo-logo-6fD {
    transition: all 0.5s;
}


.accountTrigger-root-7Dr {
}

.accountTrigger-root_open-9Kj {
}

.accountTrigger-trigger-YDx {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 44px;
    position: relative;
}

[data-cy="AccountChip-text"] {
    display: none;
}
.accountTrigger-logedInUser-M37 + aside {
    height: auto; 
}
.accountTrigger-logedInUser-M37 + aside > div {
    left: auto;
    width: auto;
    height: auto;
    min-height: auto;
    top: 70px;
    right: 0;
}
.accountChip-root-biX {
}
.accountChip-signedIn-nbE{
    position: relative;
}
.accountChip-signedIn-nbE:after {
    position: absolute; background-color: rgb(0,118,35); content: ''; width: 8px; height: 8px;border-radius: 50%; right: 0; top: 0px;
}

.accountChip-loader-9tR {
}
.accountChip-text-6Zl{padding-left:5px; }
.accountChip-noLoginIcon-h8V{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(/mx/noLoginIcon.svg) no-repeat center;
}
@media screen and (min-width: 960px) {    
    .accountChip-uname-ECF{
        display: none;
    }
}
.accountChip-modalPopup--SJ {
    transition: none;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    overflow: auto;
}
.icon-root-VMv {
    touch-action: manipulation;
}

.icon-icon-A2I {
    fill: var(--fill, none);
    stroke: var(--stroke, rgb(var(--venia-global-color-text)));
}

.icon-icon_desktop-v-0 {
}

.cartTrigger-counter-FPi {
    position: absolute;
    z-index: 2;
    right: 0;top: 0;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    background: #000;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 0 4px;
    box-sizing: border-box;
}

.cartTrigger-trigger-VfJ {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 44px;
}

.cartTrigger-triggerContainer-FZE {
}

.cartTrigger-triggerContainer_open-H-c {
}

.cartTrigger-link-mIb {
}
.cartTrigger-btnCart-g7L{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(/mx/btn_cart.svg) no-repeat center;
}