/** Shopify CDN: Minification failed

Line 1137:0 Unexpected "@media"

**/
/* ==========================================================================
   #HEADER
   ========================================================================== */
.header-stripe {
  width: 100%;
  height: 3px;
  position: relative;
  top: 0;
  left: 0;
  background: var(--color--brand);
}

.header--has-stripe {
  padding-top: 3px;
}

.header,
.header__logo,
.header-trigger {
  min-height: 54px;
  height: calc(var(--logo-size) + var(--logo-spacing) * 7px);
}
@media (max-width: 47.9275em) {
  .header,
  .header__logo,
  .header-trigger {
    height: calc(var(--logo-size-mobile) + var(--logo-spacing-mobile) * 5px);
  }
}

.shopify-section-header {
  display: contents;
}

header-container {
  display: block;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
}
header-container.is-sticky {
  position: sticky;
  top: -1px;
}
.header-down header-container header {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.header-up header-container header {
  -ms-transform: translateY(calc(-1 * var(--header-height) - 4px));
  -webkit-transform: translateY(calc(-1 * var(--header-height) - 4px));
  transform: translateY(calc(-1 * var(--header-height) - 4px));
}
.header-up header-container {
  pointer-events: none;
}

.header {
  position: relative;
  width: 100%;
  min-height: 54px;
  background: var(--header-bg-color);
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s ease-in-out 0.02s, -webkit-transform 350ms ease;
  -moz-transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s ease-in-out 0.02s, -moz-transform 350ms ease;
  transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s ease-in-out 0.02s, transform 350ms ease;
}
.header .w98{
  width:98%;
  max-width: 1300px;
  /* border:1px solid red; */
  margin:0 auto;
}
@media (max-width: 47.9275em) {
  .header {
    border-top-width: 1px;
  }
}
.header .list-menu__link,
.header .list-menu__text {
  color: var(--header-text-color-light);
}
.header .list-menu__link:hover,
.header .list-menu__text:hover {
  color: var(--header-text-color-light);
  opacity: 1;
}
.header .list-menu__link:hover::before,
.header .list-menu__text:hover::before {
  background-color: var(--header-text-color-bg);
}

@media (prefers-reduced-motion: reduce) {
  .header {
    -webkit-transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s 0.02s ease-in-out;
    -moz-transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s 0.02s ease-in-out;
    transition: border-color 0.3s ease-in, opacity 0.5s ease-in, background-color 0.3s 0.02s ease-in-out;
  }
}
.header--has-divider {
  border-bottom: 1px solid var(--header-text-color-lightest);
}

nested-menu,
header-details-disclosure,
header-details-disclosure details {
  display: block;
  box-sizing: border-box;
}

.header__wrapper {
  position: static;
}

.header__logo {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  max-width: 420px;
  width: fit-content;
  width: -moz-fit-content;
}
@media (max-width: 47.9275em) {
  .header__logo {
    max-width: 230px;
  }
}

.header__logo-wrapper {
  margin: 0;
  line-height: 0;
}

.header__logo-link {
  display: inline-block;
  position: relative;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
@media (hover: hover) {
  .header__logo-link:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}

.header__logo-link--text {
  color: var(--header-text-color);
  word-break: break-word;
  display: inline-block;
  font-family: var(--font--title);
  font-weight: var(--font--title-weight);
  font-style: var(--font--title-style);
  letter-spacing: var(--font--title-space);
  text-transform: var(--font--title-transform);
  font-size: 1.4rem;
  line-height: 1.25em;
}
@media (max-width: 47.9275em) {
  .header__logo-link--text {
    font-size: 1.1rem;
  }
}

.header__logo-img {
  display: block;
  padding: 0;
  width: auto;
  height: auto;
  max-height: var(--logo-size);
}
@media (max-width: 47.9275em) {
  .header__logo-img {
    max-height: var(--logo-size-mobile);
  }
}

.header__logo-img--svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 29.99em) {
  .header__logo-img,
  .header__logo-ratio-box {
    max-width: 150px;
  }
}

.header__logo-ratio-box {
  height: var(--logo-size);
}
@media (max-width: 47.9275em) {
  .header__logo-ratio-box {
    height: auto;
    max-height: var(--logo-size-mobile);
  }
  .header--logo-svg .header__logo-ratio-box {
    height: var(--logo-size-mobile);
  }
}

.header-navs {
  width: auto;
  height: 32px;
  padding: 0 30px;
}

@media (max-width: 61.24em) {
  .header-navs {
    padding: 0 18px;
  }
}
.primary-nav {
  text-align: left;
  float: left;
}

.primary-nav__summary {
  display: block;
}

.primary-nav__items {
  margin-left: 0;
  list-style: none;
  float: left;
}

.primary-nav__item {
  padding-right: var(--font--nav-spacing);
  margin: 0;
  position: relative;
}
.primary-nav__item .primary-nav__link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: currentColor;
  opacity: 1;
  transform: translate3d(0, 0.2em, 0) scaleX(0);
  transform-origin: center;
  transition: opacity 300ms, transform 300ms;
}
.primary-nav__item .primary-nav__link .icon {
  font-size: 0.7em;
  top: 1px;
}
.primary-nav__item:hover .primary-nav__link::before, .primary-nav__item:focus .primary-nav__link::before,
.primary-nav__item details[open] .primary-nav__link::before {
  opacity: 1;
  /* transform: translate3d(0, 0.2em, 0) scaleX(1); */
}

