/**
 * MerchFuse v1.15.9.2 — header, mega-menu and customer-page final audit.
 * Loaded after every existing stylesheet. No decorative gradients.
 */

/* --------------------------------------------------------------------------
   Shared header tokens. The header stays black; every desktop mega menu uses
   one warm, light, high-contrast palette in both site modes.
   -------------------------------------------------------------------------- */
html[data-mf-theme] body.mf-site .mf-header {
  --mf-menu-panel:#f7f0e7;
  --mf-menu-card:#fffdf9;
  --mf-menu-card-soft:#efe4d7;
  --mf-menu-ink:#1a1511;
  --mf-menu-text:#312922;
  --mf-menu-muted:#665a4f;
  --mf-menu-line:#cbbbaa;
  --mf-menu-line-strong:#7a6d61;
  --mf-menu-accent:#d92b22;
  --mf-menu-accent-hover:#b9231b;
  --mf-menu-shadow:0 22px 60px rgba(12,10,8,.22);
}

html[data-mf-theme] body.mf-site :is(.mf-header,.mf-header__inner,.mf-header__brand,.mf-header__nav,.mf-header__tools,.mf-mobile-tools) {
  background-color:#0d0d0d !important;
  background-image:none !important;
  border-color:#343434 !important;
  color:#fff !important;
}

