body.hpds-native-header-rendered #main-header,
body.hpds-native-header-rendered .elementor-location-header {
  display: none;
}

body.hpds-native-header-active.hpds-overlay-open {
  overflow: hidden;
}

.hpds-skip-link {
  background: var(--hpds-color-brand);
  color: #ffffff;
  inset-block-start: 0;
  inset-inline-start: var(--hpds-space-4);
  padding: var(--hpds-space-3) var(--hpds-space-5);
  position: fixed;
  transform: translateY(-120%);
  transition: transform var(--hpds-duration-fast) var(--hpds-ease-standard);
  z-index: calc(var(--hpds-z-modal) + 2);
}

.hpds-skip-link:focus {
  transform: translateY(0);
}

.hpds-native-header {
  background: var(--hpds-color-surface);
  border-block-end: 1px solid var(--hpds-color-border);
  color: var(--hpds-color-text);
  font-family: var(--hpds-font-sans);
  inset-block-start: 0;
  letter-spacing: 0;
  position: sticky;
  z-index: var(--hpds-z-sticky);
}

.hpds-native-header.is-scrolled {
  box-shadow: 0 0.75rem 2rem rgb(13 13 13 / 0.1);
}

.hpds-native-header :where(a, button, input) {
  letter-spacing: 0;
}

.hpds-native-header__announcement {
  align-items: center;
  background: var(--hpds-color-brand);
  color: #ffffff;
  display: flex;
  justify-content: center;
  min-block-size: 2.25rem;
  padding: 0.35rem var(--hpds-gutter);
  text-align: center;
}

.hpds-native-header__announcement p {
  font-size: var(--hpds-font-size-100);
  font-weight: var(--hpds-weight-semibold);
  line-height: 1.3;
  margin: 0;
}

.hpds-native-header__main {
  align-items: center;
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) auto minmax(15rem, 1fr);
  inline-size: min(100% - (2 * var(--hpds-gutter)), var(--hpds-container-default));
  margin-inline: auto;
  min-block-size: 5.25rem;
  position: relative;
}

.hpds-native-header__utility {
  align-items: center;
  direction: rtl;
  display: flex;
  gap: clamp(0.8rem, 1.5vw, 1.5rem);
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  white-space: nowrap;
}

.hpds-native-header__utility a {
  color: var(--hpds-color-text);
  font-size: var(--hpds-font-size-100);
  font-weight: var(--hpds-weight-medium);
  text-decoration: none;
}

.hpds-native-header__utility a:hover,
.hpds-native-header__utility a:focus-visible,
.hpds-native-header__utility a[aria-current="page"] {
  color: var(--hpds-color-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.35rem;
}

.hpds-native-header__logo {
  align-items: center;
  display: inline-flex;
  grid-column: 2;
  grid-row: 1;
  justify-content: center;
  justify-self: center;
  min-block-size: 3.5rem;
  padding: 0.35rem;
}

.hpds-native-header__logo img {
  block-size: 3.75rem;
  inline-size: auto;
  max-inline-size: 10.5rem;
  object-fit: contain;
}

.hpds-native-header__actions {
  align-items: center;
  direction: rtl;
  display: flex;
  gap: 0.25rem;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
}

.hpds-native-header__icon-button {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--hpds-color-text);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 2.75rem;
  inline-size: 2.75rem;
  justify-content: center;
  min-block-size: 2.75rem;
  padding: 0;
  position: relative;
  text-decoration: none;
}

.hpds-native-header__icon-button:hover,
.hpds-native-header__icon-button:focus-visible {
  background: var(--hpds-color-mist);
  border-color: var(--hpds-color-border);
  color: var(--hpds-color-link);
}

.hpds-native-header__icon-button .dashicons {
  font-size: 1.35rem;
  block-size: 1.35rem;
  inline-size: 1.35rem;
}

.hpds-native-header__cart-count {
  align-items: center;
  background: var(--hpds-color-club);
  border: 2px solid var(--hpds-color-surface);
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  font-size: 0.62rem;
  font-weight: 700;
  block-size: 1.15rem;
  inline-size: 1.15rem;
  inset-block-start: -0.1rem;
  inset-inline-end: -0.15rem;
  justify-content: center;
  line-height: 1;
  position: absolute;
}

.hpds-native-header__menu-toggle {
  display: none;
}

.hpds-native-nav {
  background: var(--hpds-color-surface-subtle);
  border-block-start: 1px solid var(--hpds-color-border);
  position: relative;
}

