.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);
}

body.has-fullscreen-hero theme-sticky-header {
  position: fixed;
  inset-block-start: var(--fullscreen-hero-top-bar-offset, 104px);
  inset-inline: 0;
  z-index: calc(var(--z-index-header-sticky-layer, 1000) + 30);
  height: 0 !important;
}

body.has-fullscreen-hero theme-sticky-header.theme-sticky-header--sticky > .header-section,
body.has-fullscreen-hero theme-sticky-header.theme-sticky-header--sticky-collapse > .header-section {
  position: relative;
  inset-block-start: auto;
  left: auto;
  width: auto;
  animation: none;
  transform: none;
  box-shadow: none;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting theme-sticky-header > .header-section {
  --color-background: 255, 255, 255;
  --color-text: 0, 0, 0;
  --color-entry-line: 0, 0, 0;

  color: #000;
  background-color: #fff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
}

body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header__logo-link,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header__logo-text,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-nav__menu-item > a,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-action-bar,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-action-bar a,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-action-bar button {
  color: #000 !important;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-action-bar svg,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .header-action-bar svg path,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .cart-bubble svg,
body.has-fullscreen-hero:not(.fullscreen-hero-past).fullscreen-hero-header-interacting .cart-bubble svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) theme-sticky-header > .header-section {
  color: #fff;
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-section {
  --color-text: 255, 255, 255;
  --color-entry-line: 255, 255, 255;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__container,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__container-top,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__container-top-wrap {
  background-color: transparent;
}

@media (max-width: 959px) {
  body.has-fullscreen-hero theme-sticky-header {
    inset-block-start: 0;
  }
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__logo-link,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__logo-text,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-nav__menu-item > a,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-action-bar,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-action-bar a,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-action-bar button {
  color: #fff !important;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-action-bar svg,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-action-bar svg path,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .cart-bubble svg,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .cart-bubble svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header__container-top.divider::after {
  background-color: transparent;
}

body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-nav-dropdown-menu,
body.has-fullscreen-hero:not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting) .header-nav-dropdown-panel {
  color: rgb(var(--color-text));
}


/* 濠电偛顕慨鎾箠韫囨稏鈧線骞嬮敂绛嬫闂侀潧绻堥崺鍕閸岀偞鈷掗柛娑卞枛婵本淇婇銏㈢劯闁绘侗鍣ｅ畷姗€骞撻幒妤€褰欐繝鐢靛仜椤︻參宕濆畝鍕煑闁糕剝绋掗敓?wishlist 闂傚鍋勫ú銈夊疮椤愶附鍤嬪ù鍏兼綑閻愬﹪鏌ｉ幇闈涘闁搞劌銈搁弻銊モ槈濡厧鈪卞ù婊勭洴閺屾盯寮拠鎻掝瀷濡炪倕娴氶崜姘辩矚閸楃偐鏀介柛顐ゅ枑閻ｎ剟姊洪崫鍕仼濠⒀傜矙婵￠潧顫濋懜鍨珫?*/
@media (min-width: 960px) {
  .header-action-bar .wishlist-box,
  .header-action-bar [class*="wishlist_header"],
  .header-action-bar [class*="wishlist-box"],
  .header-action-bar [id*="HeaderBtnBox"],
  .header-action-bar [class*="HeaderBtnBox"] {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .header-action-bar [id*="HeaderBtnBox"]:not([data-relocated-to-top-bar]),
  .header-action-bar [class*="HeaderBtnBox"]:not([data-relocated-to-top-bar]),
  .header-action-bar [class*="wishlist_header"]:not([data-relocated-to-top-bar]) {
    display: none !important;
  }
}

/* 婵°倗濮烽崑娑㈠疮閼愁垬浜归柡澶嬪灍閺嬫牠鏌曟繛鍨姎閿?wishlist 闂備礁婀遍…鍫ニ囬悽绋跨闁规儼濮ら弲顒佹叏濮楀棗浜為柣顓炵焸閺岀喓鎸╂径濠傛殭閿?SVG 濠碘槅鍋嗘晶妤冨垝韫囨梻鐝跺┑鐘叉处閺咁剟鎮橀悙璺轰汗缂佺姳绮欓弻鐔兼⒐閹邦噮妲梺鍛婄懅閸嬫挾绮嬮幒妤€鍐€闁靛ě鍐炬闁诲孩顔栭崰鏍崲鐎ｎ剛绠斿鑸靛姇閿?*/
.header-action-bar .wishlist-box svg,
.header-action-bar [class*="wishlist_header"] svg,
.header-action-bar [class*="wishlist-box"] svg,
.header-action-bar [id*="HeaderBtnBox"] svg {
  color: rgb(var(--color-text)) !important;
}

.header-action-bar .wishlist-box svg path,
.header-action-bar [class*="wishlist_header"] svg path,
.header-action-bar [class*="wishlist-box"] svg path,
.header-action-bar [id*="HeaderBtnBox"] svg path {
  fill: currentColor !important;
}

/* ISV 濠电姰鍨奸崺鏍ㄧ┍濞差亶鏁嬮柕蹇嬪灪閸ゅ﹪鏌?闂佽崵濮甸崜顒勫礃椤忓秳绱欓梻浣告贡缁垳鏁繝鍌楁瀻闁靛繈鍊栭弲顒佹叏濡櫣锛嶆い搴樺亾闂傚倸鍊搁幊搴ｆ崲鐎ｎ兘鍋撻棃娑欐拱闁挎稒鍔曡灒缂備焦顭囬埀顒夊櫍閹鈽夊▎妯荤杹濡炪們鍊撶欢姘跺箠?*/
.header-section .plugin-isv-multiLanguage {
  color: rgb(var(--color-text));
}

.header-section .plugin-isv-multiLanguage .j-stage-locale-isv,
.header-section .plugin-isv-multiLanguage .dropdown__disclosure > button {
  color: inherit;
}

.header-section .plugin-isv-multiLanguage svg {
  color: inherit;
}

.header-section .plugin-isv-multiLanguage img.isv-trans-tips {
  display: inline-block;
  background-color: rgb(var(--color-text));
  -webkit-mask-image: url("https://front.myshopline.com/cdn/v1/static/sl/slfs/isv/img/SLIconInformation.svg");
  mask-image: url("https://front.myshopline.com/cdn/v1/static/sl/slfs/isv/img/SLIconInformation.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  object-fit: none;
  object-position: -9999px;
}

.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: relative;
  display: grid;
  column-gap: var(--header-column-gap);
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding-left: 0; /* 缂傚倷绀侀ˇ顖炩€﹀畡鎵虫瀺閹肩补妲呴崯鍛存煥閺冣偓鐎笛冣枍閻樼粯鐓曢柟閭﹀墯閸も偓缂備焦姊婚崰鎾诲箲?*/
}
@media (max-width: 959px) {
  .header__container-top-wrap {
    display: flex;
    column-gap: var(--header-column-gap-mobile);
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
    position: relative; /* 濠电偞鍨堕幑浣糕枍閿濆洤鍨濆瀣岸閸嬫捇鎮介崹顐㈡畬闂佷紮绲块崑鎾诲箯閸涱収鍚嬮柛銉ｅ妿閿?logo 闂備礁婀辩划顖炲礉閹烘梹顐介柣銏㈩焾閻鏌涚仦鍓у閿?*/
  }

  /* 缂傚倷绀侀ˇ鎶筋敋瑜庨幈銊╁煛閸愵亜宕?Logo 闂備礁鎼崐绋棵洪妶澶嬪仱鐟滄柨顕ｉ挊澶屾殝闁规鍠氶敓?*/
  .header__logo-text {
    /* font-size: 18px;
    font-weight: 600; */
    color: rgb(var(--color-text));
    /* max-width: 100px; */
    white-space: wrap;
    text-align: center;
  }

  /* 缂傚倷绀侀ˇ鎶筋敋瑜庨幈銊╁煛閸愵亜宕?Logo 闂傚倷绀佹晶浠嬪磻閹捐埖鏆滈悗娑欙公缁憋絾绻濇繝鍌涱棞閿?*/
  .header__logo-link,
  .header__logo a,
  .header__logo h1,
  .header__logo div {
    color: rgb(var(--color-text));
  }
}
.header__container[layout="center_logo_wrap_menu"] .header__container-top-wrap {
  display: flex;
}
.header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 960px) {
  .header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
    display: grid;
    grid-template-areas: "action-bar-left nav action-bar-right";
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
    align-items: center;
  }

  .header__container[layout="center_logo_left_menu"] .header-nav {
    grid-area: nav;
    justify-self: center;
  }

  .header__container[layout="center_logo_left_menu"] .header-nav__menu {
    justify-content: center;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.left {
    grid-area: action-bar-left;
    justify-self: start;
    margin-inline-start: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.right {
    grid-area: action-bar-right;
    justify-self: end;
    margin-inline-start: 0;
  }
}

@media (max-width: 959px) {
  .header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
    display: grid;
    grid-template-areas: "action-bar-left logo-slot action-bar-right";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 4px;
  }

  .header__container[layout="center_logo_left_menu"] .header__logo-slot {
    grid-area: logo-slot;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: stretch;
    min-width: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.left {
    grid-area: action-bar-left;
    justify-self: start;
    margin-inline-start: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header__logo {
    grid-area: logo;
    justify-self: center;
    flex: none;
    min-width: 0;
    max-width: 100%;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.right {
    grid-area: action-bar-right;
    justify-self: end;
    margin-inline-start: 0;
    max-width: none;
  }
}
.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-slot {
  display: contents;
}
.header__logo {
  position: relative;
  z-index: calc(var(--header-nav-dropdown-menu-z-index) + 1);
  display: none;
  grid-area: logo;
  align-items: center;
  order: 20;
  transform: none;
  width: var(--desktop-size);
  aspect-ratio: 194 / 41;
  flex: 0 0 auto;
}

/* 缂傚倷绀侀ˇ鎶筋敋瑜庨幈銊╁煛閸愵亜宕ュ銈嗙墬缁嬫帡鍩㈤弮鍌滅＜閿?header logo */
@media (max-width: 959px) {
  .header__logo {
    display: flex;
    width: min(var(--mobile-size), 36vw, 160px);
    flex: none;
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%); */
    height: auto;
  }
}
.header__logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: var(--body3-font-size);
  white-space: nowrap;
  color: rgb(var(--color-text));
  text-decoration: none;
}

/* Replace the browser focus ring without removing keyboard discoverability. */
.header__logo-link:focus {
  outline: none;
}

.header__logo-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 2px;
}

/* Logo 闂備礁鎼崐绋棵洪妶澶嬪仱鐟滄柨顕ｉ挊澶屾殝闁规鍠氶敓?*/
.header__logo-text {
  /* font-weight: 600; */
  color: rgb(var(--color-text));
  /* max-width: 100px; */
  word-wrap: break-word;
  overflow: hidden;
}
.header__logo-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
@media (max-width: 959px) {
  .header__logo-image {
    max-width: none;
    max-height: none;
    object-fit: contain;
  }

  .header__logo {
    width: 120px;
    height: 25px;
    aspect-ratio: auto;
  }

  .header__logo-link {
    flex: 0 0 120px;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
    overflow: visible;
  }
}
[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 {
}

@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:first-child {
  margin-inline-start: 0;
}

.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(--body3-font-size);
  font-weight: 700; */
  transition: color 200ms ease-in;
}

.header-nav__menu-item > a:hover,
.header-nav__menu-item.open > a,
.header-nav__menu-item.active > a {
  /* color: currentColor; */
  color: rgb(var(--color-text))
}

.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;
}

.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;
  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__menu {
  padding-block: 10px;
  background-color: rgb(var(--color-background));
  box-sizing: border-box;
  border-color: rgba(var(--color-text), var(--modal-border-opacity));
  border-style: solid;
  border-width: var(--modal-border-thickness);
  border-radius: var(--modal-border-radius);
  box-shadow: var(--modal-shadow-offset-x) var(--modal-shadow-offset-y) var(--modal-shadow-blur) rgba(var(--color-shadow), var(--modal-shadow-opacity));
}

.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(--body3-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%;
}

.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;
  font-size: var(--body2-font-size);
  font-weight: 500;
  line-height: 1.6111;
  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(--body3-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-panel__mega-media {
  grid-column: span 2;
  min-width: 0;
  max-width: none;
  padding-inline-end: 0;
}

.header-nav-mega-media {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--mega-image-width, 220px), 100%), 1fr));
  gap: 14px;
  min-width: min(100%, 720px);
}