@media (prefers-reduced-motion: reduce) {
  .primary-nav__item .primary-nav__link::before {
    transition: opacity 300ms;
  }
}
.secondary-nav {
  text-align: right;
  float: right;
}
.secondary-nav header-details-disclosure {
  display: inline-block;
  margin-left: 15px;
}

.secondary-nav__item {
  margin-left: var(--font--nav-spacing);
}

.primary-nav,
.secondary-nav {
  position: relative;
  font-size: calc(var(--font--size-nav) / var(--font--size-base) * 1rem);
}
.primary-nav summary,
.secondary-nav summary {
  list-style: none;
}
.primary-nav summary::-webkit-details-marker, .primary-nav summary::marker,
.secondary-nav summary::-webkit-details-marker,
.secondary-nav summary::marker {
  display: none;
}

.primary-nav .list-menu,
.secondary-nav .list-menu {
  --link-padding: 0.75rem 1.25rem;
  --active-color: var(--header-text-color-lightest);
  --hover-color: var(--header-bg-color-darker);
}

.primary-nav__items,
.secondary-nav__items {
  margin: 0;
}

.primary-nav__item,
.secondary-nav__item {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}

.primary-nav__item .nav__sub,
.primary-nav__item .nav__sub-t,
.secondary-nav__item .nav__sub {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem);
}

details[open] > .nav__sub,
details[open] > .nav__sub-t {
  animation: animateMenuOpen 200ms ease-in-out;
  animation-fill-mode: forwards;
}

