.header-section {
  --header-column-gap: 20px;
  --header-column-gap-mobile: 8px;
  --header-nav-dropdown-menu-z-index: 2;
  position: relative;
  background-color: rgba(var(--color-background), 1);
}
.header__container-top {
  position: relative;
  box-sizing: content-box;
}
.header__container-top.divider::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  height: 1px;
  content: "";
  background-color: rgba(var(--color-entry-line), 1);
}
.header__container-top-wrap {
  position: static;
  display: grid;
  grid-template: "action-bar-left nav logo action-bar-right" auto / minmax(
      0,
      auto
    ) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--header-column-gap);
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .header__container-top-wrap {
    display: flex;
    column-gap: var(--header-column-gap-mobile);
  }
}
.header__container[layout="center_logo_wrap_menu"] .header__container-top-wrap {
  display: flex;
}
.header__container[layout^="left_logo_left_menu"] .header__container-top-wrap {
  grid-template-areas: "action-bar-left logo nav action-bar-right";
  grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
}
.header__container[layout^="left_logo_center_menu"]
  .header__container-top-wrap {
  grid-template-areas: "logo nav action-bar-right";
  grid-template-columns: 1fr minmax(0, auto) 1fr;
}
.header__container[layout="left_logo_center_menu"][type="drawer"]
  .header__container-top-wrap {
  grid-template-areas: "action-bar-left logo nav action-bar-right";
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto) 1fr;
}
.header__container[layout="center_logo_left_menu"][type="drawer"]
  .header__container-top-wrap {
  grid-template-areas: "action-bar-left logo action-bar-right";
  grid-template-columns: 1fr minmax(0, auto) 1fr;
}
.header__container-bottom {
  position: relative;
  z-index: var(--header-nav-dropdown-menu-z-index);
  display: none;
  background-color: rgb(var(--color-background));
}
.header__container[type="drawer"] .header__container-bottom {
  display: none;
}
.header__logo {
  position: relative;
  z-index: calc(var(--header-nav-dropdown-menu-z-index) + 1);
  display: flex;
  flex-shrink: 0;
  grid-area: logo;
  min-width: max-content;
  align-items: center;
  order: 20;
  transform: none;
}
.header__logo-link {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: var(--font-text-3-font-size);
  white-space: break-all;
}
.header__logo-image {
  flex-shrink: 0;
  width: var(--desktop-size);
  max-width: none;
  height: auto;
}
.transparent_logo_image{
  display:none;
  flex-shrink: 0;
  height:auto;
  width: var(--desktop-size);
  max-width: none;
}
@media (max-width: 959px) {
  .header__logo-image {
    width: var(--mobile-size);
    max-height: 100%;
  }
  .transparent_logo_image{
    width: var(--mobile-size);
  }
}
[layout^="left_logo_"] .header__logo-link {
  justify-content: flex-start;
}
.header__container[layout="center_logo_wrap_menu"] .header__action-bar {
  flex: 1;
}
[layout$="_wrap_menu"] .header__container-top ~ .header__container-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
[type="drawer"] .header__container-top ~ .header__container-bottom {
  display: none;
}

theme-nav-bar {
  display: contents;
}

.header-nav {
  grid-area: nav;
}

@media (max-width: 959px) {
  .header-nav {
    display: none !important;
  }
}

[layout="left_logo_left_menu"] .header-nav {
  order: 10;
  margin: 0 auto 0 0;
}

.header-nav__menu {
  display: flex;
  flex-wrap: wrap;
}

.header-nav__menu-item {
  --nav-menu-item-padding-block: 12px;
  box-sizing: content-box;
  max-width: 100%;
  min-height: 26px;
  margin-inline: 16px;
}
.header-nav__menu-item:has(.header-nav-dropdown-menu-scope):not(:has(.header-mega-menu)){
  position: relative;
}
.header-nav__menu-item > a {
  position: relative;
  z-index: calc(var(--header-nav-dropdown-menu-z-index) + 1);
  width: 100%;
  height: 100%;
  font-size: var(--font-text-3-font-size);
  font-weight: 700;
  color: var(--color-text);
  flex-direction: row;
  gap: 6px;
}