.header-nav-mega-media__heading {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  font-weight: 500;
  color: rgb(var(--color-text));
}

.header-nav-mega-media__item {
  display: block;
  overflow: hidden;
  color: inherit;
  background: rgb(var(--color-background));
}

.header-nav-mega-media__image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  transition: transform 200ms ease-in;
}

.header-nav-mega-media__item:hover .header-nav-mega-media__image {
  transform: scale(1.03);
}

.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,
.header-nav__menu-item:hover .header-nav-dropdown-menu,
.header-nav__menu-item:hover .header-nav-dropdown-panel {
  z-index: var(--header-nav-dropdown-menu-z-index);
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}

.header-nav__menu-item.open > a.header-nav__underline::after,
.header-nav__menu-item:hover > a.header-nav__underline::after {
  width: 100%;
}

/* 闁荤喐绮庢晶妤呭箰閹间礁鐭楅柣鎰靛墰椤╃兘鏌″搴″缂傚秴鎳橀弻娑樜旀担鍦槬闂佹椿鍋勭粔鎾敋閿濆鐒垫い鎺戝缁秹鎮规担鍛婅础缂佲偓婢舵劖鈷掗柛娑卞枛婵本淇?active 闂備礁鍚嬬€笛呭垝鐏炵晫鏆﹂柣鏂垮悑閸庡秹鏌涢弴銊ょ敖闁荤喐鎹囬弻娑㈠箳閹惧磭顑傞敓?*/
.header-nav__menu.has-open .header-nav__menu-item.active > a.header-nav__underline::after {
  width: 0;
}