.hpds-native-nav--plugin > .hairport-mega-menu-wrap {
  align-items: center;
  display: flex;
  inline-size: min(100% - (2 * var(--hpds-gutter)), var(--hpds-container-default));
  justify-content: center;
  margin-inline: auto;
  min-block-size: 3.25rem;
}

.hpds-native-nav--plugin .hairport-mega-menu {
  min-block-size: 3.25rem;
}

.hpds-native-nav--plugin .hairport-mega-menu__item > a {
  border-block-end: 2px solid transparent;
  color: var(--hpds-color-text);
  min-block-size: 3.25rem;
  padding-inline: clamp(0.4rem, 0.75vw, 0.8rem);
}

.hpds-native-nav--plugin .hairport-mega-menu__item > a:hover,
.hpds-native-nav--plugin .hairport-mega-menu__item > a:focus-visible,
.hpds-native-nav--plugin .hairport-mega-menu__item:focus-within > a {
  border-block-end-color: var(--hpds-color-accent);
  color: var(--hpds-color-link);
}

.hpds-native-nav--plugin .hairport-mega-panel__feature {
  display: none;
}

.hpds-native-nav--plugin .hairport-mega-panel__inner {
  grid-template-columns: minmax(0, 1fr);
}

.hpds-native-nav--plugin .hairport-mega-panel__inner--with-product {
  grid-template-columns: 13.5rem minmax(0, 1fr);
}

.hpds-native-nav--plugin .hairport-mega-product {
  align-self: stretch;
  background: var(--hpds-color-surface-subtle);
  border: 1px solid var(--hpds-color-border);
  display: flex;
  min-block-size: 16rem;
  padding: var(--hpds-space-4);
}

.hpds-native-nav--plugin .hairport-mega-product__link {
  color: var(--hpds-color-text);
  display: grid;
  grid-template-rows: auto minmax(8rem, 1fr) auto auto;
  inline-size: 100%;
  text-decoration: none;
}

.hpds-native-nav--plugin .hairport-mega-product__badge {
  color: var(--hpds-color-club);
  font-size: 0.72rem;
  font-weight: var(--hpds-weight-bold);
  margin-block-end: var(--hpds-space-2);
}

.hpds-native-nav--plugin .hairport-mega-product__image {
  align-items: center;
  background: var(--hpds-color-surface);
  display: flex;
  justify-content: center;
  margin-block-end: var(--hpds-space-3);
  min-block-size: 8rem;
  overflow: hidden;
}

.hpds-native-nav--plugin .hairport-mega-product__image img {
  block-size: 8rem;
  inline-size: 100%;
  object-fit: contain;
}

.hpds-native-nav--plugin .hairport-mega-product__title {
  font-size: var(--hpds-font-size-100);
  font-weight: var(--hpds-weight-bold);
  line-height: 1.35;
  margin-block-end: var(--hpds-space-2);
}

.hpds-native-nav--plugin .hairport-mega-product__price {
  color: var(--hpds-color-link);
  font-size: var(--hpds-font-size-100);
  font-weight: var(--hpds-weight-semibold);
}