@media (min-width:1025px) {
  html[data-mf-theme] body.mf-site .mf-header__inner {
    min-height:82px !important;
    display:grid !important;
    grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:clamp(18px,2vw,34px) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__brand {
    align-self:center !important;
    justify-self:start !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav {
    min-width:0 !important;
    align-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav {
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:clamp(5px,.7vw,13px) !important;
    font-family:var(--mf-font-body) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li {
    position:relative !important;
    display:flex !important;
    align-items:stretch !important;
    min-width:0 !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > a {
    position:relative !important;
    min-height:82px !important;
    padding:0 clamp(7px,.55vw,11px) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:none !important;
    color:#f7f4ef !important;
    -webkit-text-fill-color:#f7f4ef !important;
    box-shadow:none !important;
    font-family:var(--mf-font-body) !important;
    font-size:clamp(10px,.72vw,12px) !important;
    font-weight:760 !important;
    line-height:1.1 !important;
    letter-spacing:.012em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    transition:color 180ms ease,transform 180ms ease !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > a::before {
    content:"" !important;
    position:absolute !important;
    left:9px !important;
    right:9px !important;
    bottom:17px !important;
    height:2px !important;
    border:0 !important;
    border-radius:2px !important;
    background-color:var(--mf-menu-accent) !important;
    background-image:none !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    opacity:0 !important;
    transition:transform 180ms ease,opacity 180ms ease !important;
  }

  /* Restore a real chevron. The old open-state rule coloured this pseudo
     element red and turned it into the small red square seen in screenshots. */
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.menu-item-has-children > a::after {
    content:"" !important;
    position:static !important;
    flex:0 0 7px !important;
    width:7px !important;
    height:7px !important;
    margin:0 0 4px 1px !important;
    display:inline-block !important;
    border:0 !important;
    border-right:1.5px solid currentColor !important;
    border-bottom:1.5px solid currentColor !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:none !important;
    color:inherit !important;
    transform:rotate(45deg) !important;
    transform-origin:center !important;
    transition:transform 180ms ease,color 180ms ease !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > a:is(:hover,:focus-visible),
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.mf-menu-open > a,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.current-menu-item > a,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.current-menu-ancestor > a {
    background-color:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:none !important;
    transform:translateY(-1px) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > a:is(:hover,:focus-visible)::before,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.mf-menu-open > a::before,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.current-menu-item > a::before,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.current-menu-ancestor > a::before {
    transform:scaleX(1) !important;
    opacity:1 !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.mf-menu-open.menu-item-has-children > a::after,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li.menu-item-has-children > a:is(:hover,:focus-visible)::after {
    background-color:transparent !important;
    background-image:none !important;
    color:#fff !important;
    transform:rotate(225deg) translate(-1px,-1px) !important;
  }

  /* ----------------------------------------------------------------------
     Content-aware desktop mega menu.
     ---------------------------------------------------------------------- */
  html.mf-desktop-menu-js[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-item--mega > .sub-menu,
  html.mf-desktop-menu-js[data-mf-theme] body.mf-site .mf-nav > li[data-submenu="mega"] > .sub-menu,
  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu.mf-submenu--mega {
    --mf-mega-columns:3;
    position:fixed !important;
    top:var(--mf-mega-top,82px) !important;
    left:50vw !important;
    right:auto !important;
    width:min(var(--mf-mega-width,1380px),calc(100vw - 48px)) !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    max-height:min(720px,calc(100vh - var(--mf-mega-top,82px) - 18px)) !important;
    margin:0 !important;
    padding:clamp(22px,2.2vw,34px) !important;
    display:grid !important;
    grid-template-columns:minmax(230px,280px) repeat(var(--mf-mega-columns),minmax(180px,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-rows:max-content !important;
    align-items:start !important;
    align-content:start !important;
    justify-content:start !important;
    gap:clamp(18px,2vw,32px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    border:1px solid var(--mf-menu-line) !important;
    border-radius:18px !important;
    background-color:var(--mf-menu-panel) !important;
    background-image:none !important;
    color:var(--mf-menu-text) !important;
    box-shadow:var(--mf-menu-shadow) !important;
    z-index:9998 !important;
    transform:translate(-50%,10px) !important;
    transform-origin:top center !important;
    scrollbar-color:var(--mf-menu-line-strong) transparent !important;
  }

  html.mf-desktop-menu-js[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu,
  html.mf-desktop-menu-js[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu.mf-submenu--mega,
  html.mf-desktop-menu-js[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu.mf-submenu--grid {
    transform:translate(-50%,0) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu.mf-menu-density--compact {
    width:min(var(--mf-mega-width,920px),calc(100vw - 48px)) !important;
    max-height:min(560px,calc(100vh - var(--mf-mega-top,82px) - 18px)) !important;
    grid-template-columns:minmax(230px,270px) repeat(var(--mf-mega-columns),minmax(210px,1fr)) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu.mf-menu-density--dense {
    width:min(var(--mf-mega-width,1460px),calc(100vw - 40px)) !important;
    max-height:min(760px,calc(100vh - var(--mf-mega-top,82px) - 14px)) !important;
    gap:clamp(16px,1.6vw,26px) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu.mf-menu-no-visual {
    grid-template-columns:repeat(var(--mf-mega-columns),minmax(190px,1fr)) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu.mf-menu-no-visual.mf-menu-density--compact {
    grid-template-columns:repeat(var(--mf-mega-columns),minmax(190px,1fr)) !important;
    padding:22px !important;
    gap:14px !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-18px !important;
    height:18px !important;
    background:transparent !important;
    pointer-events:auto !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li {
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    align-self:start !important;
    break-inside:avoid !important;
    background:transparent !important;
    border:0 !important;
    color:var(--mf-menu-text) !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li.mf-mega-visual-item {
    grid-row:span 2 !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card {
    width:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border:1px solid var(--mf-menu-line) !important;
    border-radius:15px !important;
    background-color:var(--mf-menu-card) !important;
    background-image:none !important;
    color:var(--mf-menu-text) !important;
    -webkit-text-fill-color:var(--mf-menu-text) !important;
    box-shadow:none !important;
    text-decoration:none !important;
    transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card.has-image .mf-menu-feature-card__media {
    display:block !important;
    width:100% !important;
    aspect-ratio:16 / 10 !important;
    overflow:hidden !important;
    border:0 !important;
    border-bottom:1px solid var(--mf-menu-line) !important;
    background-color:var(--mf-menu-card-soft) !important;
    background-image:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__media img {
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:8px !important;
    background-color:var(--mf-menu-card-soft) !important;
    transform:none !important;
    filter:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card.is-text-only {
    min-height:210px !important;
    justify-content:flex-end !important;
    background-color:var(--mf-menu-card) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > .sub-menu.mf-menu-density--compact.mf-menu-feature-text-only .mf-menu-feature-card.is-text-only {
    min-height:148px !important;
    justify-content:center !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav > li > .sub-menu.mf-menu-density--compact.mf-menu-feature-text-only .mf-menu-feature-card__content {
    justify-content:center !important;
    padding:18px 20px !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__content {
    min-width:0 !important;
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-end !important;
    gap:8px !important;
    padding:18px !important;
    background-color:transparent !important;
    background-image:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__content small,
  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__content em {
    margin:0 !important;
    color:var(--mf-menu-muted) !important;
    -webkit-text-fill-color:var(--mf-menu-muted) !important;
    font-family:var(--mf-font-body) !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:760 !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__content strong {
    color:var(--mf-menu-ink) !important;
    -webkit-text-fill-color:var(--mf-menu-ink) !important;
    font-family:var(--mf-font-body) !important;
    font-size:clamp(19px,1.35vw,24px) !important;
    font-weight:820 !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card__content > span {
    display:block !important;
    color:var(--mf-menu-muted) !important;
    -webkit-text-fill-color:var(--mf-menu-muted) !important;
    font-family:var(--mf-font-body) !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.5 !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-nav .sub-menu .mf-menu-feature-card:is(:hover,:focus-visible) {
    border-color:var(--mf-menu-accent) !important;
    background-color:#fff !important;
    color:var(--mf-menu-ink) !important;
    box-shadow:none !important;
    transform:translateY(-3px) !important;
    outline:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li.mf-mega-group > a {
    min-height:42px !important;
    margin:0 0 8px !important;
    padding:0 0 10px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    border:0 !important;
    border-bottom:1px solid var(--mf-menu-line) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--mf-menu-ink) !important;
    -webkit-text-fill-color:var(--mf-menu-ink) !important;
    font-family:var(--mf-font-body) !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
    letter-spacing:-.01em !important;
    text-transform:none !important;
    white-space:normal !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu .mf-mega-group > .sub-menu {
    position:static !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:2px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu .mf-mega-group > .sub-menu a,
  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li.mf-mega-link-item > a {
    position:relative !important;
    min-height:36px !important;
    width:100% !important;
    margin:0 !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center !important;
    border:1px solid transparent !important;
    border-radius:8px !important;
    background-color:transparent !important;
    background-image:none !important;
    color:var(--mf-menu-text) !important;
    -webkit-text-fill-color:var(--mf-menu-text) !important;
    font-family:var(--mf-font-body) !important;
    font-size:13px !important;
    font-weight:620 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    transition:transform 150ms ease,border-color 150ms ease,background-color 150ms ease,color 150ms ease !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li.mf-mega-link-item > a {
    min-height:54px !important;
    padding:12px 14px !important;
    border-color:var(--mf-menu-line) !important;
    background-color:var(--mf-menu-card) !important;
    color:var(--mf-menu-ink) !important;
    -webkit-text-fill-color:var(--mf-menu-ink) !important;
    font-size:14px !important;
    font-weight:760 !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu .mf-mega-group > .sub-menu a:is(:hover,:focus-visible),
  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu > li.mf-mega-link-item > a:is(:hover,:focus-visible),
  html[data-mf-theme] body.mf-site .mf-nav > li > .sub-menu .current-menu-item > a {
    border-color:var(--mf-menu-accent) !important;
    background-color:#fff !important;
    color:var(--mf-menu-accent-hover) !important;
    -webkit-text-fill-color:var(--mf-menu-accent-hover) !important;
    box-shadow:none !important;
    transform:translateX(3px) !important;
    outline:none !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li {
    animation:mfMenuItemIn 240ms ease both !important;
  }

  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li:nth-child(2) { animation-delay:22ms !important; }
  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li:nth-child(3) { animation-delay:44ms !important; }
  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li:nth-child(4) { animation-delay:66ms !important; }
  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li:nth-child(n+5) { animation-delay:88ms !important; }
}

@keyframes mfMenuItemIn {
  from { opacity:0; transform:translateY(7px); }
  to { opacity:1; transform:translateY(0); }
}

/* --------------------------------------------------------------------------
   Header action icons: one border, predictable movement, no glow/double ring.
   -------------------------------------------------------------------------- */
html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle) {
  position:relative !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  display:inline-grid !important;
  place-items:center !important;
  overflow:visible !important;
  border:1px solid #4b4b4b !important;
  border-radius:50% !important;
  background-color:transparent !important;
  background-image:none !important;
  color:#f7f4ef !important;
  box-shadow:none !important;
  outline:none !important;
  transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease,color 180ms ease !important;
}

html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle)::before,
html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle)::after {
  content:none !important;
  display:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle) .mf-icon,
html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle) svg {
  width:21px !important;
  height:21px !important;
  color:inherit !important;
  stroke:currentColor !important;
  transform:none !important;
  transition:transform 180ms ease,color 180ms ease !important;
}

html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle):is(:hover,:focus-visible) {
  border-color:var(--mf-menu-accent) !important;
  background-color:#1b1714 !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:translateY(-2px) scale(1.035) !important;
}

html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle):is(:hover,:focus-visible) .mf-icon,
html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle):is(:hover,:focus-visible) svg {
  transform:scale(1.07) !important;
}

html[data-mf-theme] body.mf-site .mf-header .mf-theme-toggle[aria-pressed="true"] {
  border-color:var(--mf-menu-accent) !important;
  background-color:#1b1714 !important;
  color:#fff !important;
  box-shadow:none !important;
}

html[data-mf-theme] body.mf-site .mf-header .mf-theme-toggle:is(:hover,:focus-visible) svg {
  transform:rotate(18deg) scale(1.04) !important;
}

html[data-mf-theme] body.mf-site .mf-header .mf-search-toggle:is(:hover,:focus-visible) svg { transform:rotate(-8deg) scale(1.08) !important; }
html[data-mf-theme] body.mf-site .mf-header .mf-wishlist-btn:is(:hover,:focus-visible) svg,
html[data-mf-theme] body.mf-site .mf-header [class*="wishlist"]:is(:hover,:focus-visible) svg { transform:scale(1.12) !important; }
html[data-mf-theme] body.mf-site .mf-header .mf-cart-btn:is(:hover,:focus-visible) svg { transform:translateY(-1px) scale(1.06) !important; }

/* --------------------------------------------------------------------------
   Static customer and policy pages. Both columns use the same mode palette;
   no permanent black card is left inside the light version.
   -------------------------------------------------------------------------- */
html[data-mf-theme] body.mf-site.mf-support-page :is(
  .mf-page,.mf-page__article,.mf-page__content,.mf-static-page,
  .mf-static-hero,.mf-static-hero__copy,.mf-static-hero__card,
  .mf-static-card,.mf-static-panel,.mf-static-contact-strip,.mf-static-link-grid,
  .mf-static-index,.mf-static-faq,.mf-static-timeline
) {
  background-image:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-page {
  width:min(1480px,calc(100% - 32px)) !important;
  margin-inline:auto !important;
  padding-block:clamp(34px,5vw,72px) !important;
  background-color:transparent !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-page__article,
html[data-mf-theme] body.mf-site.mf-support-page .mf-page__content,
html[data-mf-theme] body.mf-site.mf-support-page .mf-static-page {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background-color:transparent !important;
  color:var(--mf-text) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero {
  width:100% !important;
  min-height:0 !important;
  margin:0 0 clamp(28px,4vw,52px) !important;
  padding:clamp(28px,4vw,56px) !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr) !important;
  align-items:stretch !important;
  gap:clamp(24px,4vw,64px) !important;
  overflow:hidden !important;
  border:1px solid var(--mf-border) !important;
  border-radius:24px !important;
  background-color:var(--mf-paper-card) !important;
  color:var(--mf-text) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__copy {
  min-width:0 !important;
  padding:clamp(12px,2vw,28px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:18px !important;
  background-color:var(--mf-paper-card-2) !important;
  color:var(--mf-text) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card {
  min-width:0 !important;
  padding:clamp(26px,3vw,42px) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:16px !important;
  border:1px solid var(--mf-border) !important;
  border-radius:18px !important;
  background-color:var(--mf-paper-card-2) !important;
  color:var(--mf-text) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-kicker {
  margin:0 0 14px !important;
  color:var(--mf-brand-hover) !important;
  -webkit-text-fill-color:var(--mf-brand-hover) !important;
  font-family:var(--mf-font-body) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero h1 {
  max-width:12ch !important;
  margin:0 0 24px !important;
  color:var(--mf-ink) !important;
  -webkit-text-fill-color:var(--mf-ink) !important;
  font-size:clamp(46px,6vw,88px) !important;
  font-weight:650 !important;
  line-height:.94 !important;
  letter-spacing:-.055em !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__copy > p:not(.mf-static-kicker),
html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card p {
  margin:0 !important;
  color:var(--mf-muted) !important;
  -webkit-text-fill-color:var(--mf-muted) !important;
  font-size:clamp(15px,1.2vw,18px) !important;
  line-height:1.65 !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card strong {
  color:var(--mf-ink) !important;
  -webkit-text-fill-color:var(--mf-ink) !important;
  font-family:var(--mf-font-body) !important;
  font-size:clamp(24px,2.4vw,38px) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card .mf-static-icon {
  width:58px !important;
  height:58px !important;
  display:inline-grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background-color:var(--mf-brand) !important;
  background-image:none !important;
  color:#fff !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-actions {
  margin-top:30px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn,
html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn:visited {
  min-height:48px !important;
  padding:13px 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--mf-border-strong) !important;
  border-radius:999px !important;
  background-color:var(--mf-paper-card) !important;
  background-image:none !important;
  color:var(--mf-ink) !important;
  -webkit-text-fill-color:var(--mf-ink) !important;
  box-shadow:none !important;
  font-family:var(--mf-font-body) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  transition:transform 170ms ease,border-color 170ms ease,background-color 170ms ease,color 170ms ease !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn--primary,
html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn--primary:visited {
  border-color:var(--mf-brand) !important;
  background-color:var(--mf-brand) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn:is(:hover,:focus-visible) {
  border-color:var(--mf-brand-hover) !important;
  background-color:var(--mf-brand-hover) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  transform:translateY(-2px) !important;
  outline:none !important;
}

html[data-mf-theme] body.mf-site.mf-support-page :is(.mf-static-card,.mf-static-panel,.mf-static-contact-strip,.mf-static-link-grid > a,.mf-static-faq,.mf-static-index > div) {
  border-color:var(--mf-border) !important;
  background-color:var(--mf-paper-card) !important;
  color:var(--mf-text) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page :is(.mf-static-card,.mf-static-panel,.mf-static-faq,.mf-static-index > div) :is(h2,h3,h4,strong,summary,a) {
  color:var(--mf-ink) !important;
  -webkit-text-fill-color:var(--mf-ink) !important;
}

html[data-mf-theme] body.mf-site.mf-support-page :is(.mf-static-card,.mf-static-panel,.mf-static-faq,.mf-static-index > div) :is(p,li,span,small) {
  color:var(--mf-muted) !important;
  -webkit-text-fill-color:var(--mf-muted) !important;
}

/* Trust and assurance copy must inherit the active paper palette rather than
   older product-only black text declarations. */
html[data-mf-theme] body.mf-site .mf-trust .mf-trust__item :is(h2,h3,h4,strong,a),
html[data-mf-theme] body.mf-site :is(.mf-home-confidence__item,.mf-ref-trust,.mf-shop-confidence__item) :is(h2,h3,h4,strong,a) {
  color:var(--mf-ink) !important;
  -webkit-text-fill-color:var(--mf-ink) !important;
}

html[data-mf-theme] body.mf-site .mf-trust .mf-trust__item :is(p,span,small),
html[data-mf-theme] body.mf-site :is(.mf-home-confidence__item,.mf-ref-trust,.mf-shop-confidence__item) :is(p,span,small) {
  color:var(--mf-muted) !important;
  -webkit-text-fill-color:var(--mf-muted) !important;
}

/* --------------------------------------------------------------------------
   No-gradient authority for interface surfaces reported in the audit.
   Product/editorial <img> elements are not affected.
   -------------------------------------------------------------------------- */
html[data-mf-theme] body.mf-site :is(
  .mf-skeleton,.mf-ref-img-placeholder,.mf-categories__img--placeholder,
  .mf-editorial__img--placeholder,.mf-live-cat__placeholder,
  .mf-ref-collection__placeholder,.mf-menu-feature-card__placeholder,
  .mf-static-hero,.mf-static-hero__copy,.mf-static-hero__card,
  .mf-blog-shop-panel,.mf-blog-content .mf-brand-box,.mf-blog-content .mf-flags,
  .mf-blog-content .mf-note,.mf-blog-content .mf-poster-entry,
  .mf-ci-hero,.mf-ci-wall-preview,.mf-ci-wall-preview__art span,.mf-ci-home-studio,
  .mf-p18-gift,.mf-cart-empty,.mf-trust,.mf-trust__item,
  .mf-footer--premium,.mf-footer-newsletter,.mf-footer__column,.mf-footer-hero__brand,
  .mf-wall__frame-swatch--none
) {
  background-image:none !important;
}

html[data-mf-theme] body.mf-site :is(
  .mf-ref-promo--dark.mf-ref-promo--has-image::after,
  .mf-ref-promo__media::after,.mf-cat-banner__scrim,.mf-ci-hero::after,
  .mf-ci-ruler::before,.mf-description__content.is-collapsed::after,
  .mf-description__content.is-collapsed:after
) {
  background-image:none !important;
}

html[data-mf-theme] body.mf-site .mf-description__content.is-collapsed::after,
html[data-mf-theme] body.mf-site .mf-description__content.is-collapsed:after {
  background-color:var(--mf-paper-canvas) !important;
}

/* Decorative-gradient retirement across the remaining route families. These
   are flat interface/fallback surfaces; product and editorial images remain. */
html[data-mf-theme] body.mf-site :is(
  .mf-skeleton,.mf-categories__img--placeholder,.mf-editorial__img--placeholder,
  .mf-live-hero,.mf-live-cat__placeholder,.mf-ref-img-placeholder,
  .mf-ref-collection__hero,.mf-ref-collection__placeholder,
  .mf-trust,.mf-product__summary .mf-trust,.summary .mf-trust,
  .mf-p18-gift,.mf-ci-hero,.mf-ci-home-studio,.mf-ci-wall-preview,
  .mf-ci-wall-preview__art span,.mf-blog-shop-panel,
  .mf-blog-content.mf-page__content .mf-brand-box,
  .mf-blog-content.mf-page__content .mf-flags,
  .mf-blog-content.mf-page__content .mf-note,
  .mf-blog-content.mf-page__content .mf-poster-entry,
  .mf-blog-hero__media,.mf-cart-empty,.mf-wall__header,.mf-wall-pdp,
  .mf-wall-pdp__button,.mf-hub__glossary-cta,.mf-journal-note,.mf-guide__shop
) {
  background-image:none !important;
  box-shadow:none !important;
}

html[data-mf-theme] body.mf-site :is(
  .mf-skeleton,.mf-categories__img--placeholder,.mf-editorial__img--placeholder,
  .mf-live-cat__placeholder,.mf-ref-img-placeholder,.mf-ref-collection__placeholder,
  .mf-ci-wall-preview,.mf-ci-wall-preview__art span
) {
  background-color:var(--mf-paper-raised) !important;
}

html[data-mf-theme] body.mf-site :is(
  .mf-live-hero,.mf-ref-collection__hero,.mf-trust,
  .mf-product__summary .mf-trust,.summary .mf-trust,.mf-p18-gift,
  .mf-ci-hero,.mf-ci-home-studio,.mf-blog-shop-panel,
  .mf-blog-content.mf-page__content .mf-brand-box,
  .mf-blog-content.mf-page__content .mf-flags,
  .mf-blog-content.mf-page__content .mf-note,
  .mf-blog-content.mf-page__content .mf-poster-entry,
  .mf-blog-hero__media,.mf-cart-empty,.mf-wall__header,.mf-wall-pdp,
  .mf-hub__glossary-cta,.mf-journal-note,.mf-guide__shop
) {
  background-color:var(--mf-paper-card) !important;
}

html[data-mf-theme] body.mf-site .mf-wall-pdp__button {
  background-color:var(--mf-brand) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html[data-mf-theme] body.mf-site .mf-wall-pdp__button:is(:hover,:focus-visible) {
  background-color:var(--mf-brand-hover) !important;
}

html[data-mf-theme] body.mf-site :is(.mf-cat-banner__scrim,.mf-ref-promo--dark.mf-ref-promo--has-image::after,.mf-ref-promo__media::after) {
  background-color:rgba(12,10,8,.58) !important;
  background-image:none !important;
}

html[data-mf-theme] body.mf-site .mf-cat-banner__scrim,
html[data-mf-theme] body.mf-site .mf-ref-promo--dark.mf-ref-promo--has-image::after,
html[data-mf-theme] body.mf-site .mf-ref-promo__media::after {
  background-color:rgba(0,0,0,.48) !important;
}

@media (max-width:1024px) {
  html[data-mf-theme] body.mf-site .mf-header :is(.mf-icon-btn,.mf-theme-toggle) {
    width:40px !important;
    height:42px !important;
    min-width:40px !important;
    min-height:42px !important;
    border-radius:11px !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav,
  html[data-mf-theme] body.mf-site .mf-header__nav :is(.mf-nav,.sub-menu,.mf-mobile-nav-head,.mf-mobile-nav-actions) {
    background-color:var(--mf-menu-panel) !important;
    background-image:none !important;
    color:var(--mf-menu-text) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav {
    border-color:var(--mf-menu-line) !important;
    box-shadow:0 20px 50px rgba(12,10,8,.18) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav :is(.mf-mobile-nav-head,.mf-mobile-nav-actions) {
    border-color:var(--mf-menu-line) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-header__nav .mf-nav :is(a,span,strong,small),
  html[data-mf-theme] body.mf-site .mf-header .mf-header__nav .mf-mobile-nav-head :is(span,button),
  html[data-mf-theme] body.mf-site .mf-header .mf-header__nav .mf-mobile-nav-actions a {
    color:var(--mf-menu-ink) !important;
    -webkit-text-fill-color:var(--mf-menu-ink) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav .mf-nav .sub-menu {
    border-color:var(--mf-menu-line) !important;
    background-color:var(--mf-menu-card) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header .mf-header__nav .mf-nav a:is(:hover,:focus-visible),
  html[data-mf-theme] body.mf-site .mf-header .mf-header__nav .mf-mobile-nav-actions a:is(:hover,:focus-visible) {
    border-color:var(--mf-menu-accent) !important;
    background-color:#fff !important;
    color:var(--mf-menu-accent-hover) !important;
    -webkit-text-fill-color:var(--mf-menu-accent-hover) !important;
  }

  html[data-mf-theme] body.mf-site .mf-header__nav .mf-mobile-nav-close {
    border:1px solid var(--mf-menu-line) !important;
    background-color:var(--mf-menu-card) !important;
    background-image:none !important;
    color:var(--mf-menu-ink) !important;
    box-shadow:none !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero {
    grid-template-columns:1fr !important;
    padding:22px !important;
    gap:18px !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__copy,
  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card {
    padding:24px !important;
  }
}

@media (max-width:640px) {
  html[data-mf-theme] body.mf-site.mf-support-page .mf-page {
    width:min(100% - 20px,1480px) !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero {
    border-radius:18px !important;
    padding:12px !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__copy,
  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero__card {
    border-radius:14px !important;
    padding:20px !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-hero h1 {
    font-size:clamp(39px,13vw,58px) !important;
  }

  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-actions,
  html[data-mf-theme] body.mf-site.mf-support-page .mf-static-btn {
    width:100% !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html[data-mf-theme] body.mf-site .mf-nav > li.mf-menu-open > .sub-menu > li {
    animation:none !important;
  }
}