/** Shopify CDN: Minification failed

Line 435:11 Unexpected "("
Line 463:0 Expected "}" to go with "{"

**/
/* #menu-drawer 已有的固定定位、过渡、层级 */
#menu-drawer {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 图标、菜单容器、分隔线、字体颜色等原样保留 */
.menu-toggle { position: relative; width: 24px; height: 24px; display: inline-block; }
.menu-toggle .menu-icons { position: relative; width: 100%; height: 100%; }
.menu-toggle .icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease; }
.menu-toggle .icon-close { opacity: 0; pointer-events: none; }
details[open] > summary.menu-toggle .icon-menu { opacity: 0; pointer-events: none; }
details[open] > summary.menu-toggle .icon-close { opacity: 1; pointer-events: auto; }
.mobile-header__left .menu-drawer-container .menu-drawer .menu-drawer__inner-container {
    float: right !important;
    padding: 0!important;
    /* background:#201529; */
    width:80%
}
.menu-drawer__menu > li { border-bottom: 1px solid rgb(223 219 219); }
.menu-drawer__menu .header__submenu > li { border-bottom: 1px solidrgb(229, 229, 229); }
.menu-drawer__menu > li:last-child, .menu-drawer__menu .header__submenu > li:last-child { border-bottom: none; }
.menu-drawer__inner-container .header__menu-root .list-menu__item {
   /* color:rgb(242, 242, 242) !important;  */
  }
#menu-drawer .menu-drawer__inner-container .header__menu-root .list-menu__item,
#menu-drawer .menu-drawer__inner-container .header__menu-root .list-menu__item.header__menu-active {
  /* color: #ffffff !important; */
  padding-left:20px;
  height: 35px;
}
/* ===============================
   优化手机菜单展开/收起动画
   =============================== */
/* 父级菜单容器 */
.custom-toggle__area {
  position: relative;
  overflow: hidden; /* 保证动画不溢出 */
}
/* 菜单标题 */
.custom-toggle__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
/* 箭头动画 */
.custom-toggle__title svg {
  transition: transform 0.3s ease;
}
.custom-toggle__area.open > .custom-toggle__title svg {
  transform: rotate(180deg);
}
/* 子菜单默认隐藏 */
.custom-toggle__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease; /* 优化性能，用 max-height 代替 height */
  font-size: 14px; /* 保证字体不被父级 font-size:0 覆盖 */
}
/* 展开状态最大高度设置为足够显示内容 */
.custom-toggle__area.open > .custom-toggle__content {
  max-height: 500px; /* 可根据实际内容调整 */
}
/* 子菜单内列表样式 */
.custom-toggle__content ul {
  list-style: none;
  padding-left: 15px;
  margin: 0;
}
.custom-toggle__content li {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}
/* ===============================
   保留原来自定义样式
   =============================== */
.custom-menu-drawer__navigation { font-size: 14px; }
/* 禁用二级菜单所有动画效果 */
.header__menu-root.menu__dropdown .header__submenu.dropdown-menu {
    transition: none !important;
    max-height: 10000px !important; /* 避免 max-height 动画 */
    opacity: 1 !important; /* 确保完全显示 */
    /* transform: none !important; 移除位移动画 */
    display: block !important; /* 强制显示 */
}
/* 避免按钮或其他子元素动画 */
.header__mega-product .product-item__list .product-item__hover,
.header__menu-root.menu__dropdown .header__mega .col ._btn {
    transition: none !important;
}
@media screen and (max-width: 991px) {
  .header__mega.toggle__content,
  .header__submenu.toggle__content {
    display: none;
    /* transition: none !important; 强制无动画 */
    height: auto !important; /* 防止高度动画 */
    opacity: 1 !important; /* 防止淡入动画 */
   }
 
  .header__menu-root.menu__dropdown.active .header__mega.toggle__content,
  .header__menu-root.menu__dropdown.active .header__submenu.toggle__content {
    display: block;
    /* transition: none !important; 强制无动画 */
    height: auto !important;
    opacity: 1 !important;
  }
 
  /* Added styles for toggle arrow in mobile */
  .header__menu-root.toggle__area .toggle-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 40px; /* Extended clickable area */
    margin-left: -20px; /* Extend leftward */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Keep SVG on the right */
  }
 
  .header__menu-root.toggle__area .toggle-arrow svg {
    width: 12px;
    height: 12px;
    fill:rgb(56, 56, 56); /* Match menu text color */
    transition: transform 0.3s ease;
  }
 
  .header__menu-root.toggle__area.open .toggle-arrow svg {
    transform: rotate(180deg);
  }
 
  .header__menu-root.toggle__area .header__menu-item {
    display: inline-block;
    padding-right: 60px; /* Space for extended arrow area */
    width: auto;
  }
}
#menu-drawer .menu-drawer__inner-container{
  .header__menu-root.menu__dropdown
  .header__mega .header__submenu .level1-menu a {
    /* color: #e3e3e3 !important; */
}
    .header__menu-root.menu__dropdown .header__mega {
    padding: 0 0 0 15px!important;
    }
}
/* 弹出菜单顶部Menu */
.lr-mobile-navigation-header {
  position: sticky; /* 关键：让它固定在父容器顶部 */
  top: 0; /* 固定在容器的最上方 */
  z-index: 1000; /* 保证在子菜单内容上方 */
  background-color:rgb(243, 243, 243); /* 防止透明时下面内容透过 */
  margin-bottom: 0px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
  width: 100% !important;
  padding: 15px 30px;
  border-bottom: 1px solid #e9e9e9;
}
.lr-mobile-navigation-header .lr-mobile-navigation-title.h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  margin: 0;
  color: #000;
}
.lr-mobile-navigation-close {
  box-sizing: content-box;
  width: 0.5em;
  height: 0.5em;
  padding: .25em;
  border: 0;
  border-radius: .25rem;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>")
              center / contain no-repeat;
  background-color: transparent;
  cursor: pointer;
}
.menu-drawer__inner-container
  .header__menu-root.toggle__area:not(.open)
  .toggle__title svg {
    margin-right: 20px !important;
}
.menu-drawer__inner-container
  .header__menu-root.menu__dropdown
  .header__mega > .header__mega-root {
    width: 100% !important;
    margin-left: 15px !important;
}
.menu-drawer__inner-container
  .header__menu-root.toggle__area
  .toggle__title svg {
    margin-right: 20px !important;
}