.hpds-native-nav--plugin .hairport-mega-product__link:hover .hairport-mega-product__title,
.hpds-native-nav--plugin .hairport-mega-product__link:focus-visible .hairport-mega-product__title {
  color: var(--hpds-color-link);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.hpds-native-nav__list {
  align-items: stretch;
  display: flex;
  justify-content: center;
  list-style: none;
  block-size: 3.25rem;
  inline-size: min(100% - (2 * var(--hpds-gutter)), var(--hpds-container-default));
  margin: 0 auto;
  padding: 0;
}

.hpds-native-nav__item {
  display: flex;
  margin: 0;
  position: static;
}

.hpds-native-nav__item > a,
.hpds-native-nav__trigger {
  align-items: center;
  background: transparent;
  border: 0;
  border-block-end: 2px solid transparent;
  color: var(--hpds-color-text);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: clamp(0.78rem, 1vw, 0.92rem);
  font-weight: var(--hpds-weight-semibold);
  gap: 0.25rem;
  justify-content: center;
  min-block-size: 3.25rem;
  padding: 0.65rem clamp(0.65rem, 1.5vw, 1.4rem);
  text-decoration: none;
  white-space: nowrap;
}

.hpds-native-nav__item > a:hover,
.hpds-native-nav__item > a:focus-visible,
.hpds-native-nav__trigger:hover,
.hpds-native-nav__trigger:focus-visible,
.hpds-native-nav__trigger[aria-expanded="true"] {
  border-block-end-color: var(--hpds-color-accent);
  color: var(--hpds-color-link);
}

.hpds-native-nav__trigger .dashicons {
  block-size: 1rem;
  font-size: 1rem;
  inline-size: 1rem;
  transition: transform var(--hpds-duration-fast) var(--hpds-ease-standard);
}

.hpds-native-nav__trigger[aria-expanded="true"] .dashicons {
  transform: rotate(180deg);
}

.hpds-native-nav__panel {
  background: var(--hpds-color-surface);
  border-block-start: 1px solid var(--hpds-color-border);
  box-shadow: 0 1.5rem 2.5rem rgb(13 13 13 / 0.14);
  display: none;
  inset-inline: 0;
  position: absolute;
  top: 100%;
}

.hpds-native-nav__item:hover > .hpds-native-nav__panel,
.hpds-native-nav__item.is-open > .hpds-native-nav__panel {
  display: block;
}

.hpds-native-nav__panel-inner {
  inline-size: min(100% - (2 * var(--hpds-gutter)), var(--hpds-container-default));
  margin-inline: auto;
  padding-block: clamp(1.5rem, 3vw, 2.75rem);
}

.hpds-native-nav__panel-title {
  color: var(--hpds-color-text);
  font-family: var(--hpds-font-display);
  font-size: var(--hpds-font-size-500);
  font-weight: var(--hpds-weight-semibold);
  margin: 0 0 var(--hpds-space-5);
}

.hpds-native-nav__submenu {
  column-gap: clamp(1.5rem, 3vw, 3rem);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
  row-gap: 0.35rem;
}

.hpds-native-nav__submenu li {
  break-inside: avoid;
  margin: 0;
}

.hpds-native-nav__submenu a {
  border-block-end: 1px solid transparent;
  color: var(--hpds-color-text);
  display: inline-flex;
  font-size: var(--hpds-font-size-100);
  line-height: 1.35;
  min-block-size: 2.35rem;
  padding-block: 0.45rem;
  text-decoration: none;
}

.hpds-native-nav__submenu a:hover,
.hpds-native-nav__submenu a:focus-visible,
.hpds-native-nav__submenu a[aria-current="page"] {
  border-block-end-color: var(--hpds-color-accent);
  color: var(--hpds-color-link);
}

.hpds-native-search,
.hpds-mobile-drawer {
  inset: 0;
  position: fixed;
  z-index: var(--hpds-z-modal);
}

.hpds-native-search[hidden],
.hpds-mobile-drawer[hidden] {
  display: none;
}

.hpds-native-search__backdrop,
.hpds-mobile-drawer__backdrop {
  background: rgb(13 13 13 / 0.62);
  inset: 0;
  position: absolute;
}

.hpds-native-search__panel {
  background: var(--hpds-color-surface);
  box-shadow: 0 1.5rem 3rem rgb(13 13 13 / 0.2);
  inset-inline: 0;
  margin-inline: auto;
  max-inline-size: 48rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  position: relative;
  top: clamp(4rem, 14vh, 8rem);
  width: min(calc(100% - (2 * var(--hpds-gutter))), 48rem);
}

.hpds-native-search__topline,
.hpds-mobile-drawer__topline {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--hpds-space-5);
}

.hpds-native-search__topline strong {
  font-family: var(--hpds-font-display);
  font-size: var(--hpds-font-size-500);
}

.hpds-native-search .dgwt-wcas-search-wrapp {
  max-inline-size: none;
  min-inline-size: 0;
  width: 100%;
}

.hpds-native-search__fallback {
  display: grid;
  gap: var(--hpds-space-3);
  grid-template-columns: 1fr auto;
}

.hpds-native-search__fallback input {
  border: 1px solid var(--hpds-color-border-strong);
  min-block-size: 3rem;
  min-inline-size: 0;
  padding-inline: var(--hpds-space-4);
}

.hpds-native-search__fallback button {
  background: var(--hpds-color-brand);
  border: 1px solid var(--hpds-color-brand);
  color: #ffffff;
  min-block-size: 3rem;
  padding-inline: var(--hpds-space-6);
}

.hpds-mobile-drawer {
  display: none;
}