body[header-details-disclosure-edit] details[open] > .nav__sub,
body[header-details-disclosure-edit] details[open] > .nav__sub-t {
  animation: none;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.primary-nav__item .has-animation,
.primary-nav__item .has-animation,
.secondary-nav__item .has-animation {
  opacity: 0;
  transform: translateY(0.5rem);
}

details[open] > .nav__sub > .nav__sub-wrap > .has-animation,
details[open] > .nav__sub-t > .nav__sub-t-wrap > .has-animation {
  animation: animateMenuItemOpen 300ms ease-in-out;
  animation-fill-mode: forwards;
}

@media (prefers-reduced-motion: reduce) {
  details[open] > .nav__sub,
  details[open] > .nav__sub-t {
    animation: none;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  details[open] > .nav__sub > .nav__sub-wrap > .has-animation,
  details[open] > .nav__sub-t > .nav__sub-t-wrap > .has-animation {
    animation: none;
    opacity: 1;
    transform: translateY(0);
  }
}
.nav__sub__item .nav__sub-t {
  opacity: 0;
  visibility: hidden;
}

.nav__sub__item:hover .nav__sub-t,
.nav__sub__item.js-active .nav__sub-t {
  opacity: 1;
  visibility: visible;
}

.touchevents .primary-nav__item .nav__sub,
.touchevents .secondary-nav__item .nav__sub {
  display: none;
}
.touchevents .primary-nav__item:hover .nav__sub,
.touchevents .secondary-nav__item:hover .nav__sub {
  display: block;
}
.touchevents .nav__sub__item .nav__sub-t {
  display: none;
}
.touchevents .nav__sub__item:hover .nav__sub-t {
  display: block;
}
.touchevents .mega .nav__sub-t {
  display: block;
}

.nav__sub {
  position: absolute;
  padding-top: 8px;
  text-align: left;
  font-size: 0.875rem;
}

.nav__sub--drawer {
  padding-top: 0;
}
.nav__sub--drawer .nav__sub-wrap {
  position: relative;
  max-width: 100%;
  min-width: 132px;
  width: 100%;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  padding: 6px;
}

.nav__sub-wrap {
  background: var(--header-bg-color);
  box-shadow: 0px 8px 24px 0px var(--color--drop-shadow);
  padding: 12px 18px;
  min-width: 160px;
  max-width: 270px;
  width: max-content;
  left: 0;
}

.nav__sub__items {
  margin-bottom: 0;
  font-family: var(--font--body);
  font-weight: var(--font--body-weight);
  font-style: var(--font--body-style);
  letter-spacing: 0;
  text-transform: none;
}

.nav__sub__link {
  color: var(--header-text-color-light);
  width: 100%;
  display: inline-block;
  padding: 2px 18px;
  margin-top: 2px;
}
.nav__sub__link:hover {
  opacity: 1;
  color: var(--header-text-color);
  background: var(--header-bg-color-darker);
  text-decoration: none;
}

.nav__sub__item--sub:hover .nav__sub__link {
  color: var(--header-text-color);
  background: var(--header-bg-color-darker);
}

.nav__sub__item--sub .nav__sub__link {
  position: relative;
  padding-right: 24px;
}

.nav__sub-t {
  position: absolute;
  left: calc(100% - 1px);
  top: auto;
  margin-top: -42px;
  padding-left: 18px;
  z-index: 2;
}
.nav__sub-t.is-left-aligned {
  left: auto;
  right: calc(100% - 1px);
  padding-left: 0;
  padding-right: 18px;
}

.nav__sub-t-wrap {
  background: var(--header-bg-color);
  box-shadow: 0px 8px 24px 0px var(--color--drop-shadow);
  width: 180px;
  padding: 12px 18px;
}

.nav__sub-t__items {
  margin: 0;
}

.nav__sub-t__link {
  width: 100%;
  display: inline-block;
  padding: 2px 18px;
  margin-top: 2px;
  color: var(--header-text-color-light);
  border-radius: 4px;
}
.nav__sub-t__link:hover {
  opacity: 1;
  color: var(--header-text-color);
  background: var(--header-bg-color-darker);
  text-decoration: none;
}

.primary-nav__link {
  height: 32px;
  font-size:0.96em;
}

.primary-nav__link,
.secondary-nav__link {
  position: relative;
  color: var(--header-text-color);
  display: flex;
  align-items: center;
  column-gap: 0.75em;
  line-height: 33px;
  cursor: pointer;
}
.primary-nav__link:hover,
.secondary-nav__link:hover {
  text-decoration: none;
}

.secondary-nav__item--cart.secondary-nav__link--word {
  column-gap: 0;
}

.primary-nav__link--special {
  color: var(--special-link-color);
}

.secondary-nav__item--light .secondary-nav__link {
  color: var(--header-text-color-light);
  font-size: calc(var(--font--size-nav) / var(--font--size-base) * 0.8rem);
}

.secondary-nav__localize,
.secondary-nav__actions {
  display: inline-block;
  margin: 0;
}

.secondary-nav__items--icon .secondary-nav__item {
  margin-left: 21px;
}

.secondary-nav__link--icon {
  font-size: 20px;
  top: 5px;
  position: relative;
  line-height: 0;
}

.secondary-nav__link--search.secondary-nav__link--word-search {
  width: 17px;
  height: 17px;
  top: 4px;
  position: relative;
  line-height: 0;
}

.secondary-nav__link.secondary-nav__item--cart:not(a) {
  cursor: default;
}

.header--icons .primary-nav,
.header--inline-icons .primary-nav {
  width: 100%;
}
.header--icons .primary-nav,
.header--icons .secondary-nav,
.header--inline-icons .primary-nav,
.header--inline-icons .secondary-nav {
  display: none;
}

.header--logo-left .header__logo {
  margin: 0;
  left: 100px;
}
.header--logo-left .primary-nav {
  margin-left: calc(var(--header-logo-width, 0px) + 36px);
}
@media (max-width: 47.9275em) {
  .header--logo-left .header__logo {
    left: 0;
    margin: 0 auto;
  }
}

.header.header--center {
  height: auto;
}
.header.header--center .header__logo {
  position: relative;
  height: auto;
  margin: 0 auto;
  padding: calc(var(--logo-spacing) * 3px) 0;
}
@media (max-width: 47.9275em) {
  .header.header--center .header__logo {
    padding: 0;
  }
}
.header.header--center .header__logo-link--text {
  margin: 12px 0;
}
.header.header--center .header-navs {
  position: static;
  height: auto;
}
.header.header--center .primary-nav {
  width: 100%;
  text-align: center;
  margin: 0 0 12px;
}
.header.header--center .primary-nav__items {
  float: unset;
  padding: 0 108px;
  display: inline-block;
}
.header.header--center .primary-nav__item {
  margin: 0;
  padding: 0 calc(var(--font--nav-spacing) / 2);
}
.header.header--center .secondary-nav {
  position: absolute;
  top: 12px;
  right: 30px;
  width: calc(100% - 18px);
}
.header.header--center .secondary-nav__localize {
  position: absolute;
  left: 0;
}
.header.header--center .secondary-nav__localize .secondary-nav__item {
  margin-left: 30px;
  margin-right: calc(var(--font--nav-spacing) - 18px);
}
@media (max-width: 61.24em) {
  .header.header--center .secondary-nav__localize .secondary-nav__item {
    margin-left: 18px;
  }
}
.header.header--center .nav__sub--header-localize {
  right: auto;
  left: auto;
}
@media (max-width: 47.9275em) {
  .header.header--center {
    height: calc(var(--logo-size-mobile) + var(--logo-spacing-mobile) * 5px);
  }
  .header.header--center .header__logo {
    height: 100%;
    padding: 0;
  }
}

.nav__sub--header-localize {
  right: -30px;
}
.nav__sub--header-localize .nav__sub-wrap:before,
.nav__sub--header-localize .nav__sub-wrap:after {
  right: 24px;
  left: auto;
}

.nav__sub-wrap--lang,
.nav__sub-wrap--country {
  max-height: 252px;
  overflow-y: scroll;
}
.nav__sub-wrap--lang .nav__sub__link.selected,
.nav__sub-wrap--country .nav__sub__link.selected {
  opacity: 1;
  color: var(--header-text-color);
  background: var(--header-bg-color-darker);
  text-decoration: none;
}

.primary-nav,
.primary-nav__items,
.primary-nav__item {
  position: static;
}

header-details-disclosure.mega {
  position: static;
  text-align: left;
}
header-details-disclosure.mega details {
  position: static;
}
header-details-disclosure.mega details[open] .has-animation {
  animation: animateMenuItemOpen 200ms ease-in-out;
  animation-fill-mode: forwards;
}
header-details-disclosure.mega details summary {
  position: relative;
  z-index: 2;
}
header-details-disclosure.mega .nav__sub {
  --header-elements-height: 0px;
  box-sizing: border-box;
  left: 0;
  top: 100%;
  width: 100vw;
  border-right: 0;
  border-left: 0;
  overflow: hidden;
  padding-top: 1px;
  box-shadow: 0px 8px 24px 0px var(--color--drop-shadow);
  clip-path: inset(0px 0px -48px 0px);
}
header-details-disclosure.mega .nav__sub.has-height-control {
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  height: calc(100vh - var(--header-elements-height) - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
}
header-details-disclosure.mega .nav__sub.has-height-control .nav__sub-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: auto;
}
header-details-disclosure.mega .nav__sub.has-height-control .nav__sub-wrap .list-menu {
  opacity: 1;
  transform: translateY(0);
}
header-details-disclosure.mega .nav__sub-wrap {
  width: 100%;
  max-width: 100%;
  padding: 22px 30px;
  box-shadow: none;
}
header-details-disclosure.mega .nav__sub-wrap::before, header-details-disclosure.mega .nav__sub-wrap::after {
  content: none;
}
header-details-disclosure.mega .mega-panel {
  --blocks-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: var(--blocks-gap);
  margin: 0 auto;
  max-width: var(--panel-max-width);
  padding:0 36px;
}
header-details-disclosure.mega .mega-panel--alignment-left {
  width: 100%;
  max-width: 1300px;
  justify-content: flex-start;
  /* border: 1px solid red; */
}
.header-details-disclosure.mega .nav__sub-wrap .mega .mega-panel{
  width: 100%;
  max-width: 1300px;
}
header-details-disclosure.mega .mega-panel--alignment-left .mega-panel__block .mega-panel__heading,
header-details-disclosure.mega .mega-panel--alignment-left .mega-panel__block .mega-panel__items,
header-details-disclosure.mega .mega-panel--alignment-left .mega-panel__block--incomplete .mega-panel__heading,
header-details-disclosure.mega .mega-panel--alignment-left .mega-panel__block--incomplete .mega-panel__items {
  justify-content: flex-start;
}
header-details-disclosure.mega .mega-panel--alignment-center {
  justify-content: center;
}
header-details-disclosure.mega .mega-panel--alignment-center .mega-panel__block--incomplete .mega-panel__heading,
header-details-disclosure.mega .mega-panel--alignment-center .mega-panel__block--incomplete .mega-panel__items {
  justify-content: center;
}
header-details-disclosure.mega .mega-panel__block {
  --width: 6;
  --per-row: 6;
  --spacing: 30;
  flex: 0 0 calc(1% * var(--width));
}
header-details-disclosure.mega .mega-panel--single-row .mega-panel__block {
  flex-basis: calc(1% * var(--width) - var(--blocks-gap) / 2);
}
header-details-disclosure.mega .mega-panel__heading {
  display: flex;
  margin-bottom: 9px;
  justify-content: flex-start;
}
header-details-disclosure.mega .mega-panel__heading > * {
  --item-span: 6;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% / var(--per-row) - 1px * var(--spacing) * (var(--per-row) - 1) / var(--per-row)) * var(--item-span) + 1px * var(--spacing) * (var(--item-span) - 1));
}
header-details-disclosure.mega .mega-panel__items {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: calc(1px * var(--spacing));
  list-style: none;
  margin: 0;
}
header-details-disclosure.mega .mega-panel__new_items{
  gap:14px;
}
.mega-panel__block--incomplete header-details-disclosure.mega .mega-panel__items {
  justify-content: center;
}
.mega-panel__block--incomplete header-details-disclosure.mega .mega-panel__items .mega-panel__item--full {
  justify-content: center;
}
header-details-disclosure.mega .mega-panel__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% / var(--per-row) - 1px * var(--spacing) * (var(--per-row) - 1) / var(--per-row));
  container-name: mega_panel_item;
  container-type: inline-size;
}
header-details-disclosure.mega .cta--text-align-center {
  text-align: center;
}
header-details-disclosure.mega .cta__content {
  margin-top: 12px;
}
header-details-disclosure.mega .cta__link:hover {
  opacity: 0.9;
}
header-details-disclosure.mega .cta__title {
  margin-bottom: 3px;
  color: var(--header-text-color);
  font-size: calc(var(--font--size-mega-menu) / var(--font--size-base) * 1rem);
  line-height: 1.8;
}
header-details-disclosure.mega .cta__text {
  font-family: var(--font--body);
  font-weight: var(--font--body-weight);
  font-style: var(--font--body-style);
  font-size: 0.875rem;
  text-transform: initial;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: 3px;
  color: var(--header-text-color-light);
}
header-details-disclosure.mega .cta__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header-details-disclosure.mega .mega-links {
  margin: 0;
  list-style-type: none;
}
header-details-disclosure.mega .mega-links .list-menu__link {
  padding: 3px 0;
}
header-details-disclosure.mega .mega-links--text-align-center {
  text-align: center;
}
header-details-disclosure.mega .mega-links--text-align-center .list-menu__link {
  justify-content: center;
}
header-details-disclosure.mega .mega-links__item--sub:hover .mega-links__link {
  background: transparent;
}
header-details-disclosure.mega .mega-links__link {
  position: relative;
  color: var(--header-text-color);
  width: 100%;
  display: inline-block;
  padding: 0;
  font-size: calc(var(--font--size-mega-menu) / var(--font--size-base) * 1rem);
  line-height: 1.8;
  margin-bottom: 6px;
  text-transform:initial;
}
header-details-disclosure.mega .mega-links__link::before {
  content: "";
  position: absolute;
  top: -0.5em;
  right: -0.75em;
  bottom: -0.5em;
  left: -0.75em;
  border-radius: 4px;
  background-color: transparent;
  opacity: 0;
  z-index: -1;
}
header-details-disclosure.mega .mega-links__link:hover {
  opacity: 1;
  color: var(--header-text-color);
  text-decoration: none;
}
header-details-disclosure.mega .mega-links__link:hover::before {
  opacity: 1;
  background-color: var(--header-bg-color-darker);
}
header-details-disclosure.mega .mega-links__link--has-children::before {
  content: none;
}