.header-nav_svg{
  display: none;
}

.header-nav__menu-item:has(> div) > a .header-nav_svg{
  display: block;
}


.header-nav__menu-item > a > span {
  padding: var(--nav-menu-item-padding-block) 0;
}

[layout$="_wrap_menu"] .header__container-top .header-nav {
  display: none;
}

.header-nav__underline {
  --underline-size: 2px;

  position: relative;
  display: inline-flex;
  flex-direction: column;
  white-space: nowrap;
}

.header-nav__underline::after {
  display: block;
  width: 0;
  height: var(--underline-size);
  pointer-events: none;
  content: "";
  background-color: rgb(var(--color-text));
  transition: width 200ms ease-in;
  position: absolute;
  bottom: 0;
}

.header-nav .header-nav__underline::after {
  display: none;
}

.header-nav-dropdown-menu .header-nav__underline::after,
.header-nav-dropdown-panel .header-nav__underline::after {
  inset-block-end: 0;
}

.header-nav__underline:hover::after,
.header-nav__underline-control:hover > .header-nav__underline::after,
.header-nav__underline-scope:hover
  > .header-nav__underline-control
  > .header-nav__underline::after {
  width: 100%;
}

.header-nav__ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  white-space: normal;
  -webkit-box-orient: vertical;
}

.header-nav-dropdown-menu-scope {
  position: absolute;
  inset-block-start: 0;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  transition:
    pointer-events 0s 0.3s,
    transform 0.3s ease;
  transform: translate(calc(var(--nav-menu-item-padding-block) * -1), 100%);
}

header:hover .header-nav-dropdown-menu-scope {
  pointer-events: all;
}

.header-nav-dropdown-menu {
  position: relative;
  box-sizing: content-box;
  display: inline-flex;
  width: 100%;
}
.header-nav-dropdown-menu::before{
  content: '';
  width: 100%;
  position: absolute;
  top: -20px;
  height: 30px;
  display: block;
}
.header-nav-dropdown-menu__menu {
  padding-block: 10px;
  background-color: rgb(var(--color-background));
  box-shadow: 0 10px 20px -10px rgb(0 0 0 / 10%);
}

.header-nav-dropdown-menu__hero {
  display: inline-flex;
  flex: 1;
  width: max-content;
  min-width: 168px;
  max-width: 360px;
  padding: 4px 20px;
  font-size: var(--font-text-3-font-size);
  line-height: 1.625;
  color: rgb(var(--color-text));
  transition: color 200ms ease-in;
}

.header-nav-dropdown-panel {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  top:40px;
}

.header-nav-dropdown-panel__menu {
  position: absolute;
  z-index: var(--header-nav-dropdown-menu-z-index);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  width: 100%;
  padding: 40px;
  background-color: rgb(var(--color-background));
  box-shadow: 0 10px 20px -10px rgb(0 0 0 / 10%);
}

.header-nav-dropdown-panel__menu > li {
  flex: 1 1 200px;
  min-width: 200px;
  max-width: 460px;
  padding-inline-end: 15px;
}

.header-nav-dropdown-panel__menu > li > .header-nav__underline-scope {
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}

.header-nav-dropdown-panel__hero {
  flex: 1;
  margin-block-end: 15px;
  color: rgb(var(--color-text));
}

.header-nav-dropdown-panel__link {
  display: inline-flex;
  flex: 1;
  max-width: 100%;
  padding: 4px 15px 4px 0;
  font-size: var(--font-text-3-font-size);
  line-height: 1.625;
  color: rgb(var(--color-text));
  transition: color 200ms ease-in;
}

.header-nav-dropdown-panel__hero > .header-nav__underline,
.header-nav-dropdown-panel__link > .header-nav__underline {
  max-width: 100%;
}