/* 好的 */



/* 搜索栏优化 */

.mobile-search-bar {
  display: none;
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  animation: slideDown 0.3s ease forwards;
}

.mobile-search-bar.active {
  display: block;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mobile-search-bar .search__form {
  display: flex;
  align-items: center;
}

.mobile-search-bar .search_box {
  flex: 1;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.mobile-search-bar .search_submit {
  background: none;
  border: none;
  margin-left: 5px;
}




.mobile-search-bar {
  position: absolute;
  top: 100%; /* 紧贴 logo 栏底部 */
  left: 0;
  right: 0;
  background: #fff;
  padding: 0px;
  border-bottom: 1px solid #e0e0e0;
  display: none;
  /* z-index: 999; 保证在菜单上层 */
  animation: slideDown 0.3s ease forwards;
}

.mobile-search-bar.active {
  display: block;
  border-radius: 5px;
}



#search-drawer {
  position: absolute;
  top: 100%; /* 紧贴 logo/header 下方 */
  left: 0;
  right: 0;
  display: none;
  z-index: 999;
}

#search-drawer.active {
  display: block;
}
.menu-drawer {
  z-index: 2000 !important;
}

/* 账户中心 */

/* 现有搜索栏样式 */
@media (max-width: 991px) {
  .mobile-search-bar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    /* padding: 10px; */
    padding: 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
  }

  .mobile-search-bar.active {
    transform: translateY(0);
    display: block;
  }

  .mobile-search-bar .search__form {
    display: flex;
    align-items: center;
    /* gap: 10px; */
  }

  .mobile-search-bar .search_box {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .mobile-search-bar .search_submit {
    background: none;
    border: none;
    cursor: pointer;
  }

  .mobile-search-bar .search__form-results {
    margin-top: 10px;
  }

  /* 新增账户中心菜单样式 */
  .account-menu {
    /* max-width: 24rem; max-w-sm */
    margin: 0 auto;
    background: #fff;
  }

  .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 18px; /* py-4 */
    border-bottom: 1px solid #f3f4f6; /* border-gray-100 */
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .menu-item:last-child {
    border-bottom: none;
  }

  .menu-item:active {
    background-color: #f8fafc;
  }

  .menu-item-link {
    text-decoration: none;
    color: inherit;
    display: block;
  }

  .flex {
    display: flex;
  }

  .items-center {
    align-items: center;
  }

  .icon-container {
    width: 1.5rem; /* w-6 */
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem; /* mr-3 */
  }

  .arrow-container {
    width: 1.25rem; /* w-5 */
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .menu-text {
    color: #111827; /* text-gray-900 */
    font-weight: 500; /* font-medium */
  }

  .text-gray-700 {
    color: #374151;
  }

  .text-gray-400 {
    color: #9ca3af;
  }

  .text-link {
    color: #111827;
    text-decoration: none;
  }

  .text-link:hover {
    text-decoration: underline;
  }

  .svg-icon {
    width: 1.125rem; /* text-lg */
    height: 1.125rem;
    fill: currentColor;
  }

  .menu-drawer__navigation-container {
    padding: 1rem; /* px-4 py-6 */
  }
}


screen and (max-width: 991px) {
    .headerstyle-6 .localization-form__content .localization-form__list, .headerstyle-5 .localization-form__content .localization-form__list, .headerstyle-4 .localization-form__content .localization-form__list, .headerstyle-2 .localization-form__content .localization-form__list {
        padding: 5px 0 5px 15px;

    }

    /* 没问题 */
/* 货币显示 */
.main-header__right,.localization-form__list {
    padding: 0 10px !important;
    padding-top: 5px;
}


/* 手机端 logo 居中优化 */
@media screen and (max-width: 768px) {
  .main-header-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* 父容器直接居中 logo */
  }

  .main-header__logo {
    flex: 0 0 auto !important;  /* 避免被 flex:1 拉伸 */
    margin: 0 auto !important;
    text-align: center !important;
  }
}