@media (max-width: 1100px) {
  .hpds-native-header__announcement {
    min-block-size: 2rem;
  }

  .hpds-native-header__main {
    grid-template-columns: 5.5rem 1fr 5.5rem;
    min-block-size: 4.25rem;
  }

  .hpds-native-header__menu-toggle {
    direction: rtl;
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  .hpds-native-header__utility,
  .hpds-native-nav {
    display: none;
  }

  .hpds-native-header__logo img {
    block-size: 3rem;
    max-inline-size: 8rem;
  }

  .hpds-native-header__actions {
    grid-column: 1;
  }

  .hpds-native-header__actions > :not([data-hpds-search-open], .hpds-native-header__cart) {
    display: none;
  }

  .hpds-mobile-drawer:not([hidden]) {
    display: block;
  }

  .hpds-mobile-drawer__panel {
    background: var(--hpds-color-surface);
    block-size: 100%;
    box-shadow: -1rem 0 2.5rem rgb(13 13 13 / 0.2);
    inline-size: min(92vw, 28rem);
    bottom: 0;
    left: auto;
    overflow-y: auto;
    padding: 1rem clamp(1rem, 5vw, 2rem) 2rem;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hpds-mobile-drawer__logo {
    color: var(--hpds-color-text);
    font-family: var(--hpds-font-display);
    font-size: var(--hpds-font-size-500);
    font-weight: var(--hpds-weight-bold);
    text-decoration: none;
  }

  .hpds-mobile-drawer__utility,
  .hpds-mobile-drawer__catalog {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .hpds-mobile-drawer__utility {
    border-block-end: 1px solid var(--hpds-color-border);
    display: grid;
    gap: 0.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block-end: var(--hpds-space-5);
  }

  .hpds-mobile-drawer__utility li,
  .hpds-mobile-drawer__catalog li {
    margin: 0;
  }

  .hpds-mobile-drawer__utility a,
  .hpds-mobile-drawer__item > a,
  .hpds-mobile-drawer__item > button {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--hpds-color-text);
    display: flex;
    font: inherit;
    font-weight: var(--hpds-weight-semibold);
    justify-content: space-between;
    min-block-size: 3rem;
    padding: 0.65rem 0;
    text-align: start;
    text-decoration: none;
    width: 100%;
  }

  .hpds-mobile-drawer__catalog {
    padding-block: var(--hpds-space-4);
  }

  .hpds-mobile-drawer__item {
    border-block-end: 1px solid var(--hpds-color-border);
  }

  .hpds-mobile-drawer__item > button .dashicons {
    transition: transform var(--hpds-duration-fast) var(--hpds-ease-standard);
  }

  .hpds-mobile-drawer__item > button[aria-expanded="true"] .dashicons {
    transform: rotate(180deg);
  }

  .hpds-mobile-drawer__item > ul {
    list-style: none;
    margin: 0;
    padding: 0 0 var(--hpds-space-4);
  }

  .hpds-mobile-drawer__item > ul[hidden] {
    display: none;
  }

  .hpds-mobile-drawer__item > ul a {
    color: var(--hpds-color-text-muted);
    display: flex;
    font-size: var(--hpds-font-size-100);
    line-height: 1.35;
    min-block-size: 2.75rem;
    padding: 0.65rem var(--hpds-space-4) 0.65rem 0;
    text-decoration: none;
  }

  .hpds-mobile-drawer__actions {
    display: grid;
    gap: var(--hpds-space-2);
    padding-block-start: var(--hpds-space-5);
  }

  .hpds-mobile-drawer__actions a {
    align-items: center;
    color: var(--hpds-color-link);
    display: flex;
    min-block-size: 2.75rem;
    position: relative;
    text-decoration: none;
  }

  .hpds-mobile-drawer__actions .hpds-native-header__cart-count {
    inset-block-start: auto;
    inset-inline-end: auto;
    margin-inline-start: 0.5rem;
    position: static;
  }
}

@media (max-width: 480px) {
  .hpds-native-header__announcement p {
    font-size: 0.72rem;
  }

  .hpds-native-header__main {
    grid-template-columns: 4.75rem minmax(0, 1fr) 2.75rem;
  }

  .hpds-native-header__logo img {
    block-size: 2.75rem;
    max-inline-size: 7rem;
  }

  .hpds-native-header__actions {
    gap: 0;
  }

  .hpds-native-search__panel {
    top: 3.25rem;
  }

  .hpds-native-search__fallback {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hpds-native-header,
  .hpds-native-header *,
  .hpds-native-search,
  .hpds-mobile-drawer {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}