/**
 * MerchFuse v1.15.14.4 — deterministic first-paint header stability.
 *
 * Keeps the header shell and its painted contents in the same layout from the
 * first frame, including when an optimisation layer postpones non-critical CSS
 * or JavaScript until the first interaction. It also avoids the WebKit sticky
 * compositing state that could leave the logo/icons painted one header-height
 * below their black header background until a tap or pointer event.
 */

html[data-mf-theme] body.mf-site .mf-header,
html[data-mf-theme] body.mf-site .mf-header[data-sticky="true"],
html[data-mf-theme] body.mf-site .mf-header[data-sticky="false"] {
  isolation:auto !important;
  contain:none !important;
  content-visibility:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  will-change:auto !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
  perspective:none !important;
  filter:none !important;
  clip-path:none !important;
  background-color:#0d0d0d !important;
  color:#fff !important;
}

html[data-mf-theme] body.mf-site .mf-header__inner,
html[data-mf-theme] body.mf-site .mf-header__brand,
html[data-mf-theme] body.mf-site .mf-mobile-tools,
html[data-mf-theme] body.mf-site .mf-header__tools,
html[data-mf-theme] body.mf-site .mf-menu-toggle {
  content-visibility:visible !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

html[data-mf-theme] body.mf-site .mf-header__inner {
  position:relative !important;
  z-index:2 !important;
  box-sizing:border-box !important;
  background-color:#0d0d0d !important;
  color:#fff !important;
}

html[data-mf-theme] body.mf-site .mf-header__brand,
html[data-mf-theme] body.mf-site .mf-header__brand a,
html[data-mf-theme] body.mf-site .mf-header__brand img {
  background-color:transparent !important;
  background-image:none !important;
}

html[data-mf-theme] body.mf-site .mf-header__brand img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  transform:none !important;
}

html[data-mf-theme] body.mf-site .mf-header-repaint {
  outline:1px solid transparent !important;
  outline-offset:-1px !important;
}

@media (min-width:1281px) {
  html[data-mf-theme] body.mf-site .mf-header__inner {
    width:min(calc(100% - 32px),1760px) !important;
    max-width:1760px !important;
    min-height:82px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(176px,218px) minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:clamp(14px,1.7vw,30px) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand {
    grid-column:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-self:start !important;
    max-width:218px !important;
  }

  html[data-mf-theme] body.mf-site .mf-mobile-tools,
  html[data-mf-theme] body.mf-site .mf-menu-toggle {
    display:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__tools {
    grid-column:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-self:end !important;
  }
}

html[data-mf-theme].mf-header-booting body.mf-site .mf-header[data-sticky="true"] {
  position:relative !important;
  top:auto !important;
}

html[data-mf-theme].mf-header-ready body.mf-site .mf-header[data-sticky="true"] {
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
}

@media (max-width:1280px) {

  html[data-mf-theme] body.mf-site .mf-header__inner {
    width:calc(100% - 20px) !important;
    max-width:none !important;
    min-height:72px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(104px,1fr) auto 44px !important;
    grid-template-rows:72px !important;
    align-items:center !important;
    gap:5px !important;
    overflow:visible !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand {
    grid-column:1 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    justify-self:start !important;
    max-width:172px !important;
    min-height:0 !important;
    height:auto !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand img {
    max-width:172px !important;
    max-height:43px !important;
  }

  html[data-mf-theme] body.mf-site .mf-mobile-tools {
    grid-column:2 !important;
    grid-row:1 !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    justify-self:end !important;
    gap:5px !important;
    min-height:0 !important;
    height:auto !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__tools {
    display:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-menu-toggle {
    grid-column:3 !important;
    grid-row:1 !important;
    display:inline-grid !important;
    place-items:center !important;
    align-self:center !important;
    justify-self:end !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav:not([data-open="true"]),
  html[data-mf-theme] body.mf-site .mf-header__nav:not([data-open="true"]) * {
    pointer-events:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav:not([data-open="true"]) {
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateX(-102%) !important;
  }
}

@media (max-width:640px) {
  html[data-mf-theme] body.mf-site .mf-mobile-tools .mf-mobile-wishlist {
    display:none !important;
  }
}

@media (max-width:390px) {
  html[data-mf-theme] body.mf-site .mf-header__inner {
    width:calc(100% - 16px) !important;
    grid-template-columns:minmax(96px,1fr) auto 42px !important;
    gap:3px !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand {
    max-width:150px !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand img {
    max-width:150px !important;
    max-height:39px !important;
  }

  html[data-mf-theme] body.mf-site .mf-menu-toggle {
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}