/* 闁荤喐绮庢晶妤呭箰閹间礁鐭楅柣鎰靛墰椤╃兘鏌″搴″缂傚秴鎳橀弻娑樜旀担鍦槷濡炪値鍋撶粻鎾诲蓟閸涱喖绶炲璺洪楠炩偓闂備礁鎼崯鎶筋敊閹邦喗顫曟繝鏇熺摥tive闂備礁鍚嬬€笛呭垝鐏炵晫鏆﹂柣鏂垮悑閸庡秹鏌涢弴銊ョ伇闁哄缍婇弻銈囨喆閸曨偆绁烽悷婊勬緲椤︽壆绮欐径鎰€绘俊顖濆吹閳ь剦鍣ｉ弻锟犲醇椤愩垹鈷嬪銈冨€撶欢姘跺箠?*/
.header-nav__menu.has-open .header-nav__menu-item.active > a.header-nav__underline {
  color: rgb(var(--color-text));
}

/* 闁荤喐绮庢晶妤呭箲閸モ晜顫曢柛顐ｆ礀閸愨偓闂佹悶鍎崝灞剧妤ｅ啯鐓曢悗锝庡亞閻﹥绻濋埀顒勵敂閸繄顦ч梺鍝勭墢閺佹悂鏌ч崒鐐寸厾闁圭娴烽惌濠勨偓瑙勬礈閸犳劙濡甸崟顓熷枂闁告洦鍓﹀Σ顖炴⒑閹稿海鈽夐柣锝囨暅tive闂備礁鍚嬬€笛呭垝鐏炵晫鏆﹂柣鏃傚帶閻淇婇婊庢敯缂佲偓鐎ｎ喗鐓涢柛灞剧婢跺嫭绻濋埀顒勬偋閸剛鐭楀┑鐘诧工濡藟?*/
.header-nav__menu:hover .header-nav__menu-item.active:not(:hover) > a.header-nav__underline {
  color: rgb(var(--color-text));
}

