/* header-11：menu-mode-flyout / h11-more-dropmenu 專用（勿與 mega / mega-split 混用） */
@media (min-width: 1100px) {
  /* flyout：支援縮圖顯示 + 左右位置 */
  .header-v11 .dropmenu.menu-mode-flyout .h11-submenu-link,
.header-v11 .dropmenu[data-menu-mode="flyout"] .h11-submenu-link,
.header-v11 .dropmenu.h11-more-dropmenu .h11-submenu-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .header-v11 .dropmenu.menu-mode-flyout .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu .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: color-mix(in srgb, var(--header-color-main, #4e8e8b) 10%, transparent);
  }

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

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

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

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

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

.header-v11 .dropmenu.menu-mode-flyout .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu .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.menu-mode-flyout .h11-submenu-link .h11-mega-cat__media img,
.header-v11 .dropmenu[data-menu-mode="flyout"] .h11-submenu-link .h11-mega-cat__media img,
.header-v11 .dropmenu.h11-more-dropmenu .h11-submenu-link .h11-mega-cat__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* flyout 關閉縮圖：全斷點與桌機一致（勿僅限 min-width: 1100px） */
.header-v11 .dropmenu.menu-mode-flyout[data-flyout-thumb="0"] .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb="0"] .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu[data-flyout-thumb="0"] .h11-submenu-link .h11-mega-cat__media,
.header-v11 .dropmenu.menu-mode-flyout[data-flyout-thumb="0"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb="0"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu[data-flyout-thumb="0"] .nested_nav a.h11-mega-cat .h11-mega-cat__media {
  display: none !important;
}

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

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

/* flyout 第二/三層：h11-mega-tile 改用小 icon（與第一層 h11-submenu-link 一致；排除 mega / mega-split 產品格） */
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__media,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__media,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__media,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__media {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: transparent !important;
  margin-top: 1px;
}

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

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

.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap {
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

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

.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile .h11-mega-tile__cap:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile .h11-mega-tile__cap: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 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile:hover .h11-mega-tile__cap:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav ul ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav ul ul ul a.h11-mega-tile.active .h11-mega-tile__cap:after {
  transform: scaleX(1);
}

/* 關掉整條 a 底線，改成只畫文字底線（僅 flyout） */
.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link:after {
  display: none !important;
  content: none !important;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link .h11-mega-cat__txt {
  position: relative;
  display: inline-block;
  line-height: 1.3;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .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 .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link.active .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link.active .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link.active .h11-mega-cat__txt:after {
  transform: scaleX(1);
}

/* flyout：小 icon 與文字底線 */
.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu .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 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat .h11-mega-cat__media img,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__media img,
.header-v11 .dropmenu.h11-more-dropmenu .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 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat:after {
  display: none !important;
  content: none !important;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat .h11-mega-cat__txt {
  position: relative;
  display: inline-block;
}

.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .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 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt:after,
.header-v11 .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat.active .h11-mega-cat__txt:after,
.header-v11 .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat.active .h11-mega-cat__txt:after,
.header-v11 .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat.active .h11-mega-cat__txt:after {
  transform: scaleX(1);
}

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

.header-v11 .dropmenu.menu-mode-flyout[data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat,
.header-v11 .dropmenu.h11-more-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.menu-mode-flyout[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-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.menu-mode-flyout[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu[data-flyout-thumb-pos="left"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt {
  order: 2 !important;
}

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

.header-v11 .dropmenu.menu-mode-flyout[data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"][data-flyout-thumb-pos="right"] .nested_nav a.h11-mega-cat .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-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 .dropmenu.menu-mode-flyout a.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.flyout-thumb-left .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.flyout-thumb-left .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-left,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-left,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-left .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__txt,
.header-v11 .dropmenu.h11-more-dropmenu 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 .dropmenu.menu-mode-flyout a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu[data-menu-mode="flyout"] a.h11-mega-cat.flyout-thumb-right .h11-mega-cat__media,
.header-v11 .dropmenu.h11-more-dropmenu 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;
}

@media (min-width: 1100px) {
  /* flyout 第一層子項 .more：覆寫 h11-has-deep 的整列高度 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep > ul > li > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep > ul > li > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep > ul > li > .hassub > .more {
    position: absolute !important;
    right: clamp(16px, 1.4vw, 22px) !important;
    top: 50% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    transform: translateY(-50%) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep .hassub > a {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: calc(28px + 12px + clamp(16px, 1.4vw, 22px)) !important;
  }
}

@media (min-width: 1100px) {
  /* 維持 in_nav_2 的 position:fixed；僅放開 overflow 讓 flyout 可超出頁首框 */
  .inpage.inpage-header.site-theme-1:has(.header-v11),
  body.mini-header .inpage.inpage-header:has(.header-v11) {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 102 !important;
    overflow: visible !important;
  }

  .inpage.inpage-header.site-theme-1:has(.header-v11) .header.header-v11,
  body.mini-header .inpage.inpage-header:has(.header-v11) .header.header-v11 {
    overflow: visible !important;
  }

  /* mini-header：flyout 維持 dropmenu 錨點，提高層級 */
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep {
    top: var(--h11-drop-anchor) !important;
    z-index: 200 !important;
  }

  /* 蓋 in_nav_2：展開時第一層 ul 必須可見（mini-header 亦同） */
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active > ul,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active > ul,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.active > ul,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active > ul.dsk-open,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active > ul.dsk-open,
  body.mini-header .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.active > ul.dsk-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* =========================
   v11 flyout：第一層維持原樣，子選單改下方垂直清單（Category 下拉樣式）
   ========================= */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"],
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu {
    --h11-pill-bg: var(--theme11-main, var(--header-color-black, #003035));
    --h11-pill-fg: var(--theme11-active-text, var(--header-color-main, #f5e1c8));
    --h11-drop-bg: var(--theme11-paper, #fff);
    --h11-drop-border: var(--theme11-main, var(--header-color-black, #003035));
    --h11-drop-fg: var(--theme11-text, var(--color-text, var(--theme11-main, #003035)));
    --h11-drop-w-min: clamp(110px, 9vw, 160px);
    --h11-drop-w-max: min(92vw, clamp(220px, 18vw, 320px));
    --h11-drop-sub-w-min: clamp(100px, 8vw, 140px);
    --h11-drop-sub-w-max: min(92vw, clamp(200px, 16vw, 280px));
    --h11-drop-gap: 16px;
    --h11-drop-anchor: calc(50% + 0.65em + var(--h11-drop-gap));
    --h11-drop-font-size: clamp(14px, 0.95vw, 16px);
    --h11-drop-font-weight: 500;
    --h11-drop-line-height: 1.35;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep {
    position: absolute !important;
    top: var(--h11-drop-anchor) !important;
    left: 0 !important;
    right: auto !important;
    z-index: 160 !important;
    width: max-content !important;
    min-width: var(--h11-drop-w-min) !important;
    max-width: var(--h11-drop-w-max) !important;
    display: block !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
    transition: opacity 0.18s ease, visibility 0.18s ease !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.active {
    transform: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep {
    width: max-content !important;
    min-width: var(--h11-drop-w-min) !important;
    max-width: var(--h11-drop-w-max) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul {
    display: flex !important;
    flex-direction: column !important;
    grid-auto-flow: unset !important;
    grid-template-rows: unset !important;
    grid-auto-columns: unset !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: var(--h11-drop-w-max) !important;
    min-height: 0 !important;
    max-height: min(70vh, 420px) !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border: 1.5px solid var(--h11-drop-border) !important;
    border-radius: 14px !important;
    background: var(--h11-drop-bg) !important;
    color: var(--h11-drop-fg) !important;
    box-shadow: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep > ul {
    overflow: visible !important;
    max-height: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > .back,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > .back,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > .back,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav .h11-submenu-pager,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav .h11-submenu-pager,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav .h11-submenu-pager {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li {
    width: max-content !important;
    min-width: 100% !important;
    max-width: var(--h11-drop-w-max) !important;
    list-style: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px clamp(16px, 1.4vw, 22px) !important;
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: var(--h11-drop-font-size) !important;
    font-weight: var(--h11-drop-font-weight) !important;
    line-height: var(--h11-drop-line-height) !important;
    text-decoration: none !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > a:hover {
    background: transparent !important;
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > a:before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > a:before {
    display: none !important;
    content: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav .h11-pill-count,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav .h11-pill-count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85em;
    height: 1.85em;
    padding: 0 0.35em;
    border-radius: 999px;
    background: var(--h11-pill-bg);
    color: var(--h11-pill-fg);
    font-size: 0.78em;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }

  /* flyout：hassub 橫列，.more 靠右緣 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > .hassub {
    padding: 0 !important;
    text-align: left !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > .hassub > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 14px calc(28px + 12px + clamp(16px, 1.4vw, 22px)) 14px clamp(16px, 1.4vw, 22px) !important;
    gap: 8px !important;
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: var(--h11-drop-font-size) !important;
    font-weight: var(--h11-drop-font-weight) !important;
    line-height: var(--h11-drop-line-height) !important;
    background: transparent !important;
    white-space: nowrap !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub > a:before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub > a:before {
    display: none !important;
    content: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub:hover > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub:hover > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li:hover > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li:hover > .hassub > a {
    background: transparent !important;
  }

  /* flyout：hassub .more 固定正圓，靠列右緣 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub > .more {
    position: absolute !important;
    right: clamp(16px, 1.4vw, 22px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    border-radius: 50% !important;
    flex: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub > .more {
    background: var(--h11-pill-bg) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > .hassub > .more:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > .hassub > .more:after {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--h11-pill-fg) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub {
    padding: 0 !important;
    text-align: left !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    padding: 16px calc(28px + 22px) 16px 22px !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul {
    --h11-drop-hover-bg: color-mix(in srgb, var(--h11-drop-fg) 7%, var(--h11-drop-bg));
    position: absolute !important;
    left: calc(100% + 10px) !important;
    top: 0 !important;
    padding: 10px 0 !important;
    border: 1.5px solid var(--h11-drop-border) !important;
    border-radius: 20px !important;
    background: var(--h11-drop-bg) !important;
    box-shadow: none !important;
    overflow: visible !important;
    min-width: var(--h11-drop-sub-w-min) !important;
    width: max-content !important;
    max-width: var(--h11-drop-sub-w-max) !important;
    color: var(--h11-drop-fg) !important;
    z-index: 90 !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > ul {
    position: absolute !important;
    left: calc(100% + 10px) !important;
    top: 0 !important;
    margin-top: 0 !important;
    z-index: 90 !important;
    padding: 6px 0 !important;
    border: 1.5px solid var(--h11-drop-border) !important;
    border-radius: 14px !important;
    background: var(--h11-drop-bg) !important;
    box-shadow: none !important;
    min-width: var(--h11-drop-sub-w-min) !important;
    width: max-content !important;
    max-width: var(--h11-drop-sub-w-max) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > .back,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > .back,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > .back {
    display: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li {
    position: relative !important;
    width: 100% !important;
    list-style: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 14px clamp(16px, 1.4vw, 22px) !important;
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: var(--h11-drop-font-size) !important;
    font-weight: var(--h11-drop-font-weight) !important;
    line-height: var(--h11-drop-line-height) !important;
    text-decoration: none !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li:hover {
    background: transparent !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > a:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li:hover > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li:hover > .hassub > a {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    background: transparent !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > a:before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > a:before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > a:before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > a:before {
    display: none !important;
    content: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul .h11-mega-tile__cap {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
  }

  /* flyout：hover 底線僅文字寬度（勿讓 __txt 被 flex 撐滿整列） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link {
    justify-content: flex-start !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-tile .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-tile .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep .hassub > a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep .hassub > a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.h11-has-deep .hassub > a .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.h11-has-deep .hassub > a .h11-mega-tile__cap {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    position: relative !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-tile .h11-mega-tile__cap::after {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    background: var(--h11-drop-border, var(--header-color-hover, #a1a09e)) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-submenu-link .h11-mega-cat__txt::after {
    background: var(--h11-drop-border) !important;
    bottom: -6px !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav ul ul > li:hover > a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul > li:hover > a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav ul ul > li:hover > .hassub > a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul > li:hover > .hassub > a.h11-submenu-link .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav ul ul a.h11-submenu-link:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul a.h11-submenu-link:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav ul ul > li > .hassub > a.h11-submenu-link:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav ul ul > li > .hassub > a.h11-submenu-link:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a.h11-mega-cat:hover .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav > ul > li:hover > .hassub > a.h11-mega-cat .h11-mega-cat__txt::after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav > ul > li:hover > .hassub > a.h11-mega-cat .h11-mega-cat__txt::after {
    transform: scaleX(1) !important;
  }

  /* 第二層有子項：正圓箭頭緊貼文字 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub {
    position: relative !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > .more {
    background: var(--h11-pill-bg) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 3 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.18s ease, visibility 0.18s ease !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li:hover > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li:hover > .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub:hover > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub:hover > .more {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li > .hassub > .more:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li > .hassub > .more:after {
    width: 8px !important;
    height: 8px !important;
    background-color: var(--h11-pill-fg) !important;
  }

  /* 第三層沿用第二層面板風格 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul ul {
    position: absolute !important;
    left: calc(100% + 10px) !important;
    top: 0 !important;
    z-index: 95 !important;
    padding: 10px 0 !important;
    border: 1.5px solid var(--h11-drop-border) !important;
    border-radius: 20px !important;
    background: var(--h11-drop-bg) !important;
    box-shadow: none !important;
    overflow: visible !important;
    color: var(--h11-drop-fg) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .h11-mega-tile__cap {
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  /* More 收納選單：下拉左緣與觸發按鈕左緣對齊 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.h11-has-deep {
    left: 0 !important;
    right: auto !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul ul a {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: var(--h11-drop-font-size) !important;
    font-weight: var(--h11-drop-font-weight) !important;
    line-height: var(--h11-drop-line-height) !important;
    padding: 16px 22px !important;
    background: transparent !important;
    border: 0 !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul > li:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul > li:hover {
    background: var(--h11-drop-hover-bg, color-mix(in srgb, var(--h11-drop-fg) 7%, var(--h11-drop-bg))) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul .h11-mega-tile__cap {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
  }
}

@media (max-width: 1099px) {
  /* 行動版只用 ul/flyout；mega-split 桌機面板隱藏 */
  .header-v11 .dropmenu .h11-mega-split-panel {
    display: none !important;
  }

  .header-v11 .dropmenu.menu-mode-mega-split > .nested_nav > ul,
  .header-v11 .dropmenu[data-menu-mode="mega-split"] > .nested_nav > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"],
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu {
    --h11-pill-bg: var(--theme11-main, var(--header-color-black, #003035));
    --h11-pill-fg: var(--theme11-active-text, var(--header-color-main, #f5e1c8));
    --h11-drop-bg: var(--theme11-paper, #fff);
    --h11-drop-border: var(--theme11-main, var(--header-color-black, #003035));
    --h11-drop-fg: var(--theme11-text, var(--color-text, var(--theme11-main, #003035)));
    --h11-drop-font-size: clamp(14px, 0.95vw, 16px);
    --h11-drop-font-weight: 500;
    --h11-drop-line-height: 1.35;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.active > ul {
    width: max-content !important;
    min-width: clamp(120px, 44vw, 200px) !important;
    max-width: min(88vw, 280px) !important;
    margin: 8px 0 0 calc(var(--pd-inside-xs) + 14px) !important;
    padding: 6px 0 !important;
    border: 1.5px solid var(--h11-drop-border) !important;
    border-radius: 14px !important;
    background: var(--h11-drop-bg) !important;
    box-shadow: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav.active > ul > li > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav.active > ul > li > .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav.active > ul > li > .hassub > a {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul ul {
    --h11-drop-hover-bg: color-mix(in srgb, var(--h11-drop-fg) 7%, var(--h11-drop-bg));
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--h11-drop-fg) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul ul > li:hover,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul ul > li:hover {
    background: var(--h11-drop-hover-bg) !important;
  }

  /* 第三層及以下（> ul ul a 涵蓋所有更深層級）：上下間距對齊第二層 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul ul a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul ul a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul ul a {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: clamp(16px, 4.2vw, 20px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    padding: 12px 18px 16px !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul ul a .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul ul a .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul ul a .h11-mega-tile__cap,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul ul a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul ul a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul ul a .h11-mega-cat__txt {
    color: var(--h11-drop-fg) !important;
    -webkit-text-fill-color: var(--h11-drop-fg) !important;
    font-size: clamp(16px, 4.2vw, 20px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }
}

/* =========================
   flyout 最終覆寫（蓋過 in_nav_2 / h11-has-deep 殘留）
   ========================= */
@media (min-width: 1100px) {
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li {
    position: relative !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub {
    display: block !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub > a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub > a {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: calc(28px + 12px + clamp(16px, 1.4vw, 22px)) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub > a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub > a .h11-mega-cat__txt,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub > a .h11-mega-cat__txt {
    flex: 0 1 auto !important;
    text-align: left !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav .hassub > .more,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav .hassub > .more {
    position: absolute !important;
    right: clamp(16px, 1.4vw, 22px) !important;
    top: 50% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    transform: translateY(-50%) !important;
    flex: none !important;
  }

  /* flyout 全層連結字級統一（蓋過 .nested_nav a 16–20px） */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu .nested_nav a {
    font-size: var(--h11-drop-font-size) !important;
    font-weight: var(--h11-drop-font-weight) !important;
    line-height: var(--h11-drop-line-height) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout .nested_nav a:after,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] .nested_nav a:after {
    display: none !important;
    content: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > ul {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li:focus-within > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li:focus-within > ul {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 第二層以下：JS .dsk-open 須蓋過首層 li > ul 預設收合 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul.dsk-open,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul.dsk-open,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul.dsk-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
  }

  /* 第三層：預設收合 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul ul {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* 第三層：hover / focus-within / .dsk-open 展開 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul > li:hover > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul > li:focus-within > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul > li:focus-within > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul.dsk-open,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul.dsk-open,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul ul.dsk-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* ponytail: left 留白 10px，透明 bridge 維持 li :hover，避免移入子面板時第三層閃退 */
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav > ul > li > ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav > ul > li > ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav > ul > li > ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav ul ul ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav ul ul ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav ul ul ul::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 100% !important;
    width: 12px !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav li.h11-open-left > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav li.h11-open-left > ul,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav li.h11-open-left > ul {
    left: auto !important;
    right: calc(100% + 10px) !important;
  }

  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.menu-mode-flyout > .nested_nav li.h11-open-left > ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu[data-menu-mode="flyout"] > .nested_nav li.h11-open-left > ul::before,
  .header-v11 .header-bar > .main_nav.nav-horizontal > .dropmenu.h11-more-dropmenu > .nested_nav li.h11-open-left > ul::before {
    right: auto !important;
    left: 100% !important;
  }

  /* 行動版：第二層（外框內）與第三層以下連結，上下間距統一 */
  .header-v11 .nested_nav.active > ul > li > a,
  .header-v11 .nested_nav.active > ul > li > .hassub > a,
  .header-v11 .nested_nav ul ul a,
  .header-v11 .nested_nav ul ul ul a,
  .header-v11 .nested_nav ul ul ul ul a {
    padding: 12px 18px 16px !important;
    box-sizing: border-box !important;
  }

  .header-v11 .nested_nav ul ul a {
    padding-left: 18px !important;
  }

  .header-v11 .nested_nav ul ul ul a {
    padding-left: 28px !important;
  }

  .header-v11 .nested_nav ul ul ul ul a {
    padding-left: 38px !important;
  }

  .header-v11 .nested_nav ul ul a .h11-mega-tile__cap,
  .header-v11 .nested_nav ul ul a .h11-mega-cat__txt,
  .header-v11 .nested_nav ul ul ul a .h11-mega-tile__cap,
  .header-v11 .nested_nav ul ul ul a .h11-mega-cat__txt,
  .header-v11 .nested_nav ul ul ul ul a .h11-mega-tile__cap,
  .header-v11 .nested_nav ul ul ul ul a .h11-mega-cat__txt {
    padding: 0 !important;
  }
}