/* Menú fijo en px en páginas vendor; el header queda FUERA del contenedor .z-page de HP */
html.vendor-clone-active {
  font-size: 16px !important;
}

body.vendor-clone.hp-clone > #site-header.site-header,
body.vendor-clone > #site-header.site-header {
  box-sizing: border-box !important;
  font-size: 16px !important;
  height: 96px !important;
  min-height: 96px !important;
  max-height: none !important;
  position: fixed !important;
  transform: none !important;
  zoom: 1 !important;
  z-index: 10001 !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav,
body.vendor-clone > #site-header .site-nav {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 12px !important;
  width: 100% !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__logo,
body.vendor-clone > #site-header .site-nav__logo {
  flex-shrink: 0 !important;
  max-width: none !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__logo img,
body.vendor-clone > #site-header .site-nav__logo img {
  display: block !important;
  height: 72px !important;
  max-height: 72px !important;
  max-width: min(360px, 50vw) !important;
  width: auto !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__toggle,
body.vendor-clone > #site-header .site-nav__toggle {
  flex-shrink: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  min-width: 48px !important;
  width: 48px !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__toggle span,
body.vendor-clone > #site-header .site-nav__toggle span {
  height: 2px !important;
  width: 24px !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__link,
body.vendor-clone.hp-clone > #site-header .site-nav__submenu-btn,
body.vendor-clone > #site-header .site-nav__link,
body.vendor-clone > #site-header .site-nav__submenu-btn {
  color: rgba(255, 255, 255, 0.82) !important;
  font: 600 18px/1.4 "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.vendor-clone.hp-clone > #site-header .site-nav__link--cta,
body.vendor-clone.hp-clone > #site-header .site-nav__link--cta:hover,
body.vendor-clone > #site-header .site-nav__link--cta,
body.vendor-clone > #site-header .site-nav__link--cta:hover {
  color: #0a0e17 !important;
}

@media (min-width: 1100px) {
  body.vendor-clone.hp-clone > #site-header .site-nav__menu,
  body.vendor-clone > #site-header .site-nav__menu {
    align-items: center !important;
    display: flex !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
  }

  body.vendor-clone.hp-clone > #site-header .site-nav__link,
  body.vendor-clone.hp-clone > #site-header .site-nav__submenu-btn,
  body.vendor-clone > #site-header .site-nav__link,
  body.vendor-clone > #site-header .site-nav__submenu-btn {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    padding: 10px 16px !important;
  }

  body.vendor-clone.hp-clone > #site-header .site-nav__sublink,
  body.vendor-clone > #site-header .site-nav__sublink {
    font-size: 15px !important;
    font-weight: 600 !important;
  }
}

@media (max-width: 1099px) {
  body.vendor-clone.hp-clone > #site-header .site-nav__sublink,
  body.vendor-clone > #site-header .site-nav__sublink {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}

@media (max-width: 768px) {
  body.vendor-clone.hp-clone > #site-header .site-nav__logo img,
  body.vendor-clone > #site-header .site-nav__logo img {
    height: 56px !important;
    max-height: 56px !important;
  }
}