/* 闁荤喐绮庢晶妤呭箲閸モ晜顫曢柛顐ｆ礀閸愨偓闂佹悶鍎崝灞剧妤ｅ啯鐓曢悗锝庡亞閻﹥绻濋埀顒勵敂閸繄顦ч梺鍝勭墢閺佹悂鏌ч崒鐐寸厾闁圭娴烽惌濠勨偓瑙勬礈閸犳劙濡甸崟顓熷枂闁告洦鍓﹀Σ顖炴⒑閹稿海鈽夐柣顓炲€搁埢鎾绘晲婢跺鐧?active 闂備礁鍚嬬€笛呭垝鐏炵晫鏆﹂柣鏂垮悑閸庡秹鏌涢弴銊ょ敖闁荤喐鎹囬弻娑㈠箳閹惧磭顑傞敓?*/
.header-nav__menu:hover .header-nav__menu-item.active:not(:hover) > a.header-nav__underline::after {
  width: 0;
}



/* Theme mega menu: force visible on hover/open for per-menu theme navigation. */
.header-nav[data-header-nav-source="theme"] .header-nav__menu-item.open > .header-theme-mega,
.header-nav[data-header-nav-source="theme"] .header-nav__menu-item:hover > .header-theme-mega,
.header-nav[data-header-nav-source="native"] .header-nav__menu-item.open > .header-theme-mega,
.header-nav[data-header-nav-source="native"] .header-nav__menu-item:hover > .header-theme-mega {
  z-index: var(--header-nav-dropdown-menu-z-index);
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
}
.header-theme-mega {
  height: auto;
  min-height: 520px;
}

