/* 請與 header-11.html 一併載入：先 in_nav_2.css，再本檔 */

:root {
  --h11-paper: #fcfbf8;
  --h11-paper-2: #ffffff;
  --h11-line: #d8d0c2;
  --h11-text: #2b251f;
  --h11-soft: #6f6358;
  --h11-primary: #3a3026;
  --h11-primary-weak: rgba(58, 48, 38, 0.12);
  --h11-shadow: 0 8px 22px rgba(58, 48, 38, 0.08);
}

/* =========================
   v11：搜尋 Lightbox 精緻化
   ========================= */
.inpage_lightbox {
  background: rgba(21, 18, 14, 0.62);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.inpage_lightbox .mid {
  padding: 24px;
}

.inpage_lightbox .mid .close {
  top: clamp(20px, 3.2vw, 36px);
  right: clamp(20px, 3.2vw, 36px);
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background-color: rgba(0, 0, 0, 0.24);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.inpage_lightbox .mid .close:hover {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.6);
}

.inpage_lightbox .mid .box {
  width: min(760px, 92vw);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 16px;
  background: rgba(44, 36, 28, 0.72);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.35);
  padding: clamp(16px, 2.6vw, 24px);
}

.inpage_lightbox .mid .box form input {
  height: 58px;
  font-size: clamp(16px, 1.8vw, 22px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  padding: 0 66px 0 16px;
  color: #fff;
}

.inpage_lightbox .mid .box form input::placeholder {
  color: rgba(255, 255, 255, 0.72);
}

.inpage_lightbox .mid .box form input:focus {
  border-color: rgba(255, 255, 255, 0.58);
  background: rgba(255, 255, 255, 0.12);
}

.inpage_lightbox .mid .box form button {
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease;
}

.inpage_lightbox .mid .box form button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.inpage_lightbox .mid .box form button div {
  width: 24px;
  height: 24px;
}

/* 覆蓋 in_nav_2 的 .inpage-header .header，改由 .header-bar 排版 */
.inpage-header .header.header-v11 {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
}

/* ========== 桌機：單一容器 .header-bar（對齊 in_nav_2 滿版頂列，非獨立卡片） ========== */
@media (min-width: 1100px) {
  .inpage-header .header.header-v11 {
    padding-left: clamp(20px, 6vw, 110px) !important;
    padding-right: clamp(20px, 6vw, 110px) !important;
  }

  /* 保留後台/主題設定的頂列底色，勿強制透明 */
  .inpage-header .header-v11 {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0 clamp(20px, 6vw, 110px) !important;
    box-sizing: border-box;
  }

  .inpage-header .header-v11 .header-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(8px, 1.2vw, 20px);
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: var(--height-nav-md);
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .header-v11 .header-bar > .logo {
    /* 勿設 order>0：否則會排在預設 order:0 的 main_nav／top_block 之後 */
    flex: 0 0 auto;
    /* 套版網站需容納寬/高/方形 logo：給可伸縮區間，不鎖死 240px */
    max-width: clamp(140px, 24vw, 520px);
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: var(--height-nav-md);
    overflow: hidden;
    position: relative;
    z-index: 2;
  }

  .header-v11 .header-bar > .logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(var(--height-nav-md) - 10px);
    object-fit: contain;
    display: block;
    flex-shrink: 0;
  }

  /* 桌機單排：logo | 主選單（置中佔滿中間）| top_block */
  .header-v11 .header-bar > .main_nav.nav-horizontal {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: none;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    gap: 0;
    text-align: center;
    white-space: nowrap;
    /* 桌機有多層下拉選單，不能用 overflow: auto 否則會被裁切 */
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    /* 避免在某些情況被繼承為 0 導致文字消失 */
    font-size: 16px;
    line-height: var(--height-nav-md);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal::-webkit-scrollbar {
    display: none;
  }

  /* 桌機下拉選單：原 in_nav_2 的 .nested_nav 會以 .inpage_nav 為參考；v11 改為以 .dropmenu 為參考 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu {
    position: relative;
  }

  .header-v11 .header-bar .nested_nav {
    left: 0 !important;
    top: var(--height-nav-md) !important;
    z-index: 50;
  }

  /* 第一層掛在 .dropmenu 底下時，改為緊貼選單下方（勿用整列 header 高度） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav {
    top: calc(100% + 2px) !important;
  }

  /* 桌機預設收合：避免僅因主選單 .active 就把子選單整塊展開 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(4px) !important;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:hover > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:focus-within > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .header-v11 .header-bar .nested_nav ul {
    z-index: 60;
  }

  /* 桌機第二層面板：去掉不同底框色/圓角/陰影，跟第一層乾淨一致 */
  .header-v11 .header-bar .nested_nav ul {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-clip: padding-box;
  }

  /* 若其他樣式加了框線，統一拿掉（避免「底框顏色不同」） */
  .header-v11 .header-bar .nested_nav,
  .header-v11 .header-bar .nested_nav ul {
    border: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area {
    flex: 0 0 auto;
    pointer-events: auto;
    display: inline-block !important;
    vertical-align: middle;
    width: auto;
    line-height: var(--height-nav-md) !important;
    font-size: clamp(16px, 1.04vw, 20px) !important;
    font-weight: bold;
    padding: 0 1vw;
    transition: all 0.35s ease;
    position: relative;
    color: var(--color-text, #000);
    opacity: 1 !important;
    -webkit-text-fill-color: var(--color-text, #000) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:after {
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    transition: all 0.5s ease;
    top: 60%;
    left: 1em;
    transform: scaleX(0);
    transform-origin: left top;
    background-color: var(--header-color-main, #4e8e8b);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu .has_dropmenu > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a {
    display: inline-block !important;
    line-height: var(--height-nav-md) !important;
    font-size: clamp(16px, 1.04vw, 20px) !important;
    font-weight: bold;
    padding: 0 0 0 1vw;
    color: var(--color-text, #000);
    opacity: 1 !important;
    -webkit-text-fill-color: var(--color-text, #000) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu {
    display: inline-block;
    position: relative;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.active,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a.active,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a.active {
    position: relative;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.active:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a.active:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a.active:after {
    transform: scaleX(1);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:hover:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:active:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a:hover:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a:active:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:hover:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:active:after {
    transform: scaleX(1);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu {
    padding-left: 0;
    position: relative;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.active .has_dropmenu > a:after {
    transform: scaleX(1);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu:after {
    display: none;
  }

  /* 版型 11：桌機第二層（nested_nav）風格對齊第一層 */
  .header-v11 .header-bar .nested_nav a {
    font-size: clamp(16px, 1.04vw, 20px) !important;
    font-weight: bold !important;
    color: var(--color-text, #111) !important;
    -webkit-text-fill-color: var(--color-text, #111) !important;
    opacity: 1 !important;
    line-height: 1.35 !important;
    padding: 12px 3em 12px 1em !important; /* 保留右側 more 區域 */
  }

  /* 關掉 in_nav_2 桌機 nested_nav 的 a:before 底線，改用跟第一層一致的 :after */
  .header-v11 .header-bar .nested_nav a:before {
    display: none !important;
    content: none !important;
  }

  .header-v11 .header-bar .nested_nav a:after {
    content: "" !important;
    display: block !important;
    width: 30px !important;
    height: 4px !important;
    position: absolute !important;
    top: 68% !important;
    left: 1em !important;
    transform: scaleX(0) !important;
    transform-origin: left top !important;
    transition: all 0.5s ease !important;
    background-color: var(--header-color-main, #4e8e8b) !important;
    pointer-events: none !important;
  }

  .header-v11 .header-bar .nested_nav a:hover:after,
  .header-v11 .header-bar .nested_nav a.active:after {
    transform: scaleX(1) !important;
  }

  .header-v11 .header-bar .nested_nav a:hover,
  .header-v11 .header-bar .nested_nav a.active {
    color: var(--header-color-hover, #a1a09e) !important;
  }

  .header-v11 .header-bar .nested_nav a:hover:after,
  .header-v11 .header-bar .nested_nav a.active:after {
    background-color: var(--header-color-hover, #a1a09e) !important;
  }

  /* 桌機只顯示 top_block 語系，隱藏 main_nav 內 language-block_2 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang {
    display: none !important;
  }

  /* 與 in_nav_2 一致：會員入口用 top_block，主選單內不重複 m_area */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area {
    display: none !important;
  }

  .header-v11 .header-bar > .top_block {
    flex: 0 0 auto;
    margin-left: auto;
    position: static !important;
    right: auto !important;
    width: auto !important;
    max-width: fit-content;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0;
    z-index: 2;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    pointer-events: auto !important;
  }

  /* top_block 原本各 icon 有 margin-left，這裡縮小間距避免太鬆散 */
  .inpage-header .header-v11 .top_block .btn_search,
  .inpage-header .header-v11 .top_block .btn_cart,
  .inpage-header .header-v11 .top_block .btn_login,
  .inpage-header .header-v11 .top_block .lang {
    margin-left: 10px !important;
  }
}

/* mega-split：左類別、右產品卡片 */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-mega-split > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="mega-split"] > .nested_nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--height-nav-md) !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    min-height: 200px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 22px 24px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #f3f3f3 !important;
    z-index: 120 !important;
  }

  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-mega-split > .nested_nav,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="mega-split"] > .nested_nav {
    top: var(--height-nav-md) !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 14px 0 18px !important;
    min-height: 160px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #f3f3f3 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > .back,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > .back {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  }

  /* 左欄固定第一欄，右欄固定第二欄 */
  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .hassub,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .hassub {
    grid-column: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li:last-child,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li:last-child {
    border-bottom: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .h11-mega-cat,
  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .hassub > .h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .hassub > .h11-mega-cat {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 6px !important;
    text-decoration: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .h11-mega-cat .h11-mega-cat__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .h11-mega-cat .h11-mega-cat__media,
  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .hassub > .h11-mega-cat .h11-mega-cat__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .hassub > .h11-mega-cat .h11-mega-cat__media {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > .hassub > .more,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > .hassub > .more {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > ul {
    grid-column: 2 !important;
    align-self: start !important;
    justify-self: stretch !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 4px 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    width: 100% !important;
    min-height: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > ul > .back,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > ul > .back {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > ul > li,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > ul > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 2px 1px !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile .h11-mega-tile__media {
    width: 104px !important;
    height: 104px !important;
    flex: 0 0 104px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile .h11-mega-tile__media:empty,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile .h11-mega-tile__media:empty {
    visibility: hidden !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile .h11-mega-tile__media img,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile .h11-mega-tile__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after {
    content: none !important;
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav > ul > li > ul > li > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav > ul > li > ul > li > ul {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile.h11-mega-tile--more,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile.h11-mega-tile--more {
    justify-content: center !important;
    min-height: 168px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 8px !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .nested_nav .h11-mega-tile.h11-mega-tile--more .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .nested_nav .h11-mega-tile.h11-mega-tile--more .h11-mega-tile__media {
    display: none !important;
  }
}

/* 1920+：再放寬一點內容寬度，避免左右留白過大 */
@media (min-width: 1800px) {
  .inpage-header .header-v11 {
    max-width: 100% !important;
    padding-left: clamp(20px, 6vw, 110px) !important;
    padding-right: clamp(20px, 6vw, 110px) !important;
  }
}

/* 與 a-config.style-header2 桌機 hover／主色一致（主題檔只寫 .inpage_nav .main_nav） */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu:active,
  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu > .has_dropmenu > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu > .has_dropmenu > a:active,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:active {
    color: var(--header-color-hover, #a1a09e);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu > .has_dropmenu > a:hover:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal .dropmenu > .has_dropmenu > a:active:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:hover:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a:active:after {
    background-color: var(--header-color-hover, #a1a09e);
  }
}

/* 桌機：頂列 pointer-events（in_nav_2 父層曾設 none） */
@media (min-width: 1100px) {
  .inpage-header .header-v11 {
    pointer-events: none;
  }

  .inpage-header .header-v11 .header-bar,
  .inpage-header .header-v11 .header-bar * {
    pointer-events: auto;
  }
}

/* 輔助層：無主選單，不參與遮擋 */
.inpage_nav.v2.inpage_nav--aux {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 1100px) {
  .inpage_nav.v2.inpage_nav--aux {
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .inpage_nav.v2.inpage_nav--aux .copyright {
    pointer-events: auto;
  }
}

/* ========== 手機／平板：.header-bar 第一列；主選單改為全螢幕層 ========== */
@media (max-width: 1099px) {
  /* 頂列樣式交給 a-config.style-header2（--header-color-black 等），勿另套紙感色 */

  .inpage-header .header-v11 .header-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    padding: 0 calc(var(--pd-inside-xs) / 2 + 4px);
    box-sizing: border-box;
    min-height: var(--height-nav-xs);
    position: relative;
    z-index: 120;
  }

  .header-v11 .header-bar > .logo {
    flex: 0 0 auto;
    min-width: min(64vw, 300px);
    max-width: min(64vw, 300px);
    min-height: var(--height-nav-xs);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    margin-right: auto;
    z-index: 2;
  }

  .header-v11 .header-bar > .logo img {
    max-height: calc(var(--height-nav-xs) - 8px);
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
  }

  .header-v11 .header-bar > .top_block {
    position: static !important;
    flex: 0 0 auto;
    margin-left: auto;
    width: auto !important;
    right: auto !important;
    gap: 4px;
    z-index: 2;
  }

  .header-v11 .header-bar > .nav-toggle {
    position: relative !important;
    right: auto !important;
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: -6px;
    z-index: 2;
  }

  /* v11：選單開啟時仍顯示頂列 logo／搜尋／會員／購物車（覆寫 in_nav_2 的 opacity:0） */
  .nav-open .inpage-header .header-v11 .logo,
  .nav-open .inpage-header .header-v11 .top_block {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .nav-open .inpage-header .header-v11 .top_block .btn_search,
  .nav-open .inpage-header .header-v11 .top_block .btn_cart,
  .nav-open .inpage-header .header-v11 .top_block .btn_login {
    opacity: 1 !important;
    transform: none !important;
  }

  .nav-open .inpage-header .header.header-v11,
  .nav-open .inpage-header .header-v11 .header-bar {
    pointer-events: auto !important;
  }

  /* 覆寫 in_nav_2：.nav-open .inpage-header { pointer-events:none } */
  .nav-open .inpage-header {
    pointer-events: auto !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--height-nav-xs);
    bottom: 0;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 0 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background-color: var(--header-color-black, #000);
    z-index: 116;
    transform: translateY(-120%);
    transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: calc(100vh - var(--height-nav-xs)) !important;
    min-height: calc(100dvh - var(--height-nav-xs)) !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    pointer-events: auto !important;
  }

  /* 手機下拉選單：確保 nested_nav 蓋在抽屜內容上 */
  .header-v11 .header-bar .nested_nav {
    z-index: 200 !important;
  }

  .nav-open .header-v11 .header-bar > .main_nav.nav-horizontal {
    transform: translateY(0);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: var(--line-height-nav-xs) !important;
    padding: 12px calc(var(--pd-inside-xs) + 10px) !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 手機版不需要 m_area（會員入口走頂列 icon） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu {
    display: block !important;
    position: relative !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: var(--line-height-nav-xs) !important;
    padding: 12px calc(var(--pd-inside-xs) + 10px) !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
  }

  /* 對齊 in_nav_2 的 .inpage_nav .lang（約 1073–1097）：主選單內語系，點 .lang-toggle 由 JS 加 .active */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang {
    margin-top: auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: calc(var(--pd-inside-xs) / 2) calc(var(--pd-inside-xs) + 10px) calc(var(--pd-inside-xs) * 2) !important;
    box-sizing: border-box !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang .lang-toggle {
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
    font-weight: bold;
    font-size: 16px !important;
    line-height: 40px !important;
    padding-right: 2em !important;
    text-align: left !important;
    display: block !important;
    position: relative !important;
    cursor: pointer;
  }

  /* 語系：手機改回下拉清單（直向），點擊後展開 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang .lang-dropmenu {
    display: none;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang.active .lang-dropmenu {
    /* 覆寫 in_nav_2（max-width:1099）對 .lang-dropmenu 的 width/left/top 計算 */
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    display: block !important;
    border: 1px solid var(--header-color-main, #4e8e8b) !important;
    border-radius: 14px !important;
    position: relative !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    background: var(--header-color-black, #000) !important;
    padding: 8px 0 !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang .lang-dropmenu a {
    display: block !important;
    padding: 0 20px !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 40px !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
  }

  /* 讓語系分隔線不被底線規則影響 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang .lang-dropmenu a:after {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a:after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid var(--header-color-main, #4e8e8b) !important;
    opacity: 0.5 !important;
  }

  /* 手機已隱藏 m_area，避免多餘規則影響 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a:after {
    display: none !important;
  }

  /* 版型 11：子選單（產品第二層起）風格統一跟第一層一樣 */
  .header-v11 .header-bar .nested_nav a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: var(--line-height-nav-xs) !important;
    padding: 12px calc(var(--pd-inside-xs) + 10px) !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
    border-bottom: 1px solid rgba(78, 142, 139, 0.5) !important;
  }

  /* 第二/三層：僅做縮排，其他維持一致 */
  .header-v11 .header-bar .nested_nav ul ul a,
  .header-v11 .header-bar .nested_nav ul ul ul a {
    padding-left: calc(var(--pd-inside-xs) + 24px) !important;
  }

  /* 避免 in_nav_2 的 .nested_nav a:before 底線影響一致性 */
  .header-v11 .header-bar .nested_nav a:before {
    display: none !important;
    content: none !important;
  }

  /* 關閉舊版空白全螢幕 inpage_nav */
  .inpage_nav.v2.inpage_nav--aux {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: transparent !important;
    transform: none !important;
    z-index: 0 !important;
  }

  .nav-open .inpage_nav.v2.inpage_nav--aux {
    display: none !important;
  }
}

@media (min-width: 740px) and (max-width: 1099px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal {
    top: var(--height-nav-md) !important;
    min-height: calc(100vh - var(--height-nav-md)) !important;
    min-height: calc(100dvh - var(--height-nav-md)) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a {
    padding-left: var(--pd-inside-md) !important;
    padding-right: var(--pd-inside-md) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang {
    padding-left: var(--pd-inside-md) !important;
    padding-right: var(--pd-inside-md) !important;
  }
}

/* 桌機：頂列語系 pill（top_block）；手機頂列圖示／底色交給 in_nav_2 + a-config */
@media (min-width: 1100px) {
  .inpage-header .top_block .btn_search,
  .inpage-header .top_block .btn_cart,
  .inpage-header .top_block .btn_login,
  .inpage-header .top_block .lang .lang-toggle {
    color: var(--h11-text) !important;
    opacity: 1 !important;
  }

  .inpage-header .top_block .lang {
    position: relative;
  }

  .inpage-header .top_block .lang .lang-toggle {
    min-width: 62px;
    height: 32px;
    padding: 0 12px !important;
    width: auto !important;
    max-width: none;
    line-height: normal !important;
    border: 1px solid var(--h11-line);
    border-radius: 14px !important;
    background: var(--h11-paper-2);
    color: var(--h11-text) !important;
    font-size: 12px !important;
    font-weight: 600;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: visible;
  }

  .inpage-header .top_block .lang .lang-toggle:before,
  .inpage-header .top_block .lang .lang-toggle:after {
    content: none !important;
    display: none !important;
  }

  .inpage-header .top_block .lang .lang-dropmenu {
    left: 0 !important;
    right: auto;
    top: calc(100% - 2px);
    transform: none !important;
    min-width: 88px;
    padding: 8px;
    border: 1px solid var(--h11-line);
    border-radius: 14px;
    background: var(--h11-paper-2);
    box-shadow: 0 10px 24px rgba(58, 48, 38, 0.12);
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .inpage-header .top_block .lang:hover .lang-dropmenu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .inpage-header .top_block .lang .lang-dropmenu .link {
    display: block;
    border-radius: 14px;
    padding: 7px 10px;
    color: var(--h11-soft) !important;
    font-size: 12px;
    line-height: 1.2;
  }

  .inpage-header .top_block .lang .lang-dropmenu .link:hover,
  .inpage-header .top_block .lang .lang-dropmenu .link.active {
    background: var(--h11-primary-weak);
    color: var(--h11-primary) !important;
  }
}

.inpage_nav .lang {
  position: relative;
}

/* mini-header + 下拉層位置 */
@media (min-width: 1100px) {
  .mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > a,
  .mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu {
    line-height: var(--height-nav-md) !important;
    height: var(--height-nav-md) !important;
  }

  .mini-header .header-v11 .nested_nav {
    top: var(--height-nav-mini-md) !important;
  }
}

@media (min-width: 1500px) {
  .mini-header .header-v11 .nested_nav {
    top: var(--height-nav-mini-xxl) !important;
  }
}

/* =========================
   v11 最終覆寫（避免 in_nav_2 衝突）
   ========================= */

/* 桌機：主選單文字一定可見 */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a *,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a * {
    font-size: clamp(16px, 1.04vw, 20px) !important;
    color: var(--color-text, #111) !important;
    -webkit-text-fill-color: var(--color-text, #111) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
  }

  /* 桌機各解析度統一：語系按鈕不要過度圓角 */
  .inpage-header .top_block .lang .lang-toggle {
    border-radius: 14px !important;
  }

  /* 桌機語系下拉貼近按鈕 */
  .inpage-header .top_block .lang .lang-dropmenu {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    top: calc(80% - 2px) !important;
  }
}

/* 手機：主選單文字一定可見 */
@media (max-width: 1099px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .m_area > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > a *,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .has_dropmenu > a * {
    font-size: 16px !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
  }

  /* 手機語系：預設隱藏，點擊後直向展開 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang .lang-dropmenu {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang.active .lang-dropmenu {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--header-color-main, #4e8e8b) !important;
    border-radius: 14px !important;
    background: var(--header-color-black, #000) !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 120 !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang.active .lang-dropmenu .link {
    display: block !important;
    width: 100% !important;
    padding: 0 14px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    text-align: left !important;
    color: var(--header-color-main, #4e8e8b) !important;
    -webkit-text-fill-color: var(--header-color-main, #4e8e8b) !important;
    border-bottom: 1px solid rgba(78, 142, 139, 0.35) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .lang.active .lang-dropmenu .link:last-child {
    border-bottom: none !important;
  }
}

/* v11：主選單有子層時，強制顯示右側箭頭按鈕（桌機/手機） */
.header-v11 .header-bar .main_nav .has_dropmenu {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  max-width: 100%;
}

.header-v11 .header-bar .main_nav .has_dropmenu .more {
  display: inline-flex !important;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  pointer-events: auto !important;
}

/* 桌機主選單 overflow 收納 */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal .h11-overflow-hidden {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .h11-more-dropmenu > .has_dropmenu > a {
    white-space: nowrap;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .h11-more-dropmenu > .nested_nav > ul > li {
    min-width: 160px;
  }
}

@media (min-width: 1100px) {
  .header-v11 .header-bar .main_nav .has_dropmenu > a {
    position: relative;
    z-index: 1;
  }
}

.header-v11 .header-bar .main_nav .has_dropmenu .more:before {
  content: "" !important;
  display: inline-block !important;
  width: 12px;
  height: 12px;
  -webkit-mask: url("../../images/new/layout/icon_right2.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("../../images/new/layout/icon_right2.svg") no-repeat center;
  mask-size: contain;
  background-color: var(--color-text, #111);
  transform: rotate(90deg);
  transition: transform 0.25s ease, background-color 0.25s ease;
}

.header-v11 .header-bar .main_nav .has_dropmenu .more.active:before {
  transform: rotate(-90deg);
}

@media (max-width: 1099px) {
  .header-v11 .header-bar .main_nav .has_dropmenu .more {
    position: absolute;
    right: calc(var(--pd-inside-xs) + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    justify-content: flex-end;
  }

  .header-v11 .header-bar .main_nav .has_dropmenu .more:before {
    -webkit-mask: url("../../images/new/layout/icon_right.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask: url("../../images/new/layout/icon_right.svg") no-repeat center;
    mask-size: contain;
    background-color: var(--header-color-main, #4e8e8b);
    transform: rotate(90deg);
  }

  /* 子層 hassub 的 more 需要可點，避免被同列連結蓋住 */
  .header-v11 .header-bar .nested_nav .hassub {
    position: relative;
  }

  .header-v11 .header-bar .nested_nav .hassub > a {
    display: block;
    padding-right: 52px !important;
    position: relative;
    z-index: 1;
    touch-action: manipulation;
  }

  .header-v11 .header-bar .nested_nav .hassub .more {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 64px !important;
    height: 100% !important;
    z-index: 6 !important;
    pointer-events: auto !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  /* v11：hassub 的 more 改成箭頭（覆寫 in_nav_2 的 +） */
  .header-v11 .header-bar .nested_nav .hassub .more:after {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-mask: url("../../images/new/layout/icon_right.svg") no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask: url("../../images/new/layout/icon_right.svg") no-repeat center !important;
    mask-size: contain !important;
    background-color: var(--header-color-main, #4e8e8b) !important;
    transform: none !important;
    transition: all 0.25s ease !important;
  }
}

/* ========== 版型 11：主流多層選單（桌機：hover 右側飛出；手機：抽屜內摺疊） ========== */

@media (min-width: 1100px) {
  /* 避免飛出選單被頂列裁切 */
  .inpage-header .header.header-v11,
  .inpage-header .header-v11 .header-bar,
  .inpage-header .header-v11 .nested_nav {
    overflow: visible !important;
  }

  .header-v11 .header-bar {
    overflow: visible !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu {
    overflow: visible !important;
  }

  /* 每一列可掛右側子面板 */
  .header-v11 .nested_nav > ul > li {
    position: relative !important;
  }

  .header-v11 .nested_nav li {
    position: relative !important;
  }

  /* 第二層起：緊貼父項右側（取代固定 220px 偏移） */
  .header-v11 .nested_nav ul ul,
  .header-v11 .nested_nav ul ul ul {
    left: calc(100% + 8px) !important;
    top: 0 !important;
    margin-left: 0 !important;
    min-width: var(--h11-flyout-w, clamp(180px, 15vw, 240px)) !important;
    width: var(--h11-flyout-w, clamp(180px, 15vw, 240px)) !important;
    max-width: var(--h11-flyout-w, clamp(180px, 15vw, 240px)) !important;
    box-sizing: border-box !important;
    z-index: 80 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    background-color: var(--color-bg-nav-2-sub, #fff) !important;
  }

  /* 內層欄位固定寬度：避免以內容寬度撐開而造成第三層與第二層互壓 */
  .header-v11 .nested_nav ul ul > li,
  .header-v11 .nested_nav ul ul ul > li {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 右側空間不足時，第三層（含更深）改往左側展開，避免蓋回第二層 */
  .header-v11 .nested_nav li.h11-open-left > ul {
    left: auto !important;
    right: calc(100% + 8px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 內層預設關閉；展開靠 :hover／:focus-within 或 JS 的 .sub-open（蓋過 .nested_nav ul 的 visibility） */
  .header-v11 .nested_nav ul ul,
  .header-v11 .nested_nav ul ul ul {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease, visibility 0.15s ease !important;
  }

  .header-v11 .nested_nav li:hover > ul,
  .header-v11 .nested_nav li:focus-within > ul,
  .header-v11 .nested_nav ul ul.sub-open,
  .header-v11 .nested_nav ul ul ul.sub-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* 內層「+」在桌機僅為視覺提示 */
  .header-v11 .nested_nav .hassub .more {
    pointer-events: none !important;
    cursor: default !important;
  }

  /* v11：桌機 hassub 的 more 改成箭頭（覆寫 in_nav_2 的 +） */
  .header-v11 .nested_nav .hassub .more:after {
    content: "" !important;
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    -webkit-mask: url("../../images/new/layout/icon_right.svg") no-repeat center !important;
    -webkit-mask-size: contain !important;
    mask: url("../../images/new/layout/icon_right.svg") no-repeat center !important;
    mask-size: contain !important;
    background-color: #d0d0d0 !important;
    transform: none !important;
    transition: all 0.25s ease !important;
  }

  /* v11：第一層子選單（dropdown-menu）改為固定高度後橫向堆欄；flex 讓 pager 貼在面板右側垂直置中 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav {
    position: absolute;
    left: 0 !important;
    top: calc(70% + 2px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    max-width: min(92vw, 1200px) !important;
    box-sizing: border-box !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav > ul {
    --h11-sub-col-width: max-content;
    --h11-sub-col-gap: 18px;
    --h11-sub-max-cols: 3;
    --h11-sub-rows: 7;
    --h11-flyout-w: clamp(180px, 15vw, 240px);
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    grid-auto-flow: column;
    grid-template-rows: repeat(var(--h11-sub-rows), minmax(0, max-content));
    grid-auto-columns: var(--h11-sub-col-width);
    column-gap: var(--h11-sub-col-gap);
    row-gap: 0;
    width: fit-content !important;
    max-width: 84vw !important;
    min-width: min(280px, 84vw) !important;
    max-height: min(74vh, 560px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 12px !important;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }

  /* 有第三層時，避免被第一層橫向捲動容器裁切 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-has-deep {
    max-width: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-has-deep > ul {
    max-width: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav > ul::-webkit-scrollbar {
    display: none;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav > ul > li {
    width: var(--h11-flyout-w) !important;
    min-width: var(--h11-flyout-w) !important;
    max-width: var(--h11-flyout-w) !important;
    box-sizing: border-box !important;
  }

  /* 右側切換按鈕：僅超過三欄且可捲動時顯示（由 JS 加 .h11-has-overflow） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav .h11-submenu-pager {
    display: none;
    position: static !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 92;
    flex-direction: column;
    gap: 6px;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-has-overflow .h11-submenu-pager {
    display: inline-flex;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-has-deep .h11-submenu-pager {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav .h11-submenu-pager button {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 6px;
    background: rgba(43, 37, 31, 0.85);
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-at-start .h11-submenu-pager .h11-submenu-prev,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu > .nested_nav.h11-at-end .h11-submenu-pager .h11-submenu-next {
    opacity: 0.35;
    cursor: default;
  }
}

@media (max-width: 1099px) {
  /* 抽屜內相對排版，捨棄全螢幕滑層 */
  .header-v11 .nested_nav {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    display: none;
    transition: none !important;
  }

  .header-v11 .nested_nav.active {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .header-v11 .nested_nav > ul {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 6px 0 10px calc(var(--pd-inside-xs) + 10px) !important;
    top: 0 !important;
    left: 0 !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.18) !important;
    border-radius: 0 0 10px 10px;
  }

  .header-v11 .nested_nav > ul.dsk-open {
    top: 0 !important;
  }

  .header-v11 .nested_nav ul ul,
  .header-v11 .nested_nav ul ul ul {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    display: none;
    padding: 2px 0 6px 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-left: 2px solid rgba(78, 142, 139, 0.45);
  }

  .header-v11 .nested_nav ul ul.open,
  .header-v11 .nested_nav ul ul ul.open {
    display: block !important;
  }

  /* 滑層「返回」改由主選單關閉處理，摺疊選單不需要 */
  .header-v11 .nested_nav .back {
    display: none !important;
  }
}

/* =========================
   v11 桌機內容位移校正（單排頂列：對齊 --height-nav-md / mini）
   ========================= */
@media (min-width: 1100px) {
  body > .inpage:not(.inpage-header):first-of-type {
    margin-top: var(--height-nav-md) !important;
  }

  body.mini-header > .inpage:not(.inpage-header):first-of-type {
    margin-top: var(--height-nav-mini-md) !important;
  }

  body > .inpage:not(.inpage-header):first-of-type .banner {
    margin-top: 0 !important;
  }
}

/* =========================
   v11 mega/flyout 顯示邏輯（單一 dropmenu）
   ========================= */
@media (min-width: 1100px) {
  /* mega：滿版面板（只處理 mega 區，不影響 flyout） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-mega > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="mega"] > .nested_nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--height-nav-md) !important;
    display: block !important;
    gap: 0 !important;
    align-items: initial !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    min-height: 200px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 22px 24px !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #f3f3f3 !important;
    z-index: 120 !important;
  }

  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-mega > .nested_nav,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="mega"] > .nested_nav {
    top: var(--height-nav-md) !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .nested_nav > ul,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav > ul {
    display: grid !important;
    grid-auto-flow: row !important; /* 左到右，滿了才換下一列 */
    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 18px !important;
    min-height: 160px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    background: #f3f3f3 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .nested_nav > ul > .back,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav > ul > .back {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .nested_nav > ul > li,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav > ul > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 4px 2px !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.3 !important;
    transition: background-color 0.2s ease !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat:hover,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat:hover,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile:hover,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile:hover {
    background: transparent !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat__media,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat__media,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile__media {
    width: 104px !important;
    height: 104px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    flex: 0 0 auto !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat__media:empty,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat__media:empty,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile__media:empty,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile__media:empty {
    visibility: hidden !important; /* 保留圖片高度，維持卡片排列整齊 */
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat__media img,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat__media img,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile__media img,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .h11-mega-cat__txt,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-cat__txt,
  .header-v11 .dropmenu.menu-mode-mega .h11-mega-tile__cap,
  .header-v11 .dropmenu[data-menu-mode="mega"] .h11-mega-tile__cap {
    display: block !important;
    width: 100% !important;
    color: #1f1f1f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
  }

  /* mega 下第二層先收起，避免覆蓋 Ducati 版型 */
  .header-v11 .dropmenu.menu-mode-mega .nested_nav > ul > li > ul,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav > ul > li > ul {
    display: none !important;
  }

  /* flyout：支援縮圖顯示 + 左右位置 */
  .header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__media {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    background: rgba(0, 0, 0, 0.06);
  }

  .header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .header-v11 .dropmenu[data-flyout-thumb="0"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__media {
    display: none !important;
  }

  .header-v11 .dropmenu[data-flyout-thumb-pos="left"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
    flex-direction: row !important;
  }

  .header-v11 .dropmenu[data-flyout-thumb-pos="right"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    text-align: left !important;
  }

  .header-v11 .dropmenu[data-flyout-thumb-pos="right"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__txt {
    flex: 1 1 auto;
  }
}

/* flyout 子選單（全尺寸）：icon 尺寸/位置與文字底線 */
.header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__media {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex: 0 0 22px !important;
  background: transparent !important;
  margin-top: 1px;
}

.header-v11 .dropmenu:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link .h11-mega-cat__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="left"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
  flex-direction: row !important;
  justify-content: flex-start !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="right"]:not(.menu-mode-mega):not([data-menu-mode="mega"]) .h11-submenu-link {
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
}

/* 關掉整條 a 底線，改成只畫文字底線 */
.header-v11 .header-bar .nested_nav a.h11-submenu-link:after {
  display: none !important;
  content: none !important;
}

.header-v11 .header-bar .nested_nav a.h11-submenu-link .h11-mega-cat__txt {
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

.header-v11 .header-bar .nested_nav a.h11-submenu-link .h11-mega-cat__txt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--header-color-hover, #a1a09e);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease;
}

.header-v11 .header-bar .nested_nav a.h11-submenu-link:hover .h11-mega-cat__txt:after,
.header-v11 .header-bar .nested_nav a.h11-submenu-link.active .h11-mega-cat__txt:after {
  transform: scaleX(1);
}

/* 保底覆寫：不分 flyout/mega，統一 icon 尺寸與文字底線行為 */
.header-v11 .header-bar .nested_nav a.h11-mega-cat {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat .h11-mega-cat__media {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat .h11-mega-cat__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat:after {
  display: none !important;
  content: none !important;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat .h11-mega-cat__txt {
  position: relative;
  display: inline-block;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat .h11-mega-cat__txt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--header-color-hover, #a1a09e);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.25s ease;
}

.header-v11 .header-bar .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt:after,
.header-v11 .header-bar .nested_nav a.h11-mega-cat.active .h11-mega-cat__txt:after {
  transform: scaleX(1);
}

/* flyout 圖片左右位置（由 data-flyout-thumb-pos 控制） */
.header-v11 .dropmenu[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat {
  flex-direction: row !important;
  justify-content: flex-start !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat {
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__media {
  order: 1 !important;
  margin-right: 8px !important;
  margin-left: 0 !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt {
  order: 2 !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt {
  order: 1 !important;
}

.header-v11 .dropmenu[data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat .h11-mega-cat__media {
  order: 2 !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* 行動版/動態搬移 DOM 保底：直接吃連結上的 flyout-thumb-* class */
.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-left .h11-mega-cat__media {
  order: 1 !important;
  margin-right: 8px !important;
  margin-left: 0 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-left .h11-mega-cat__txt {
  order: 2 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt {
  order: 1 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media {
  order: 2 !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* 最終保底：只要有 flyout-thumb-right，圖片一定在文字右邊（含 mega-tile） */
.header-v11 .nested_nav a.flyout-thumb-right {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

.header-v11 .nested_nav a.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .nested_nav a.flyout-thumb-right .h11-mega-tile__cap {
  order: 1 !important;
}

.header-v11 .nested_nav a.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .nested_nav a.flyout-thumb-right .h11-mega-tile__media {
  order: 2 !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

.header-v11 .nested_nav a.flyout-thumb-left {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

.header-v11 .nested_nav a.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .nested_nav a.flyout-thumb-left .h11-mega-tile__media {
  order: 1 !important;
  margin-right: 8px !important;
  margin-left: 0 !important;
}

.header-v11 .nested_nav a.flyout-thumb-left .h11-mega-cat__txt,
.header-v11 .nested_nav a.flyout-thumb-left .h11-mega-tile__cap {
  order: 2 !important;
}

/* 右側圖片最終強制版：不用 flex 順序，直接定位到右側 */
.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right {
  position: relative !important;
  display: block !important;
  padding-right: 38px !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right .h11-mega-tile__media {
  position: absolute !important;
  right: 8px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right .h11-mega-tile__cap {
  display: inline-block !important;
  margin-right: 0 !important;
}

/* 左側時回到一般流向（避免被右側規則殘留影響） */
.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-left,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-left {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding-right: 0 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-left .h11-mega-tile__media {
  position: static !important;
  transform: none !important;
  margin-right: 8px !important;
}

/* 右側圖片與左側同距離：緊貼文字後方 */
.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  padding-right: 0 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right .h11-mega-tile__cap {
  order: 1 !important;
}

.header-v11 .nested_nav a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .nested_nav a.h11-mega-tile.flyout-thumb-right .h11-mega-tile__media {
  position: static !important;
  transform: none !important;
  right: auto !important;
  top: auto !important;
  order: 2 !important;
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* mega：取消 hover 底線（覆蓋既有 :after 動畫） */
@media (min-width: 1100px) {
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-cat,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-tile,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-cat:hover,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-cat:hover,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-tile:hover,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-tile:hover {
    text-decoration: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after {
    content: none !important;
    display: none !important;
    transform: none !important;
  }
}

/* mega 最終覆寫：避免被後段 22px 通用 icon 規則蓋掉 */
@media (min-width: 1100px) {
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-cat,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-cat .h11-mega-cat__media,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
  .header-v11 .dropmenu.menu-mode-mega .nested_nav a.h11-mega-tile .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega"] .nested_nav a.h11-mega-tile .h11-mega-tile__media {
    width: 104px !important;
    height: 104px !important;
    flex: 0 0 104px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
}

/* mega-split 最終覆寫：左右欄穩定分離，右欄產品用 mega 卡片排列 */
@media (min-width: 1100px) {
  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul {
    display: block !important;
    padding: 10px 0 !important;
    margin: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    align-items: start !important;
    padding: 4px 0 !important;
    margin: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > .hassub,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > .hassub {
    grid-column: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    padding-right: 14px !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > .hassub > a.h11-mega-cat,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > .hassub > a.h11-mega-cat {
    display: block !important;
    text-align: left !important;
    padding: 4px 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > .hassub > .more,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > .hassub > .more {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > ul {
    grid-column: 2 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 6px 6px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > ul > li,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > ul > li {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > ul > a.h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > ul > a.h11-mega-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 2px !important;
    text-decoration: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul > li > ul > a.h11-mega-tile .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul > li > ul > a.h11-mega-tile .h11-mega-tile__media {
    width: 104px !important;
    height: 104px !important;
    flex: 0 0 104px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
}

/* mega-split 專用 HTML（獨立輸出，避免受 flyout/mega 舊結構干擾） */
@media (min-width: 1100px) {
  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-panel,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-panel {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 260px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-row,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-row {
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-left,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-left {
    width: 220px !important;
    min-height: 1px !important;
    padding-right: 14px !important;
    border-right: 0 !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-cat,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-cat {
    display: block !important;
    text-align: left !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    color: #1f1f1f !important;
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-cat:hover,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-cat:hover,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-cat:focus,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-cat:focus {
    text-decoration: none !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-cat.is-active,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-cat.is-active {
    color: var(--header-color-hover, #a1a09e) !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right {
    position: absolute !important;
    left: 236px !important;
    right: 0 !important;
    top: 0 !important;
    display: none !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px 8px !important;
    align-items: start !important;
    align-content: start !important;
    min-height: 220px !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-row.is-active .h11-mega-split-right,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-row.is-active .h11-mega-split-right {
    display: grid !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    text-decoration: none !important;
    gap: 10px !important;
    padding: 4px 2px !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile:hover,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile:hover {
    text-decoration: none !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__cap::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__cap::after {
    content: none !important;
    display: none !important;
  }

  /* mega-split：左右欄全部關掉底線（含舊規則的 ::after） */
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-left a,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-left a,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right a,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right a,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-left a:hover,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-left a:hover,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right a:hover,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right a:hover {
    text-decoration: none !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-left a::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-left a::after,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right a::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right a::after,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-left a *::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-left a *::after,
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right a *::after,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right a *::after {
    content: none !important;
    display: none !important;
    transform: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media {
    width: 104px !important;
    height: 104px !important;
    flex: 0 0 104px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #ececec !important;
  }
  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media img,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media:empty,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile .h11-mega-tile__media:empty {
    visibility: hidden !important; /* 沒圖也預留位置，避免卡片不齊 */
  }

  .header-v11 .dropmenu.menu-mode-mega-split .h11-mega-split-right > .h11-mega-tile.h11-mega-tile--more .h11-mega-tile__media,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] .h11-mega-split-right > .h11-mega-tile.h11-mega-tile--more .h11-mega-tile__media {
    display: none !important;
  }
}