.header-nav-dropdown-panel__submenu {
  display: flex;
  flex-direction: column;
}

.header-nav-dropdown-panel__submenu > li {
  display: flex;
  flex: 1;
  max-width: 100%;
}

.header-nav-dropdown-menu,
.header-nav-dropdown-panel {
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity 200ms ease-in,
    transform 200ms ease-in;
  transform: translateY(-10px);
}

.header-nav__menu-item.open .header-nav-dropdown-menu,
.header-nav__menu-item.open .header-nav-dropdown-panel {
  z-index: var(--header-nav-dropdown-menu-z-index);
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}

:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky) theme-sticky-header:not(.is-solid):not(:hover) .header__logo-image{
  display: none;
}
:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky) theme-sticky-header:not(.is-solid):not(:hover) .transparent_logo_image{
  display: block;
}

:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky)  theme-sticky-header:not(.is-solid) .header-section{
  position: absolute;
  width: 100%;
}
:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky)  theme-sticky-header:not(.is-solid):not(:hover) .header-section{
  background-color:transparent;
}

:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky) theme-sticky-header:not(.is-solid):not(:hover) .header-section .header-nav__underline,
:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky) theme-sticky-header:not(.is-solid):not(:hover) .header-section .header__logo-link,
:root:has(section[allow-transparent-header]) #shopline-section-sections--header-group__header:not(.theme-sticky-header--sticky) theme-sticky-header:not(.is-solid):not(:hover) .header-section .header-action-bar{
  color: #ffffff;
}

header-layout .mega-menu-container{
  display: none;
}

header-layout .header-mega-menu{
  display: none;
  padding-block: 30px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: rgb(var(--color-background));
}