@media (prefers-reduced-motion: reduce) {
  header-details-disclosure.mega details[open] .has-animation {
    animation: none;
    opacity: 1;
    transform: translateY(0);
  }
}
@container mega_panel_item (min-width: 400px) {
  .mega-links .list-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.cart-count-bubble {
  position: absolute;
  top: -3px;
  right: -5px;
  min-width: 14px;
  line-height: 12px;
  font-size: 9px;
  padding: 1px 3px;
  text-align: center;
  letter-spacing: 0;
  border-radius: 15px;
  font-family: sans-serif;
  background: var(--header-text-color);
  color: var(--header-text-contrast-color);
  -webkit-transition: background 300ms ease, color 300ms ease;
  -moz-transition: background 300ms ease, color 300ms ease;
  transition: background 300ms ease, color 300ms ease;
}

.js-using-tab .primary-nav__item:focus-within > .nav__sub {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub,
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub-wrap,
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub-t__link,
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub__link {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub--cta .nav__sub__items,
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub__cta,
.js-using-tab .mega .primary-nav__item:focus-within .nav__sub__item {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.4s ease-out;
  -moz-transition: opacity 0.2s ease-in, -moz-transform 0.4s ease-out;
  transition: opacity 0.2s ease-in, transform 0.4s ease-out;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .js-using-tab .mega .primary-nav__item:focus-within .nav__sub--cta .nav__sub__items,
  .js-using-tab .mega .primary-nav__item:focus-within .nav__sub__cta,
  .js-using-tab .mega .primary-nav__item:focus-within .nav__sub__item {
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
}
@keyframes animateMenuOpen {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.5rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
@keyframes animateMenuItemOpen {
  0% {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*# sourceMappingURL=component-header.css.map */
/* 使用CSS变量集中管理所有left值 */
:root {
  /* 1393-1599px 区间变量 */
  --logo-1393-1440-normal: 115px;  /* 正常窗口1393-1440 */
  --logo-1393-1440-full: 94px;     /* 全窗口1393-1440 */
  --logo-1440-exact: 100px;        /* 精确1440px */

  --logo-1441-1450: 92px;        /* 1441-1493px */
  --logo-1451-1460: 96px;
  --logo-1461-1470: 100px;
  --logo-1471-1480: 104px;
  --logo-1481-1490: 108px;
  --logo-1491-1493: 112px;

  --logo-1494-1503: 120px;         /* 1494-1535px */
  --logo-1504-1513: 124px; 
  --logo-1514-1523: 128px; 
  --logo-1524-1533: 132px;  
  --logo-1534-1535: 136px; 
  --logo-1536-1546: 140px;         /* 1536-1546px */
  --logo-1547-1556: 148px;         /* 1547-1599px */
  --logo-1557-1566: 153px; 
  --logo-1567-1576: 154px; 
  --logo-1577-1586: 160px; 
  --logo-1587-1596: 165px;
  --logo-1597-1599: 170px; 

  /* 1600-1919px 区间变量 */      
  --logo-1600-1609: 175px;         /*1600-1680*/
  --logo-1610-1619: 180px;
  --logo-1620-1629: 184px;
  --logo-1630-1639: 189px;
  --logo-1640-1649: 194px;
  --logo-1650-1659: 200px;
  --logo-1660-1669: 204px;
  --logo-1670-1679: 208px;        
  --logo-1680-1689: 214px;         /*1680-1740*/
  --logo-1690-1699: 218px;
  --logo-1700-1709: 222px;
  --logo-1710-1719: 226px;
  --logo-1720-1729: 232px;
  --logo-1730-1740: 238px;    

  --logo-1741-1750: 242px;       /*1741-1799px*/
  --logo-1751-1760: 244px;
  --logo-1761-1770: 254px;
  --logo-1771-1780: 258px;
  --logo-1781-1790: 262px;
  --logo-1791-1799: 266px;

  --logo-1800-1809: 273px;        /* 1800-1859px */
  --logo-1810-1819: 276px; 
  --logo-1820-1829: 282px;
  --logo-1830-1839: 286px;
  --logo-1840-1849: 291px;
  --logo-1850-1859: 296px;
  --logo-1860-1909: 318px;         /* 1860-1909px */
  --logo-1910-1919: 330px;         /* 1910-1919px */

  /* 1920px以上区间变量 */
  --logo-1920-1989: 332px;         /* 1920-1989px */
  --logo-1990-2056: 376px;         /* 1990-2056px */
  --logo-2057-2159: 432px;         /* 2057-2159px */
  --logo-2160-2320: 455px;         /* 2160-2320px */
  --logo-2321-2399: 562px;         /* 2321-2399px */
  --logo-2321-exact: 540px;        /* 精确2321px */
  --logo-2400-2559: 642px;         /* 2400-2559px */

  /* 超高分辨率区间变量 */
  --logo-2560-2879: 800px;         /* 2560-2879px */
  --logo-2880-3199: 825px;         /* 2880-3199px */
  --logo-2560-3199: 802px;         /* 2560-3199px通用 */
  --logo-3200-3839: 1276px;        /* 3200-3839px */
  --logo-3840-up: 2226px;          /* 3840px以上 */
}

/* 1393-1440px 窗口模式区分 */
@media (min-width: 1393px) and (max-width: 1440px) and (max-width: calc(100vw - 1px)) {
  .header--logo-left .header__logo { left: var(--logo-1393-1440-normal); }
}

@media (min-width: 1393px) and (max-width: 1440px) and (width: 100vw) {
  .header--logo-left .header__logo { left: var(--logo-1393-1440-full); }
}

/* 精确1440px */
@media (width: 1440px) {
  .header--logo-left .header__logo { left: var(--logo-1440-exact); }
}

/* 1441-1493px */
@media (min-width: 1441px) and (max-width: 1450px) {
  .header--logo-left .header__logo { left: var(--logo-1441-1450); }
}

@media (min-width: 1451px) and (max-width: 1460px) {
  .header--logo-left .header__logo { left: var(--logo-1451-1460); }
}

@media (min-width: 1461px) and (max-width: 1470px) {
  .header--logo-left .header__logo { left: var(--logo-1461-1470); }
}

@media (min-width: 1471px) and (max-width: 1480px) {
  .header--logo-left .header__logo { left: var(--logo-1471-1480); }
}

@media (min-width: 1481px) and (max-width: 1490px) {
  .header--logo-left .header__logo { left: var(--logo-1481-1490); }
}

@media (min-width: 1491px) and (max-width: 1493px) {
  .header--logo-left .header__logo { left: var(--logo-1491-1493); }
}

/* 1494-1535px */
@media (min-width: 1494px) and (max-width: 1503px) {
  .header--logo-left .header__logo { left: var(--logo-1494-1503); }
}

@media (min-width: 1504px) and (max-width: 1513px) {
  .header--logo-left .header__logo { left: var(--logo-1504-1513); }
}

@media (min-width: 1514px) and (max-width: 1523px) {
  .header--logo-left .header__logo { left: var(--logo-1514-1523); }
}

@media (min-width: 1524px) and (max-width: 1533px) {
  .header--logo-left .header__logo { left: var(--logo-1524-1533); }
}

@media (min-width: 1534px) and (max-width: 1535px) {
  .header--logo-left .header__logo { left: var(--logo-1534-1535); }
}

/* 下一区间：1536-1546px*/​
@media (min-width: 1536px) and (max-width: 1546px) {
  .header--logo-left .header__logo { left: var(--logo-1536-1546); }
}


/* 1536-1546px */
@media (min-width: 1536px) and (max-width: 1546px) {
  .header--logo-left .header__logo { left: var(--logo-1536-1546); }
}

/* 1547-1599px */
@media (min-width: 1547px) and (max-width: 1556px) {
  .header--logo-left .header__logo {left: var(--logo-1547-1556);}
}

@media (min-width: 1557px) and (max-width: 1566px) {
  .header--logo-left .header__logo {left: var(--logo-1557-1566);}
}

@media (min-width: 1567px) and (max-width: 1576px) {
  .header--logo-left .header__logo {left: var(--logo-1567-1576);}
}

@media (min-width: 1577px) and (max-width: 1586px) {
  .header--logo-left .header__logo {left: var(--logo-1577-1586);}
}

@media (min-width: 1587px) and (max-width: 1596px) {
  .header--logo-left .header__logo {left: var(--logo-1587-1596);}
}

@media (min-width: 1597px) and (max-width: 1599px) {
  .header--logo-left .header__logo {left: var(--logo-1597-1599);}
}

@media (min-width: 1536px) and (max-width: 1546px) {
  .header--logo-left .header__logo {left: var(--logo-1536-1546);}
}
@media (min-width: 1600px) and (max-width: 1609px) {
  .header--logo-left .header__logo {left: var(--logo-1600-1609);}
}

/* 1600-1679px */
@media (min-width: 1600px) and (max-width: 1609px) {
  .header--logo-left .header__logo { left: var(--logo-1600-1609); }
}

@media (min-width: 1610px) and (max-width: 1619px) {
  .header--logo-left .header__logo { left: var(--logo-1610-1619); }
}

@media (min-width: 1620px) and (max-width: 1629px) {
  .header--logo-left .header__logo { left: var(--logo-1620-1629); }
}

@media (min-width: 1630px) and (max-width: 1639px) {
  .header--logo-left .header__logo { left: var(--logo-1630-1639); }
}

@media (min-width: 1640px) and (max-width: 1649px) {
  .header--logo-left .header__logo { left: var(--logo-1640-1649); }
}

@media (min-width: 1650px) and (max-width: 1659px) {
  .header--logo-left .header__logo { left: var(--logo-1650-1659); }
}

@media (min-width: 1660px) and (max-width: 1669px) {
  .header--logo-left .header__logo { left: var(--logo-1660-1669); }
}

@media (min-width: 1670px) and (max-width: 1679px) {
  .header--logo-left .header__logo { left: var(--logo-1670-1679); }
}

/* 1680-1740px */
@media (min-width: 1680px) and (max-width: 1689px) {
  .header--logo-left .header__logo { left: var(--logo-1680-1689); }
}

@media (min-width: 1690px) and (max-width: 1699px) {
  .header--logo-left .header__logo { left: var(--logo-1690-1699); }
}

@media (min-width: 1700px) and (max-width: 1709px) {
  .header--logo-left .header__logo { left: var(--logo-1700-1709); }
}

@media (min-width: 1710px) and (max-width: 1719px) {
  .header--logo-left .header__logo { left: var(--logo-1710-1719); }
}

@media (min-width: 1720px) and (max-width: 1729px) {
  .header--logo-left .header__logo { left: var(--logo-1720-1729); }
}

@media (min-width: 1730px) and (max-width: 1740px) {
  .header--logo-left .header__logo { left: var(--logo-1730-1740); }
}

/* 1741-1799px */
@media (min-width: 1741px) and (max-width: 1750px) {
  .header--logo-left .header__logo { left: var(--logo-1741-1750); }
}

@media (min-width: 1751px) and (max-width: 1760px) {
  .header--logo-left .header__logo { left: var(--logo-1751-1760); }
}

@media (min-width: 1761px) and (max-width: 1770px) {
  .header--logo-left .header__logo { left: var(--logo-1761-1770); }
}

@media (min-width: 1771px) and (max-width: 1780px) {
  .header--logo-left .header__logo { left: var(--logo-1771-1780); }
}

@media (min-width: 1781px) and (max-width: 1790px) {
  .header--logo-left .header__logo { left: var(--logo-1781-1790); }
}

@media (min-width: 1791px) and (max-width: 1799px) {
  .header--logo-left .header__logo { left: var(--logo-1791-1799); }
}

/* 1800-1859px */
@media (min-width: 1800px) and (max-width: 1809px) {
  .header--logo-left .header__logo { left: var(--logo-1800-1809); }
}

@media (min-width: 1810px) and (max-width: 1819px) {
  .header--logo-left .header__logo { left: var(--logo-1810-1819); }
}

@media (min-width: 1820px) and (max-width: 1829px) {
  .header--logo-left .header__logo { left: var(--logo-1820-1829); }
}

@media (min-width: 1830px) and (max-width: 1849px) {
  .header--logo-left .header__logo { left: var(--logo-1830-1839); }
}

@media (min-width: 1840px) and (max-width: 1849px) {
  .header--logo-left .header__logo { left: var(--logo-1840-1849); }
}

@media (min-width: 1850px) and (max-width: 1859px) {
  .header--logo-left .header__logo { left: var(--logo-1850-1859); }
}



/* 1860-1909px */
@media (min-width: 1860px) and (max-width: 1909px) {
  .header--logo-left .header__logo { left: var(--logo-1860-1909); }
}

/* 1910-1919px */
@media (min-width: 1910px) and (max-width: 1919px) {
  .header--logo-left .header__logo { left: var(--logo-1910-1919); }
}

/* 1920-1989px */
@media (min-width: 1920px) and (max-width: 1989px) {
  .header--logo-left .header__logo { left: var(--logo-1920-1989); }
  header-details-disclosure.mega .mega-panel--alignment-left{
    padding:0 30px;
  }
}

/* 1990-2056px */
@media (min-width: 1990px) and (max-width: 2056px) {
  .header--logo-left .header__logo { left: var(--logo-1990-2056); }
}

/* 2057-2159px */
@media (min-width: 2057px) and (max-width: 2159px) {
  .header--logo-left .header__logo { left: var(--logo-2057-2159); }
}

/* 2160-2320px */
@media (min-width: 2160px) and (max-width: 2320px) {
  .header--logo-left .header__logo { left: var(--logo-2160-2320); }
}

/* 2321-2399px 范围与精确值 */
@media (min-width: 2321px) and (max-width: 2399px) {
  .header--logo-left .header__logo { left: var(--logo-2321-2399); }
}

@media (width: 2321px) {
  .header--logo-left .header__logo { left: var(--logo-2321-exact); }
}

/* 2400-2559px */
@media (min-width: 2400px) and (max-width: 2559px) {
  .header--logo-left .header__logo { left: var(--logo-2400-2559); }
}

/* 2560px以上区间（按优先级排序） */
@media (min-width: 2560px) and (max-width: 3199px) {
  .header--logo-left .header__logo { left: var(--logo-2560-3199); }
}

@media (min-width: 2560px) and (max-width: 2879px) {
  .header--logo-left .header__logo { left: var(--logo-2560-2879); }
}

@media (min-width: 2880px) and (max-width: 3199px) {
  .header--logo-left .header__logo { left: var(--logo-2880-3199) !important; }
}

/* 3200px以上区间 */
@media (min-width: 3200px) and (max-width: 3839px) {
  .header--logo-left .header__logo { left: var(--logo-3200-3839); }
}

@media (min-width: 3840px) {
  .header--logo-left .header__logo { left: var(--logo-3840-up); }
}

/* 浏览器缩放适配 */
@media (min-width: 1280px) and (max-width: 1392px) and (min-resolution: 1dppx) {
  .header--logo-left .header__logo { left: calc(100px * 0.9); }
}

@media (min-width: 1280px) and (max-width: 1392px) and (min-resolution: 1.25dppx) {
  .header--logo-left .header__logo { left: calc(100px * 0.85); }
}