/** Shopify CDN: Minification failed

Line 11:0 Unexpected "}"

**/
/* menu-fix.css */
.halo-sidebar,
.halo-sidebar-wrapper,
#halo-sidebar,

}
/* 1) 关掉“滑动面板”位移效果 */
.menu-drawer__submenu,
.menu-drawer__inner-submenu,
.halo-sidebar .menu-drawer__submenu,
.halo-sidebar .menu-drawer__inner-submenu,
#navigation-mobile .menu-drawer__submenu,
#navigation-mobile .menu-drawer__inner-submenu{
  transform: none !important;
  transition: none !important;
  position: static !important;
  inset: auto !important;
}

/* 2) 让 submenu 用高度做“下拉”动画 */
.menu-drawer__submenu{
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: max-height .25s ease, opacity .25s ease !important;
}

details[open] > .menu-drawer__submenu{
  max-height: 100vh !important;
  opacity: 1 !important;
}

/* 1) 让有子菜单的父级看起来可展开（可选） */
#navigation-mobile li.has-dropdown > a,
#navigation-mobile li.has-dropdown > summary {
  position: relative;
}

/* 2) 默认隐藏父级下面的 ul（子菜单） */
#navigation-mobile li.has-dropdown > ul {
  display: none;
}

/* 3) 展开状态：同屏显示子菜单（下拉出来） */
#navigation-mobile li.has-dropdown.gsf-open > ul {
  display: block;
}

/* 4) 禁用“侧滑下一层面板”的容器（关键）
   下面这两条是常见 Halo/Halo-sidebar 结构的覆盖：
   - 不让它 transform 滑动
   - 不让它只显示某一层 panel
*/
#navigation-mobile .halo-sidebar-wrapper,
#navigation-mobile .halo-sidebar,
#navigation-mobile .site-nav-mobile {
  transform: none !important;
}

/* 5) 防止主题用定位/宽度把“下一层面板”盖住当前层（常见情况）
   让所有层都走正常文档流
*/
#navigation-mobile [data-navigation-mobile],
#navigation-mobile .nav-menu-tab,
#navigation-mobile .site-nav-mobile {
  position: static !important;
}

/* 6) 你的“变灰提示态”（第一次点击父级） */
#navigation-mobile li.gsf-armed > a,
#navigation-mobile li.gsf-armed > summary,
#navigation-mobile li.gsf-armed > details > summary {
  background: #eee !important;
}
/* ====== GSF Mobile Accordion (same-screen dropdown) ====== */

/* 默认隐藏：子菜单可能在不同层级 */
#navigation-mobile li > ul,
#navigation-mobile li > div > ul,
#navigation-mobile li > div > div > ul,
#navigation-mobile details > ul {
  display: none;
}

/* 展开显示：同屏下拉 */
#navigation-mobile li.gsf-open > ul,
#navigation-mobile li.gsf-open > div > ul,
#navigation-mobile li.gsf-open > div > div > ul,
#navigation-mobile li.gsf-open > details > ul {
  display: block !important;
}

/* 第一次点击变灰 */
#navigation-mobile li.gsf-armed > a,
#navigation-mobile li.gsf-armed > summary,
#navigation-mobile li.gsf-armed > .site-nav-title,
#navigation-mobile li.gsf-armed > .menu-mobile-lv-1__action {
  background: #eee !important;
}