header-layout .header-mega-menu-container{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}
header-layout .header-nav__menu-item.open .header-mega-menu{
  display: block;
}
header-layout .mega-menu-item{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

header-layout .mega-menu-image{
  border-radius: 5px;
}

header-layout .header-mega-menu::before {
  content: '';
  position: absolute;
  top: -30px;          /* 覆盖一级菜单到子菜单的空隙 */
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 3;
}

header-layout .mega-menu-text{
  display: flex;
}
header-layout .mega-menu-text span::after {
  display: block;
  width: 0;
  height: 1px;
  pointer-events: none;
  content: "";
  background-color: rgb(var(--color-text));
  transition: width 200ms ease-in;
}

header-layout .mega-menu-item:hover .mega-menu-text span::after{
  width: 100%;
}

header-layout{
  display: block;
}

header-layout .header-site-group{
  position: relative;
  flex-shrink: 0;
}
header-layout .header-site-item{
  display: flex;
  gap: 5px;
  align-items: center;
}

header-layout .header-site-dropdown{
  width: max-content;
  position: absolute;
  background-color: rgba(var(--color-background));
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  display: none;
}

header-layout .site-icon{
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

header-layout .header-site-group:hover .header-site-dropdown{
  display: flex;
}

header-layout .site-dropdown-icon{
  display: flex;
  align-items: center;
  justify-content: center;
}
header-layout .site-dropdown-icon svg{
  transform: rotate(0deg);
  transition: transform 0.3s ease-in;
}

header-layout .header-site-group:hover .header-site-main .site-dropdown-icon svg{
  transform: rotate(180deg);
}

.header-nav__menu-item:has(.header-mega-menu) .header-nav-dropdown-menu-scope{
  display: none;
}

/* Draft-owned shopping navigation: shared desktop/mobile content, no app setting changes. */
.xod-menu {color:#202020;text-align:left;}
.xod-menu--desktop {grid-area:nav;display:flex;align-items:center;gap:22px;white-space:nowrap;}
.xod-menu summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:600;min-height:48px;}
.xod-menu summary::-webkit-details-marker {display:none;}
.xod-menu-chevron {width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:0 3px 4px;}
.xod-menu-group[open]>summary .xod-menu-chevron {transform:rotate(225deg);margin-bottom:0;}
.xod-menu a {color:inherit;text-decoration:none;}
.xod-menu--desktop>a {display:flex;align-items:center;min-height:48px;font-size:15px;font-weight:600;}
.xod-menu a:hover,.xod-menu summary:hover,.xod-menu-group[open]>summary {color:#8b5700;}
.xod-menu a:focus-visible,.xod-menu summary:focus-visible {outline:2px solid #9a6400;outline-offset:3px;border-radius:2px;}
.xod-menu-panel {position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #e6e6e3;border-bottom:1px solid #e6e6e3;box-shadow:0 16px 30px rgb(0 0 0 / 12%);padding:32px max(32px,calc((100vw - 1320px) / 2));display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:32px;white-space:normal;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;}
.xod-menu-panel h3 {font-size:13px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;margin:0 0 14px;color:#595954;line-height:1.4;}
.xod-menu-column>a {display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:44px;padding:9px 0;font-size:15px;line-height:1.35;}
.xod-menu-column small {font-size:12px;color:#666;line-height:1.4;font-weight:400;}
.xod-menu-panel--brakes .xod-menu-column:first-child>a {font-weight:700;font-size:19px;}
.xod-menu-feature img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0 0 16px;}
.xod-menu-feature h3,.xod-menu-note h3 {font-size:20px;line-height:1.25;letter-spacing:0;text-transform:none;color:#222;margin-bottom:10px;}
.xod-menu-panel p {font-size:14px;line-height:1.6;color:#5c5c57;margin:0 0 12px;}
.xod-menu-feature>a,.xod-menu-note>a {display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.xod-menu-note {background:#f1f1ed;padding:24px;align-self:start;}
.xod-menu-panel--help {grid-template-columns:1fr 1fr 1.1fr;}
.xod-menu-panel--about {grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(680px,calc(100vw - 48px));max-width:680px;margin-inline:auto;padding:28px;gap:28px;box-sizing:border-box;}
.header-section:has(.xod-menu) {background:#fff;color:#202020;}
.header-section:has(.xod-menu) .header__logo-image {width:112px;height:40px;object-fit:cover;}
.header-section:has(.xod-menu) .header__container-top-wrap {padding-block:14px;min-height:72px;box-sizing:border-box;}
.header-nav-drawer:has(.xod-menu) .header-nav-drawer__content {overflow-y:auto;overscroll-behavior:contain;}
.xod-mobile-menu-wrap {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
.xod-menu--mobile {display:block;padding:12px 20px 28px;}
.xod-menu--mobile>.xod-menu-group {border-bottom:1px solid #e5e5e0;}
.xod-menu--mobile summary {font-size:17px;min-height:54px;}
.xod-menu--mobile>.xod-menu-group[open]>summary {color:#8b5700;}
.xod-menu--mobile>a {display:flex;align-items:center;min-height:54px;font-weight:600;font-size:17px;}
.xod-menu--mobile .xod-menu-panel {position:static;display:block;padding:8px 0 20px;border:0;box-shadow:none;max-height:none;overflow:visible;}
.xod-menu--mobile .xod-menu-column {margin-bottom:20px;}
.xod-menu--mobile .xod-menu-column h3 {margin:8px 0;color:#777;}
.xod-menu--mobile .xod-menu-column>a {min-height:46px;padding:10px 0;font-size:16px;}
.xod-menu--mobile .xod-menu-column small {font-size:12px;}
.xod-menu--mobile .xod-menu-feature {display:none;}
.xod-menu--mobile .xod-menu-note {padding:18px;}
body:has(.header-nav-drawer.open .xod-menu) #member-system-plugin,
body:has(.header-nav-drawer.open .xod-menu) #seel-ai-support,
body:has(.header-nav-drawer.open .xod-menu) #advc-backTop,
body:has(.header-nav-drawer.open .xod-menu) .advc-footer-tab {display:none!important;}
@media(min-width:960px) and (max-width:1199px){
 .xod-menu--desktop {gap:12px;}
 .xod-menu--desktop summary,.xod-menu--desktop>a {font-size:13px;}
 .header-section:has(.xod-menu) {--header-column-gap:12px;}
 .header-section:has(.xod-menu) .header__logo-image {width:88px;height:32px;}
 .xod-menu-panel {padding:24px;gap:24px;}
}
@media(max-width:959px){
 .xod-menu--desktop {display:none!important;}
 .header-section:has(.xod-menu) .header__logo-image {width:88px;height:32px;}
 .header-section:has(.xod-menu) .header__container-top-wrap {padding-block:10px;min-height:64px;}
}

.xod-menu-column {background:transparent;}
.header-nav-drawer:has(.xod-menu) .header-nav-drawer__content {background:#fff;}

/* Keep established series links in a quiet, full-width row below the primary choices. */
.xod-menu-series {grid-column:1 / -1;border-top:1px solid #e6e6e3;padding-top:8px;margin-top:-8px;}
.xod-menu-series>summary {font-size:14px;font-weight:600;justify-content:flex-start;min-height:44px;}
.xod-menu-series>summary::after {content:'+';margin-left:8px;}
.xod-menu-series[open]>summary::after {content:'−';}
.xod-menu-series>div {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px;padding-top:4px;}
.xod-menu-series a {display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px;line-height:1.4;box-sizing:border-box;}
@media(min-width:960px) and (max-width:1199px){
 .xod-menu-series>div {grid-template-columns:repeat(3,minmax(0,1fr));}
}
.xod-menu--mobile .xod-menu-series {margin-top:0;}
.xod-menu--mobile .xod-menu-series>summary {font-size:15px;min-height:48px;}
.xod-menu--mobile .xod-menu-series>div {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;}
.xod-menu--mobile .xod-menu-series a {min-height:48px;}

/* Compact About panel must not inherit the viewport-wide menu gutters. */
.xod-menu--desktop .xod-menu-panel--about .xod-menu-column,
.xod-menu--desktop .xod-menu-panel--about .xod-menu-note {min-width:0;}
.xod-menu--desktop .xod-menu-panel--about .xod-menu-note {padding:22px;}
.xod-menu--mobile .xod-menu-panel--about {width:auto;max-width:none;margin:0;}

/* Keep preview controls outside the menu's usable scroll area. */
body:has([class*="password-module_container__"]) .xod-menu--desktop .xod-menu-panel {
  max-height:calc(100dvh - 214px);
}
body:has([class*="password-module_container__"]) .header-nav-drawer:has(.xod-menu) .header-nav-drawer__content {
  height:calc(100dvh - 64px);
  max-height:calc(100dvh - 64px);
}
.xod-mobile-menu-wrap {overflow-anchor:none;scroll-padding-block:12px;}

/* Shared desktop and mobile campaign entry. */
.xod-menu > .xod-campaign-link { color: #875000; gap: 3px; line-height: 1.25; }
.xod-menu--desktop > .xod-campaign-link { flex-direction: column; align-items: flex-start; justify-content: center; }
.xod-campaign-link small { display: inline-block; width: fit-content; padding: 3px 6px; border-radius: 4px; background: #fff0ce; color: #754400; font-size: 10px; font-weight: 700; letter-spacing: .03em; line-height: 1.2; }
.xod-menu--mobile > .xod-campaign-link { justify-content: space-between; padding: 12px; margin-bottom: 8px; border-radius: 6px; background: #fff7e8; }
.xod-menu--mobile > .xod-campaign-link small { font-size: 11px; }

@media (min-width:960px) and (max-width:1023px) {
  .xod-menu--desktop { gap: 6px; }
  .xod-menu--desktop > .xod-menu-group > summary,
  .xod-menu--desktop > a { font-size: 12px; }
}

/* XOD menu group title case */
.xod-menu-column > h3 { text-transform: capitalize; font-weight: 800; }