.header-theme-mega__inner {
  position: absolute;
  inset-inline: 0;
  z-index: var(--header-nav-dropdown-menu-z-index);
  display: grid;
  grid-template-columns: minmax(380px, 44%) minmax(360px, 1fr);
  align-items: start;
  gap: clamp(44px, 5vw, 88px);
  width: 100%;
  min-height: 520px;
  padding: 78px clamp(28px, 4vw, 64px) 58px;
  background-color: rgb(var(--color-background));
  box-shadow: none;
}

.header-theme-mega__media-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  min-width: 0;
}

.header-theme-mega__media {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.header-theme-mega__image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background-color: #f7f7f7;
}

.header-theme-mega__image-frame picture,
.header-theme-mega__image-frame img,
.header-theme-mega__image-frame > * {
  width: 100%;
  height: 100%;
}

.header-theme-mega__image-frame img,
img.header-theme-mega__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.header-theme-mega__media-title {
  display: block;
  margin-block-start: 10px;
  text-align: center;
}

.header-theme-mega__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: clamp(44px, 7vw, 120px);
  align-content: start;
  padding-top: 4px;
  min-width: 0;
}

.header-theme-mega__heading {
  margin: 0 0 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.header-theme-mega__links {
  display: grid;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-theme-mega__link {
  display: inline-flex;
  color: rgb(var(--color-text));
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
}

.header-theme-mega__link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.header-nav-drawer__theme-heading {
  margin: 12px 0 4px;
  padding-inline: var(--nav-drawer-padding-inline);
  color: rgb(var(--color-text));
}

.header-nav[data-header-nav-source="native"] .header-theme-mega + .header-nav-dropdown-panel--native {
  display: none;
}

/* Theme mega menu Club L desktop layout reference */
@media (min-width: 960px) {
  .header-nav[data-header-nav-source="theme"] .header-theme-mega,
  .header-nav[data-header-nav-source="native"] .header-theme-mega {
    --club-mega-panel-height: 380px;

    min-height: var(--club-mega-panel-height);
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega::before,
  .header-nav[data-header-nav-source="native"] .header-theme-mega::before {
    min-height: var(--club-mega-panel-height, 380px);
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__container,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__container {
    box-sizing: border-box;
    width: min(1200px, calc(100vw - 40px));
    height: 380px;
    margin-inline: auto;
    padding: 40px 10px;
    color: rgb(18, 18, 18);
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner {
    --club-mega-media-width: 490px;
    --club-mega-text-width-1: 220px;
    --club-mega-text-width-2: 650px;
    --club-mega-text-width-3: 650px;
    --club-mega-media-text-gap: 40px;
    box-sizing: border-box;
    position: relative;
    grid-template-columns: var(--club-mega-media-width) minmax(0, 1fr);
    gap: var(--club-mega-media-text-gap);
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner--no-media,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner--no-media {
    grid-template-columns: minmax(0, 1fr);
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__media-list,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__media-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: var(--club-mega-media-width);
    max-width: var(--club-mega-media-width);
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__image-frame,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__image-frame {
    width: calc((var(--club-mega-media-width) - 10px) / 2);
    height: 300px;
    aspect-ratio: auto;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__image-frame img,
  .header-nav[data-header-nav-source="theme"] img.header-theme-mega__image,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__image-frame img,
  .header-nav[data-header-nav-source="native"] img.header-theme-mega__image {
    object-fit: cover;
    object-position: center center;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns {
    align-content: start;
    justify-content: start;
    min-width: 0;
    padding-top: 0;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns--1,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns--1 {
    grid-template-columns: var(--club-mega-text-width-1);
    width: var(--club-mega-text-width-1);
    column-gap: 0;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns--2,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: var(--club-mega-text-width-2);
    max-width: 650px;
    height: 300px;
    max-height: 300px;
    column-gap: 4px;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns--3,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: var(--club-mega-text-width-3);
    max-width: 650px;
    height: 300px;
    max-height: 300px;
    column-gap: 4px;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__heading,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__heading {
    margin: 0 0 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__links,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__links {
    gap: 20px;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__link,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__link {
    color: rgb(18, 18, 18);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
  }
}

@media (min-width: 960px) and (max-width: 1439px) {
  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner {
    --club-mega-media-width: min(490px, 40vw);
    --club-mega-media-text-gap: 40px;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__image-frame,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__image-frame {
    width: calc((var(--club-mega-media-width) - 10px) / 2);
    height: min(300px, calc(((var(--club-mega-media-width) - 10px) / 2) * 1.25));
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns--2,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns--2 {
    width: min(650px, calc(100vw - var(--club-mega-media-width) - 80px));
    max-width: 650px;
    column-gap: 4px;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns--3,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(650px, calc(100vw - var(--club-mega-media-width) - 80px));
    max-width: 650px;
    column-gap: 4px;
  }
}

/* Theme mega menu Club L full-bleed panel with centered content container */
@media (min-width: 960px) {
  .header-nav[data-header-nav-source="theme"],
  .header-nav[data-header-nav-source="native"] {
    position: relative;
  }

  .header-nav[data-header-nav-source="theme"] .header-nav__menu-item:has(.header-theme-mega),
  .header-nav[data-header-nav-source="native"] .header-nav__menu-item:has(.header-theme-mega) {
    position: static;
  }
  .header-nav[data-header-nav-source="theme"] .header-theme-mega,
  .header-nav[data-header-nav-source="native"] .header-theme-mega {
    inset-block-start: calc(100% - var(--header-padding-block-end, 8px)) !important;
    inset-inline-start: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: none !important;
    margin-block-start: 0 !important;
    background: rgb(var(--color-background)) !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega::before,
  .header-nav[data-header-nav-source="native"] .header-theme-mega::before {
    display: none !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner {
    position: relative !important;
    inset-inline: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: var(--club-mega-media-text-gap, 46px) !important;
    grid-template-columns: var(--club-mega-media-width, 500px) minmax(0, 1fr) !important;
    background-color: transparent !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__media-list,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__media-list {
    grid-column: auto !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__columns,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__columns {
    grid-column: auto !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner--no-media,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner--no-media {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .header-nav[data-header-nav-source="theme"] .header-theme-mega__inner--no-media .header-theme-mega__columns,
  .header-nav[data-header-nav-source="native"] .header-theme-mega__inner--no-media .header-theme-mega__columns {
    grid-column: auto !important;
  }
}
/* Club L mobile header height alignment */
@media (max-width: 959px) {
  :root {
    --club-header-outer-height-mobile: 72px;
    --club-mobile-fixed-stack-height: calc(var(--promotion-banner-height, 27px) + var(--club-header-outer-height-mobile));
  }

  body:has(.promotion-banner) {
    padding-top: var(--club-mobile-fixed-stack-height) !important;
  }

  body:has(.promotion-banner) theme-sticky-header {
    position: fixed !important;
    inset-block-start: var(--promotion-banner-height, 27px) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    min-height: var(--club-header-outer-height-mobile) !important;
    height: var(--club-header-outer-height-mobile) !important;
    max-height: var(--club-header-outer-height-mobile) !important;
    z-index: calc(var(--z-index-sticky, 1010) + 70) !important;
  }

  body:has(.promotion-banner) theme-sticky-header > .header-section {
    box-sizing: border-box;
    position: relative !important;
    inset-block-start: 0 !important;
    width: 100% !important;
    min-height: var(--club-header-outer-height-mobile) !important;
    height: var(--club-header-outer-height-mobile) !important;
    max-height: var(--club-header-outer-height-mobile) !important;
    transform: none !important;
    animation: none !important;
  }

  .header__container-top,
  .header__container-top-wrap {
    min-height: var(--club-header-height-mobile, 52px);
    height: var(--club-header-height-mobile, 52px);
  }

  .header__container-top-wrap {
    padding-inline: var(--club-header-padding-x-mobile, 8px);
  }

  .header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    column-gap: 4px;
  }
}

/* Club L desktop nav/header size-only alignment override */
@media (min-width: 960px) {
  .header-section,
  .header__container,
  .header__container-top,
  .header__container-top-wrap {
    min-height: var(--club-desktop-nav-row-height, 64px) !important;
    height: var(--club-desktop-nav-row-height, 64px) !important;
  }

  .header__container.page-width {
    max-width: none;
    width: 100%;
    padding-inline: 20px 24px;
  }

  .header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
    display: grid;
    grid-template-areas: "action-bar-left nav action-bar-right";
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
    align-items: center;
    column-gap: 24px;
    padding-block: 0 !important;
  }

  .header__container[layout="center_logo_left_menu"] .header-nav {
    grid-area: nav;
    justify-self: center;
  }

  .header-nav__menu {
    align-items: center;
    justify-content: center;
    min-height: var(--club-desktop-nav-row-height, 64px);
  }

  .header-nav__menu-item > a {
    min-height: var(--club-desktop-nav-row-height, 64px);
    padding-block: 0 !important;
    line-height: var(--club-desktop-nav-row-height, 64px);
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.right {
    grid-area: action-bar-right;
    justify-self: end;
  }

  .header-action-bar.right {
    align-items: center;
    column-gap: var(--club-action-gap-desktop, 16px) !important;
    min-height: var(--club-desktop-nav-row-height, 64px);
    padding-block: 0 !important;
  }
}

/* Club L fixed desktop header/nav height */
@media (min-width: 960px) {
  :root {
    --club-desktop-nav-row-height: 58px;
  }

  .header-section {
    min-height: var(--club-desktop-nav-row-height) !important;
    height: var(--club-desktop-nav-row-height) !important;
    max-height: var(--club-desktop-nav-row-height) !important;
  }

  .header__container,
  .header__container-top,
  .header__container-top-wrap {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-block: 0 !important;
  }

  .header-nav__menu,
  .header-nav__menu-item > a,
  .header-action-bar.right {
    min-height: var(--club-desktop-nav-row-height) !important;
    height: var(--club-desktop-nav-row-height) !important;
  }

  .header-nav__menu-item > a {
    line-height: var(--club-desktop-nav-row-height) !important;
  }
}

/* Club L mobile header carries top-bar visual modules */
@media (max-width: 959px) {
  theme-sticky-header,
  .header-section {
    display: block !important;
  }

  .header-section {
    color: rgb(var(--color-text));
    background-color: rgb(var(--color-background));
  }

  .header__container.page-width {
    width: 100%;
    max-width: none;
    padding-inline: var(--club-header-padding-x-mobile, 8px) !important;
  }

  .header__container,
  .header__container-top,
  .header__container-top-wrap {
    min-height: var(--club-header-height-mobile, 52px) !important;
    height: var(--club-header-height-mobile, 52px) !important;
    max-height: var(--club-header-height-mobile, 52px) !important;
  }

  .header__container[layout="center_logo_left_menu"] .header__container-top-wrap {
    display: grid !important;
    grid-template-areas: "action-bar-left logo-slot action-bar-right" !important;
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    align-items: center !important;
    column-gap: 4px !important;
    padding-block: 0 !important;
  }

  .header__container[layout="center_logo_left_menu"] .header__logo-slot {
    grid-area: logo-slot;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: stretch;
    min-width: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.left {
    grid-area: action-bar-left;
    justify-self: start;
    align-items: center;
    margin-inline-start: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header__logo {
    grid-area: logo;
    justify-self: center;
    align-self: center;
    display: flex;
    width: 120px;
    height: 25px;
    aspect-ratio: auto;
    min-width: 0;
  }

  .header__container[layout="center_logo_left_menu"] .header-action-bar.right {
    grid-area: action-bar-right;
    justify-self: end;
    align-items: center;
    justify-content: flex-end;
    column-gap: var(--club-action-gap-mobile, 9px) !important;
    margin-inline-start: 0;
    min-width: max-content;
  }

  .header__logo-link,
  .header-action-bar,
  .header-action-bar a,
  .header-action-bar button {
    color: rgb(var(--color-text)) !important;
  }
}

@media (min-width: 960px) {
  body:has(.promotion-banner) theme-sticky-header,
  body:has(.promotion-banner) theme-sticky-header.theme-sticky-header--sticky,
  body:has(.promotion-banner) theme-sticky-header.theme-sticky-header--sticky-collapse {
    position: fixed !important;
    inset-block-start: calc(var(--promotion-banner-height, 27px) + var(--club-desktop-logo-row-height, 80px)) !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    width: 100% !important;
    min-height: var(--club-desktop-nav-row-height, 58px) !important;
    height: var(--club-desktop-nav-row-height, 58px) !important;
    max-height: var(--club-desktop-nav-row-height, 58px) !important;
    z-index: calc(var(--z-index-sticky, 1010) + 60) !important;
    transform: none !important;
  }

  body:has(.promotion-banner) theme-sticky-header > .header-section,
  body:has(.promotion-banner) theme-sticky-header.theme-sticky-header--sticky > .header-section,
  body:has(.promotion-banner) theme-sticky-header.theme-sticky-header--sticky-collapse > .header-section {
    position: relative !important;
    inset-block-start: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
    animation: none !important;
    color: rgb(var(--color-text)) !important;
    background-color: rgb(var(--color-background)) !important;
    box-shadow: none !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner) theme-sticky-header,
  body.has-fullscreen-hero:has(.promotion-banner) theme-sticky-header > .header-section,
  body.has-fullscreen-hero:has(.promotion-banner) .header-section,
  body.has-fullscreen-hero:has(.promotion-banner) .header__container,
  body.has-fullscreen-hero:has(.promotion-banner) .header__container-top,
  body.has-fullscreen-hero:has(.promotion-banner) .header__container-top-wrap {
    color: rgb(var(--color-text)) !important;
    background-color: rgb(var(--color-background)) !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner) .header-nav__menu-item > a,
  body.has-fullscreen-hero:has(.promotion-banner) .header-action-bar,
  body.has-fullscreen-hero:has(.promotion-banner) .header-action-bar a,
  body.has-fullscreen-hero:has(.promotion-banner) .header-action-bar button {
    color: rgb(var(--color-text)) !important;
  }

  /*
   * Promotion banner + fullscreen hero:
   * Keep the fixed nav-row position below the logo row, but allow the
   * opening hero state to remain transparent until scroll/interaction.
   */
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    theme-sticky-header,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    theme-sticky-header > .header-section,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header-section,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container-top,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container-top-wrap {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container-top.divider::after {
    background-color: transparent !important;
    opacity: 0 !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    theme-sticky-header > .header-section {
    min-height: var(--club-desktop-nav-row-height, 58px) !important;
    height: var(--club-desktop-nav-row-height, 58px) !important;
    max-height: var(--club-desktop-nav-row-height, 58px) !important;
    overflow: hidden !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container.page-width,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container-top,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header__container-top-wrap {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-block: 0 !important;
    overflow: hidden !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header-nav__menu-item > a,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header-action-bar,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header-action-bar a,
  body.has-fullscreen-hero:has(.promotion-banner):not(.fullscreen-hero-past):not(.fullscreen-hero-header-interacting)
    .header-action-bar button {
    color: #fff !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-past
    theme-sticky-header,
  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-past
    theme-sticky-header > .header-section,
  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-header-interacting
    theme-sticky-header,
  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-header-interacting
    theme-sticky-header > .header-section {
    color: rgb(var(--color-text)) !important;
    background-color: rgb(var(--color-background)) !important;
    box-shadow: none !important;
  }

  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-past
    .header__container-top.divider::after,
  body.has-fullscreen-hero:has(.promotion-banner).fullscreen-hero-header-interacting
    .header__container-top.divider::after {
    background-color: transparent !important;
    opacity: 0 !important;
  }
}