/** Shopify CDN: Minification failed

Line 1485:0 Unexpected "}"

**/
sticky-header {
  display: block;
}

.shopify-section-header {
  z-index: var(--z-header);
}

.header {
  color: var(--color-paragraphs);
  background-color: var(--color-background);
  border-bottom: 0.1rem solid var(--color-seperators);
  position: relative;
  z-index: 1;
  transition: all var(--duration-default) ease-out;
}

.header.is-transparent {
  color: var(--color-background);
  background-color: transparent;
  border-bottom-color: transparent;
}

.header.is-transparent:hover,
.header.is-transparent:has([open]) {
  color: var(--color-paragraphs);
  background-color: var(--color-background);
}

.header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 1rem;
  padding: 1.1rem 0;
}

.header__logo {
  font-size: 0;
}

.header__logo img,
.header__logo svg,
.header__logo a {
  max-width: var(--logo-width-mobile);
  height: auto;
}

.header.is-transparent img,
.header.is-transparent svg {
  will-change: opacity, visibility;
  transition: opacity var(--duration-default),
    visibility var(--duration-default);
}

.header__logo:not(.header__logo--one-image) a {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  place-items: center;
}

.header__logo:not(.header__logo--one-image) img,
.header__logo:not(.header__logo--one-image) svg {
  grid-area: 1 / 1 / 2 / 2;
}

.header__logo img + img,
.header__logo svg + svg,
.header__logo img + svg,
.header__logo svg + img,
.is-transparent .header__logo img,
.is-transparent .header__logo svg,
.is-transparent:hover .header__logo img + img,
.is-transparent:hover .header__logo svg + svg,
.is-transparent:hover .header__logo img + svg,
.is-transparent:hover .header__logo svg + img,
.is-transparent[data-aside-nav]:has([open]) .header__logo :is(img, svg) + :is(svg, img) {
  opacity: 0;
  visibility: hidden;
}

.is-transparent .header__logo img + img,
.is-transparent .header__logo svg + svg,
.is-transparent .header__logo img + svg,
.is-transparent .header__logo svg + img,
.is-transparent .header__logo.header__logo--one-image img,
.is-transparent .header__logo.header__logo--one-image svg,
.is-transparent[data-aside-nav]:has([open]) .header__logo :is(img, svg),
.is-transparent:hover .header__logo img,
.is-transparent:hover .header__logo svg {
  opacity: 1;
  visibility: visible;
}

.header__logo span:not(.visually-hidden) {
  text-align: center;
  display: block;
}

.header__logo {
  grid-column: 2 / 3;
}

@media screen and (min-width: 990px) {
  .header__inner {
    height: auto;
    min-height: 6.2rem;
    padding: 0;
  }

  .header--logo-left .header__logo span:not(.visually-hidden) {
    text-align: left;
    padding: calc(var(--spacing-step) * 2) 0;
  }

  .header--logo-left .header__nav {
    padding-left: calc(var(--spacing-step) * 2);
    padding-right: calc(var(--spacing-step) * 2);
  }

  .header--logo-left .header__logo {
    grid-column: 1 / 2;
  }

  .header__logo img,
  .header__logo svg,
  .header__logo a,
  .header__logo {
    max-width: var(--logo-width);
  }
}

@media screen and (min-width: 1200px) {
  .header--logo-left .header__nav {
    padding-left: calc(var(--spacing-step) * 6);
    padding-right: calc(var(--spacing-step) * 6);
  }
}

.header__utils {
  grid-column: 3 / 4;
}

.header__utils-items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header__utils-link {
  width: 2.4rem;
  height: 2.4rem;
}

.header__utils-link span,
.header__utils-link svg,
.header-drawer__button svg {
  pointer-events: none;
}

.header__utils-link svg,
.header-drawer__button svg {
  display: block;
  width: 100%;
  height: 100%;
}

.header__utils-item:last-child .header__utils-link {
  padding-right: 0;
}

.header__utils-item--cart svg,
.header__utils-item--cart span {
  vertical-align: middle;
}

.header-drawer {
  display: block;
}

.header-drawer__button {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-drawer__button svg:last-child {
  display: none;
}

[open] .header-drawer__button svg:first-child {
  display: none;
}

[open] .header-drawer__button svg:last-child {
  display: inline;
}

.header-drawer__content {
  background-color: var(--color-background);
  width: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: var(--header-top-position);
  bottom: 0;
  left: 0;
  z-index: var(--z-header);
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition:
    transform var(--duration-default) ease-out,
    opacity var(--duration-default) ease-out,
    visibility var(--duration-default) ease-out;
}

.header-drawer__search {
  border-bottom: 0.1rem solid var(--color-seperators);
}

.header-drawer__body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.header-drawer__foot {
  padding: calc(var(--spacing-step) * 2) calc(var(--spacing-step) * 4);
}

.header-drawer__foot button {
  color: currentColor;
  font-family: inherit;
  background: none;
  padding: 0;
  border: none;
  border-radius: 0;
}

.header-drawer__foot a svg {
  margin-right: calc(var(--spacing-step) * 2);
}

.header-drawer__foot a {
  display: flex;
  align-items: center;
}

.header-drawer__foot ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-drawer__foot ul:not(last-child) {
  padding-block: calc(var(--spacing-step) * 2);
}

@media (min-width: 990px) {
  .header-drawer__foot ul:not(last-child) {
    padding-block: 0;
  }
}

.menu-opening .header-drawer__content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.header-drawer__menu {
  padding: calc(var(--spacing-step) * 4);
}

.header-drawer__menu-item {
  margin-bottom: calc(var(--spacing-step) * 4);
}

.header-drawer__submenu {
  background-color: var(--color-background);
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: transform var(--duration-default) ease-out;
  overflow: hidden auto;
}

.menu-opening > .header-drawer__submenu {
  transform: translateX(0);
}

.menu-opening > .header-drawer__submenu.has-open-submenu,
.menu-opening .header-drawer__body.has-open-submenu {
  overflow: hidden;
}

.header-drawer__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing-step) * 2);
  height: 3.2rem;
}

.header-drawer__link a {
  flex: 1;
}

.header-drawer__link-arrow {
  display: flex;
  padding: var(--spacing-step) 0 var(--spacing-step) calc(var(--spacing-step) * 2);
  border-left: 0.1rem solid var(--color-seperators);
  transition: transform var(--duration-default);
}

.header-drawer__link svg {
  width: 1.6rem;
  height: 1.6rem;
}

.header-drawer__back {
  font-family: inherit;
  text-align: left;
  color: currentColor;
  background: none;
  display: block;
  width: calc(100% - calc(var(--spacing-step) * 8));
  height: 7.2rem;
  padding: 0;
  margin: auto;
  border: none;
  border-radius: 0;
  border-bottom: 0.1rem solid var(--color-seperators);
}

.header-drawer__title {
  display: block;
  padding: 0 calc(var(--spacing-step) * 4);
  margin-top: calc(var(--spacing-step) * 3);
  margin-bottom: calc(var(--spacing-step) * -1);
}

.header-drawer__back svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: calc(var(--spacing-step) * 2);
}

.header-drawer__back svg,
.header-drawer__back span {
  vertical-align: middle;
  display: inline;
}

.header__nav-utility--hidden > :first-child {
  display: none;
}

.header__left-side-wrapper {
  display: contents;
}

@media screen and (min-width: 990px) {
  .header {
    position: relative;
  }

  .header__left-side-wrapper {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-step) * 3);
  }

  .header__utils-link {
    width: 1.6rem;
    height: 1.6rem;
    opacity: 1;
    transition: opacity var(--duration-default);
  }

  .header__utils-link:hover {
    opacity: 0.5;
  }

  .header__utils-item {
    margin: 0 2rem;
  }

  .header__utils-item:first-child {
    margin-left: 0;
  }

  .header__utils-item:last-child {
    margin-right: 0;
  }

  .header__nav,
  .header__nav-items,
  .header__nav-item {
    height: auto;
    min-height: 7.2rem;
  }

  .header--logo-top .header__nav {
    max-width: calc(100% - 40rem);
    margin-inline: auto;
  }

  .header__nav-item {
    display: flex;
    flex-direction: column;
  }

  .header__nav-link {
    height: 100%;
    flex: 1;
  }

  .header__nav-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .header--logo-top .header__nav-items {
    height: auto;
    min-height: 4.8rem;
    justify-content: center;
  }

  .header--logo-top .header__nav-items,
  .header--logo-left .header__nav-items {
    justify-content: center;
  }

  .header__nav-item {
    position: relative;
    --spacing-header-nav-link: calc(var(--spacing-step) * 0.8);
    padding: 0 var(--spacing-header-nav-link);
  }

  .header__nav-item--has-megamenu {
    position: static;
  }

  .header__nav-link {
    display: flex;
    align-items: center;
    position: relative;
  }

  .header__nav-link::after {
    content: '';
    background-color: currentColor;
    height: 0.2rem;
    border-radius: 0.2rem;
    position: absolute;
    bottom: -0.1rem;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    transform-origin: center;
    transform: scaleX(0);
    transition: transform var(--duration-default) ease-out,
      opacity var(--duration-default) ease-out;
  }

  .header__nav-item--has-megamenu .header__nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 100vmax;
    pointer-events: none;
    width: 100%;
  }

  .header__nav-item--has-megamenu:hover .header__nav-link::before {
    pointer-events: all;
  }

  .header__nav-item:first-child .header__nav-link::after {
    left: 0;
  }

  .header__nav-item:last-child .header__nav-link::after {
    right: 0;
  }

  .header__nav-item > a > svg {
    will-change: transform;
    transition: transform var(--duration-default) ease-out;
  }

  .header__nav-item:hover > a > svg,
  .header__nav-item:focus-within .header__nav-link > svg {
    transform: rotate(-180deg);
  }

  .header__nav-item:hover .header__nav-link::after,
  .header__nav-item:focus-within .header__nav-link::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .header__nav-link svg,
  .header__nav-dropdown-link svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: var(--spacing-step);
  }

  .header__nav-item:first-child {
    padding-left: 0;
  }

  .header__nav-item:last-child {
    padding-right: 0;
  }

  .header__nav-dropdown-link {
    padding: calc(var(--spacing-step) * 0.8)
      calc(var(--spacing-step) * 3);
  }

  .header__nav-dropdown-link,
  .header__megamenu--heading a,
  .header__megamenu-link,
  .header__megamenu-card,
  .header__megamenu-card-content,
  .header__nav-dropdown-link {
    color: var(--color-paragraphs);
  }

  .header__nav-dropdown-link span,
  .header__nav-dropdown-link svg {
    vertical-align: middle;
  }

  .header__nav-links-item {
    position: relative;
  }

  .header__nav-dropdown {
    width: calc(100% + calc(var(--spacing-step) * 4));
    min-width: 20rem;
    top: calc(100% + 0.1rem);
  }

  .header__megamenu {
    width: 100%;
    padding: calc(var(--spacing-step) * 5) 0;
    max-height: calc(
      var(--header-dropdown-max-height) -
        calc(var(--spacing-step) * 4)
    );
    overflow-y: auto;
  }

  .header__nav-dropdown,
  .header__megamenu {
    background-color: var(--color-background);
    color: var(--color-paragraphs);
    position: absolute;
    left: 0;
    z-index: var(--z-modals);
  }

  .header__nav-dropdown::before,
  .header__megamenu::before {
    content: '';
    position: absolute;
    top: -0.3rem;
    width: 100%;
    height: 0.2rem;
  }

  .header__nav-dropdown {
    left: calc(-3 * var(--spacing-step));
  }

  .header__nav-item + .header__nav-item .header__nav-dropdown {
    left: calc(-2 * var(--spacing-step));
  }

  .header__megamenu {
    left: 0;
    transform: scaleY(1) translateY(3rem);
  }


  .header__nav-dropdown,
  .header__nav-sublinks {
    padding: calc(var(--spacing-step) * 2) 0
      calc(var(--spacing-step) * 3);
  }


  .header__nav-dropdown,
  .header__megamenu,
  .header__nav-sublinks {
    opacity: 0;
    visibility: hidden;
    transform-origin: top;
    transition: opacity var(--duration-default)
        var(--transition-cubic-bezier),
      visibility var(--duration-default)
        var(--transition-cubic-bezier),
      transform var(--duration-default) var(--transition-cubic-bezier);
  }

  .header--dropdown-animation-elastic .header__nav-dropdown,
  .header--dropdown-animation-elastic .header__megamenu,
  .header--dropdown-animation-elastic .header__nav-sublinks {
    transform: scaleY(1.3) translateY(3rem);
    pointer-events: none;
  }

  .header__nav-sublinks {
    background-color: var(--color-background);
    width: 20rem;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
  }

  .header__nav-item:hover .header__nav-dropdown,
  .header__nav-links-item:hover .header__nav-sublinks,
  .header__nav-item:hover .header__megamenu,
  .header__nav-item:focus-within .header__nav-dropdown,
  .header__nav-links-item:focus-within .header__nav-sublinks,
  .header__nav-item:focus-within .header__megamenu {
    opacity: 1;
    visibility: visible;
  }

  .header--dropdown-animation-elastic
    .header__nav-item:hover
    .header__nav-dropdown,
  .header--dropdown-animation-elastic
    .header__nav-links-item:hover
    .header__nav-sublinks,
  .header--dropdown-animation-elastic
    .header__nav-item:hover
    .header__megamenu,
  .header--dropdown-animation-elastic
    .header__nav-item:focus-within
    .header__nav-dropdown,
  .header--dropdown-animation-elastic
    .header__nav-links-item:focus-within
    .header__nav-sublinks,
  .header--dropdown-animation-elastic
    .header__nav-item:focus-within
    .header__megamenu {
    pointer-events: auto;
  }

  .header--dropdown-animation-elastic
    .header__nav-item:hover
    .header__nav-dropdown,
  .header--dropdown-animation-elastic
    .header__nav-links-item:hover
    .header__nav-sublinks,
  .header--dropdown-animation-elastic
    .header__nav-item:focus-within
    .header__nav-dropdown,
  .header--dropdown-animation-elastic
    .header__nav-links-item:focus-within
    .header__nav-sublinks {
    transform: scaleY(1) translateY(0);
  }

  .header__nav-item:hover .header__megamenu,
  .header__nav-item:focus-within .header__megamenu {
    transform: scaleY(1) translateY(73px);
  }

  .header__nav-utility:empty {
    display: block;
  }

  .header__nav-dropdown.is-overflowing .header__nav-dropdown-link {
    flex-direction: row-reverse;
  }

  .header__nav-dropdown.is-overflowing
    .header__nav-dropdown-link
    svg {
    transform: rotate(180deg);
    margin-inline: auto var(--spacing-step);
  }

  .header__nav-dropdown.is-overflowing .header__nav-sublinks {
    left: auto;
    right: 100%;
  }

  .header__megamenu-grid {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing-step) * 2);
  }

  .header__megamenu-col {
    width: 100%;
    border-right: 0.1rem solid var(--color-seperators);
    padding-right: var(--spacing-step);
  }

  .header__megamenu-grid-col--nav {
    max-width: calc(100% - calc(var(--spacing-step) * 2));
    flex: 1;
    display: grid;
    grid-template-rows: 1fr;
    grid-auto-columns: minMax(0, 1fr);
    grid-auto-flow: column;
    gap: calc(var(--spacing-step) * 2);
    padding-right: var(--spacing-step);
  }

  .header__megamenu-grid-col:not(.header__megamenu-grid-col--nav) {
    width: 100%;
    max-width: 20rem;
  }

  .header__megamenu-grid > :last-child,
  .header__megamenu-grid > :last-child > :last-child {
    border-right: 0;
  }

  .header__megamenu-col--no-border {
    border-right: 0;
  }

  .header__megamenu-card {
    height: 100%;
    display: block;
    padding-right: calc(var(--spacing-step) * 2);
    pointer-events: none;
  }

  .header__nav-item:hover .header__megamenu-card,
  .header__nav-item:focus-within .header__megamenu-card {
    pointer-events: auto;
  }

  .header__megamenu-card .media {
    height: 100%;
  }

  .header__megamenu--heading a,
  .header__megamenu-link,
  .header__nav-dropdown-link {
    text-decoration: none;
    position: relative;
    transition: margin-left var(--duration-default) ease-out;
  }

  .header__nav-dropdown-link {
    display: inline-flex;
    align-items: center;
  }

  .header__megamenu--heading a::before,
  .header__megamenu-link::before,
  .header__nav-dropdown-link::before {
    content: '';
    position: absolute;
    left: calc(-1 * var(--spacing-step));
    top: 0;
    height: 100%;
    width: var(--spacing-step);
    display: none;
  }

  .header__megamenu--heading a::after,
  .header__megamenu-link::after,
  .header__nav-dropdown-link::after {
    content: '';
    background-color: currentColor;
    height: 0.1rem;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: width var(--duration-default) ease-out,
      opacity var(--duration-default) ease-out;
  }

  .header__nav-dropdown-link::after {
    left: calc(var(--spacing-step) * 3);
    bottom: 0.5rem;
  }

  .header__megamenu--heading a:hover,
  .header__megamenu-link:hover,
  .header__nav-dropdown-link:hover,
  .header__megamenu--heading a:focus,
  .header__megamenu-link:focus,
  .header__nav-dropdown-link:focus {
    text-decoration: none;
    margin-left: calc(var(--spacing-step) / 2);
  }

  .header__megamenu--heading a:hover::after,
  .header__megamenu-link:hover::after,
  .header__nav-dropdown-link:hover::after {
    width: 100%;
    opacity: 1;
  }

  .header__megamenu--heading a:hover::before,
  .header__megamenu-link:hover::before,
  .header__nav-dropdown-link:hover::before {
    display: block;
  }

  .header__nav-dropdown-link:hover::after {
    width: calc(100% - calc(var(--spacing-step) * 3) * 2);
  }

  .header__megamenu--heading {
    margin: 0 0 calc(var(--spacing-step) * 3);
  }

  .header__megamenu-item + .header__megamenu-item {
    margin-top: calc(var(--spacing-step) * 2);
  }

  .header__nav-sublinks-item + .header__nav-sublinks-item,
  .header__nav-links-item + .header__nav-links-item {
    margin-top: calc(var(--spacing-step) * 0.5);
  }

  .header__search-wrapper {
    position: static;
  }

  .header__search,
  .header__search-results {
    width: 100%;
    background-color: var(--color-background);
    position: absolute;
    top: calc(100% + 0.1rem);
    left: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transform-origin: top;
    transform: scaleY(1.3) translateY(3rem);
    transition: opacity var(--duration-long)
        var(--transition-cubic-bezier),
      visibility var(--duration-long) var(--transition-cubic-bezier),
      transform var(--duration-long) var(--transition-cubic-bezier);
  }

  .header__search-results {
    max-height: calc(
      var(--header-dropdown-max-height) -
        calc(var(--spacing-step) * 4)
    );
    overflow-y: auto;
  }

  .header__search-wrapper[open] > summary + * {
    position: absolute;
    z-index: 2;
  }

  .header__search {
    border-bottom: 0.1rem solid var(--color-seperators);
  }

  .header__search-results {
    display: block;
    padding: calc(var(--spacing-step) * 6) 0
      calc(var(--spacing-step) * 10);
    transform: translateY(0);
  }

  .menu-opening .header__search,
  .header__search[open] .header__search-results {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateY(0);
  }

  .header__search-results-inner {
    display: flex;
    flex-flow: row wrap;
  }

  .header__search-results-main {
    min-width: 76%;
    flex: 1;
    padding-right: calc(var(--spacing-step) * 6);
  }

  .header__search-results-products-grid {
    display: flex;
    flex-flow: row wrap;
    margin: 0 calc(var(--spacing-step) * -1);
  }

  .header__search-results-products-grid-item {
    width: 20%;
    padding: 0 var(--spacing-step);
  }

  .header__search-results-aside {
    min-width: 24%;
    flex: 1;
    border: solid var(--color-seperators);
    border-width: 0 0.1rem;
    padding-inline: calc(var(--spacing-step) * 6);
  }

  .header__search-query {
    margin-bottom: calc(var(--spacing-step) * 2);
  }

  .header__search-results-aside-inner
    + .header__search-results-aside-inner {
    margin-top: var(--spacing-step);
    border-top: 0.1rem solid var(--color-seperators);
    padding-top: calc(var(--spacing-step) * 2);
  }

  .header__search-results-title {
    margin: 0 0 calc(var(--spacing-step) * 4);
  }

  .header__search-results-aside-subheading {
    margin: 0 0 var(--spacing-step);
  }

  .header__search-results-aside-heading {
    margin: 0;
  }

  .header__search-results-empty {
    margin-block: 0 calc(var(--spacing-step) * 2);
  }

  .header__search-results-aside-heading {
    padding-right: calc(var(--spacing-step) * 4);
  }

  .header__search-results-aside-item
    + .header__search-results-aside-item {
    margin: calc(var(--spacing-step) * 4) 0 0;
  }

  .header__search-results-actions {
    margin: calc(var(--spacing-step) * 2) 0 0;
  }

  /* Header drawer */
  .header-drawer__back {
    width: calc(100% - calc(var(--spacing-step) * 14));
  }

  .header-drawer__back,
  .header-drawer a {
    transition: opacity var(--duration-default);
    cursor: pointer;
  }

  .header-drawer__back:hover,
  .header-drawer a:hover {
    opacity: 0.5;
  }

  .header-drawer__content {
    max-width: 42rem;
  }

  .header-drawer__overlay {
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .menu-opening .header-drawer__overlay {
    display: block;
  }

  .header-drawer__search {
    display: none;
  }

  .header-drawer__menu {
    padding-block: calc(var(--spacing-step) * 2);
    padding-inline: calc(var(--spacing-step) * 7);
  }

  .header-drawer__title {
    padding-inline: calc(var(--spacing-step) * 7);
  }

  .header-drawer__menu-item {
    margin: 0;
    padding-block: calc(var(--spacing-step) * 2.5);
    border-bottom: solid 1px var(--color-seperators);
  }

  .header-drawer__menu-item:last-child {
    border-bottom: none;
  }

  .header-drawer__link-arrow {
    border-left: none;
  }

  .header-drawer__foot {
    border-top: solid 1px var(--color-seperators);
    padding: calc(var(--spacing-step) * 4) calc(var(--spacing-step) * 7);
  }

  .header-drawer__foot button {
    cursor: pointer;
  }
}

@media (hover) and (pointer: fine) {
  .header-drawer__link-arrow:hover {
    transform: translateX(0.6rem);
  }
}

@media screen and (min-width: 1200px) {
  .header__megamenu-grid-col:not(.header__megamenu-grid-col--nav) {
    max-width: 25.6rem;
    margin-right: var(--spacing-step);
  }

  .header__nav-item {
    --spacing-header-nav-link: calc(var(--spacing-step) * 2);
  }

  .header__nav-item + .header__nav-item .header__nav-dropdown {
    left: calc(-1 * var(--spacing-step));
  }

  .header__nav-item:first-child .header__nav-link::after {
    left: 0;
  }

  .header__nav-item:last-child .header__nav-link::after {
    right: 0;
  }

  .header--logo-top .header__nav {
    max-width: calc(100% - 20rem);
  }
}

@media screen and (min-width: 1440px) {
  .header__nav-link {
    --spacing-header-nav-link: calc(var(--spacing-step) * 3);
  }
}

/* Password */

.header-password {
  border-bottom: 0.1rem solid var(--color-seperators);
}

.header-password__inner {
  flex-direction: column;
}

.header-password__title,
.header-password__link {
  margin-inline: auto;
}

.header-password__link svg {
  display: inline-block;
  width: 1.3rem;
  height: auto;
  margin-right: var(--spacing-step);
}

.header-password__logo {
  max-width: var(--logo-width-mobile, auto);
}

@media (min-width: 768px) {
  .header-password__logo {
    max-width: var(--logo-width, auto);
  }

  .header-password__inner {
    flex-direction: row;
  }

  .header-password__title,
  .header-password__link {
    margin-inline: 0;
  }
}

.header-drawer__localization {
  border-top: solid 1px var(--color-seperators);
  padding-block-end: 0.2rem;
}

/* HOME (top) – make the transparent header truly transparent,
   including any wrapper overlays the theme adds */
.template-index .shopify-section-header:has(.header.is-transparent),
.template-index .shopify-section-header:has(.header--transparent) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Nuke wrapper pseudo-elements that draw the white band/gradient */
.template-index .shopify-section-header:has(.header.is-transparent)::before,
.template-index .shopify-section-header:has(.header.is-transparent)::after,
.template-index .shopify-section-header:has(.header--transparent)::before,
.template-index .shopify-section-header:has(.header--transparent)::after {
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Keep the header itself fully clear in this state (safety) */
.template-index .header.is-transparent,
.template-index .header--transparent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* ===== HOME (TOP) TRANSPARENT HEADER — NO BACKGROUND, WHITE UI ===== */

/* 1) Kill every possible background/overlay on the transparent state */
.template-index .header.is-transparent,
.template-index .header--transparent {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Some themes add gradients/shadows via pseudo-elements */
.template-index .header.is-transparent::before,
.template-index .header.is-transparent::after,
.template-index .header--transparent::before,
.template-index .header--transparent::after {
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* The wrapper section itself can also paint a band/gradient — clear it too */
.template-index .shopify-section-header,
.template-index .shopify-section-header::before,
.template-index .shopify-section-header::after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 2) White UI (links/menu text/icons) while transparent */
.template-index .header.is-transparent,
.template-index .header--transparent { color:#fff !important; }

.template-index .header.is-transparent .header__link,
.template-index .header.is-transparent .header__icon,
.template-index .header.is-transparent .header__nav-link,
.template-index .header.is-transparent .list-menu__item a,
.template-index .header--transparent .header__link,
.template-index .header--transparent .header__icon,
.template-index .header--transparent .header__nav-link,
.template-index .header--transparent .list-menu__item a {
  color:#fff !important;
}

/* Force icon glyphs to white (covers <svg>, <path>, etc.) */
.template-index .header.is-transparent .header__utils-link svg,
.template-index .header.is-transparent .header-drawer__button svg,
.template-index .header.is-transparent .header__utils-link svg *,
.template-index .header.is-transparent .header-drawer__button svg *,
.template-index .header--transparent .header__utils-link svg,
.template-index .header--transparent .header-drawer__button svg,
.template-index .header--transparent .header__utils-link svg *,
.template-index .header--transparent .header-drawer__button svg * {
  fill:#fff !important;
  stroke:#fff !important;
  opacity:1 !important;
}

/* Don’t let hover/open flip the colors or re-add a background */
.template-index .header.is-transparent:hover,
.template-index .header.is-transparent:has([open]),
.template-index .header--transparent:hover,
.template-index .header--transparent:has([open]) {
  background: transparent !important;
  color:#fff !important;
}
/* HOME (top) transparent: absolutely no overlay, white UI */
.template-index .header.is-transparent::before,
.template-index .header.is-transparent::after {
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* White links/text/icons while transparent (logo handled by Shopify) */
.template-index .header.is-transparent,
.template-index .header.is-transparent .header__link,
.template-index .header.is-transparent .header__icon,
.template-index .header.is-transparent .header__nav-link,
.template-index .header.is-transparent .list-menu__item a {
  color: #fff !important;
}

.template-index .header.is-transparent .header__utils-link svg,
.template-index .header.is-transparent .header_drawer__button svg,
.template-index .header.is-transparent .header__utils-link svg *,
.template-index .header.is-transparent .header_drawer__button svg * {
  fill: #fff !important;
  stroke: #fff !important;
  opacity: 1 !important;
}
/* --- FIX transparent header on homepage top --- */
.template-index .header.is-transparent,
.template-index .header--transparent {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #fff !important; /* force white text/icons */
}

/* kill hover/open background flash */
.template-index .header.is-transparent:hover,
.template-index .header.is-transparent:has([open]),
.template-index .header--transparent:hover,
.template-index .header--transparent:has([open]) {
  background: transparent !important;
  color: #fff !important;
}

/* force icon SVGs white */
.template-index .header.is-transparent .header__utils-link svg,
.template-index .header.is-transparent .header-drawer__button svg,
.template-index .header.is-transparent .header__utils-link svg *,
.template-index .header.is-transparent .header-drawer__button svg *,
.template-index .header--transparent .header__utils-link svg,
.template-index .header--transparent .header-drawer__button svg,
.template-index .header--transparent .header__utils-link svg *,
.template-index .header--transparent .header-drawer__button svg * {
  fill: #fff !important;
  stroke: #fff !important;
} 

/* === GLASS (sticky) header — applies ONLY when header has .is-glass === */
.header.is-glass:not(.is-transparent) {
  background: rgba(255, 255, 255, 0.35) !important; /* glass tint */
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  color: #000 !important;
}

.header.is-glass:not(.is-transparent)::before,
.header.is-glass:not(.is-transparent)::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* Text/links when glass */
.header.is-glass:not(.is-transparent) .header__link,
.header.is-glass:not(.is-transparent) .header__icon,
.header.is-glass:not(.is-transparent) .header__nav-link,
.header.is-glass:not(.is-transparent) .list-menu__item a {
  color: #000 !important;
}

/* Icons when glass */
.header.is-glass:not(.is-transparent) .header__utils-link svg,
.header.is-glass:not(.is-transparent) .header-drawer__button svg,
.header.is-glass:not(.is-transparent) .header__utils-link svg *,
.header.is-glass:not(.is-transparent) .header-drawer__button svg * {
  fill: #000 !important;
  stroke: #000 !important;
  opacity: 1 !important;
}

/* Safety: transparent state must be 100% clear, even on hover/open */
.header.is-transparent,
.header.is-transparent::before,
.header.is-transparent::after {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #fff !important;
}

.header.is-transparent:hover,
.header.is-transparent:has([open]) {
  background: transparent !important;
  color: #fff !important;
}

.header.is-transparent .header__utils-link svg,
.header.is-transparent .header-drawer__button svg,
.header.is-transparent .header__utils-link svg *,
.header.is-transparent .header-drawer__button svg * {
  fill: #fff !important;
  stroke: #fff !important;
}
/* === CART COUNT BADGE (force top-right bubble) === */

/* 1) Anchor the cart link */
.header__utils-item--cart .header__utils-link {
  position: relative !important;
}

/* 2) Turn the number span into a badge */
.header__utils-item--cart .header__utils-link span {
  position: absolute !important;
  top: -6px !important;
  right: -12px !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 12px !important;
  height: 12px !important;
  padding: 0 6px !important;
  border-radius: 9999px !important;
  height: 12px !important;
  padding: 0 6px !important;
  border-radius: 9999px !important;

  font-size: 9px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  /* Default: black bubble with white text */
  background: #000 !important;
  color: #fff !important;
}

/* 3) In transparent header state (white icons), flip to white bubble + black text */
.header.is-transparent .header__utils-item--cart .header__utils-link span,
.header--transparent .header__utils-item--cart .header__utils-link span {
  background: #fff !important;
  color: #000 !important;
}
/* === Icon stroke thickness control (header only) === */
:root {
  /* Tweak this number to taste (common range: 1–2.5px) */
  --icon-stroke: 0.1px;
}

/* Apply to header action icons, not the logo */
.header .header__utils-link svg,
.header .header-drawer__button svg,
.header .header__nav-link svg {
  /* Ensure icons are stroke-driven and take current text color */
  stroke: currentColor !important;
  fill: none; /* has no effect on solid icons; safe for stroke icons */
}

/* Bump thickness on the shapes inside the icons */
.header .header__utils-link svg path,
.header .header__utils-link svg line,
.header .header__utils-link svg polyline,
.header .header__utils-link svg polygon,
.header .header__utils-link svg circle,
.header .header__utils-link svg rect,
.header .header-drawer__button svg path,
.header .header-drawer__button svg line,
.header .header-drawer__button svg polyline,
.header .header-drawer__button svg polygon,
.header .header-drawer__button svg circle,
.header .header-drawer__button svg rect,
.header .header__nav-link svg path,
.header .header__nav-link svg line,
.header .header__nav-link svg polyline,
.header .header__nav-link svg polygon,
.header .header__nav-link svg circle,
.header .header__nav-link svg rect {
  stroke-width: var(--icon-stroke) !important;
  stroke-linecap: round; /* optional: matches most icon sets */
  stroke-linejoin: round; /* optional */
}

/* Do NOT affect the logo svg */
.header__logo svg { stroke-width: initial; fill: initial; stroke: initial; }

/* === MONIERE – menu background sync on all levels === */
@media (max-width: 990px) {
  /* Any time the menu is open, any drawer piece → #f8f8f8 */
  .menu-opening .header-drawer__content,
  .menu-opening .header-drawer__body,
  .menu-opening .header-drawer .drawer__inner,
  .menu-opening .header-drawer__submenu,
  .menu-opening .menu-drawer,
  .menu-opening .menu-drawer__content,
  .menu-opening .menu-drawer__inner,
  .menu-opening .menu-drawer__submenu,
  .header-drawer__content,
  .header-drawer__body,
  .header-drawer .drawer__inner,
  .header-drawer__submenu,
  .menu-drawer__content,
  .menu-drawer__inner,
  .menu-drawer__submenu {
    background-color: #f8f8f8 !important;
  }
}

  /* Text inside the drawer */
  .header-drawer__content,
  .header-drawer__content * ,
  .menu-drawer__content,
  .menu-drawer__content * {
    color: #000000 !important;
  }

  /* Links in the lists (all levels) */
  .header-drawer__menu-item a,
  .header-drawer nav a,
  .menu-drawer__menu a {
    color: #000000 !important;
    text-decoration: none !important;
  }

  /* Search field text + placeholder */
  .header-drawer__search input,
  .menu-drawer__search input {
    background: transparent !important;
    border-radius: 0 !important;
    border-color: rgba(0,0,0,.15) !important;
    color: #000000 !important;
  }

  .header-drawer__search input::placeholder,
  .menu-drawer__search input::placeholder {
    color: rgba(0,0,0,.45) !important;
  }

  /* Icons / chevrons inside the drawer */
  .header-drawer svg,
  .menu-drawer svg {
    stroke: #000000 !important;
    fill: #000000 !important;
  }
}
/* default: show hamburger, hide X */
.header-drawer__icon-close {
  display: none;
}

/* === Mobile menu icon toggle (hamburger / X) === */

/* Make sure both icon wrappers are inline-flex and centered */
.header-drawer__button .header-drawer__icon-open,
.header-drawer__button .header-drawer__icon-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* DEFAULT STATE: drawer closed -> show hamburger, hide X */
.header-drawer__button .header-drawer__icon-open {
  display: inline-flex !important;
}

.header-drawer__button .header-drawer__icon-close {
  display: none !important;
}

/* OPEN STATE: when <details class="header-drawer__container"> has [open] */
.header-drawer__container[open] .header-drawer__button .header-drawer__icon-open {
  display: none !important;
}

.header-drawer__container[open] .header-drawer__button .header-drawer__icon-close {
  display: inline-flex !important;
}
.header-drawer__button svg {
  stroke: #000 !important;
}
/* ===== MONIERE – header drawer icon fix ===== */

/* Button: no background, no border */
.header-drawer__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Show hamburger by default, hide close */
.header-drawer__icon-open {
  display: inline-flex !important;
}
.header-drawer__icon-close {
  display: none !important;
}

/* When drawer is open: show X, hide hamburger */
.header-drawer__container[open] .header-drawer__icon-open {
  display: none !important;
}
.header-drawer__container[open] .header-drawer__icon-close {
  display: inline-flex !important;
}

/* Size + color of the SVG icons */
.header-drawer__button svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Transparent header = white icon */
.header.is-transparent .header-drawer__button {
  color: #ffffff !important;
}

/* Sticky / scrolled header = black icon */
.header.header--sticky .header-drawer__button,
.is-scrolled .header-drawer__button,
.shopify-section-header.is-sticky .header-drawer__button {
  color: #000000 !important;
}
/* Remove theme pseudo-elements that hide mobile menu icons */
.header-drawer__button::before,
.header-drawer__button::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}/* Fix hidden hamburger icon */
.header-drawer__button::before,
.header-drawer__button::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* Ensure the SVG hamburger icon always shows */
.header-drawer__button svg {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* === Moniere – mobile menu base spacing === */
@media (max-width: 990px) {
  /* Less side padding overall */
  .header-drawer__nav {
    padding-left: 0px;
    padding-right: 0px;
  }

  .header-drawer__menu {
    margin: 0px;
    padding: 0;
  }

  /* All top-level rows a bit tighter vertically */
  .header-drawer__menu-item > details > summary,
  .header-drawer__menu-item > a {
    padding: 5px 19px;
  }
}
/* === MONIERE — MOBILE MENU TYPO & LAYOUT ===== */
@media (max-width: 990px) {

  /* ---------- PAGE 1: first level (READY TO WEAR / COLLECTIONS / BRAND) ---------- */

  /* First item big = READY TO WEAR */
  .header-drawer__menu > .header-drawer__menu-item:first-child
    > details > summary .header-drawer__link-text,
  .header-drawer__menu > .header-drawer__menu-item:first-child
    > a .header-drawer__link-text {
    font-size: 23px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  /* Other top-level items smaller = COLLECTIONS, BRAND, … */
  .header-drawer__menu > .header-drawer__menu-item:nth-child(n+2)
    > details > summary .header-drawer__link-text,
  .header-drawer__menu > .header-drawer__menu-item:nth-child(n+2)
    > a .header-drawer__link-text {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
  }

  /* Align first-level items with the submenu title & list */
  .header-drawer__menu > .header-drawer__menu-item > a.header-drawer__link,
  .header-drawer__menu > .header-drawer__menu-item > details > summary {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* ---------- PAGE 2+3: submenu header (title + breadcrumbs + line) ---------- */

  /* Wrapper that contains TITLE + breadcrumbs + divider */
  .header-drawer__submenu .header-drawer__head {
    padding: 16px 16px 8px;
  }

  /* Big title: READY TO WEAR / CLOTHING, etc. */
  .header-drawer__submenu .header-drawer__heading {
    display: block;
    font-size: 28px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -0.01em;
    margin: 0 0 4px;          /* spacing above breadcrumbs */
  }

  /* Breadcrumb row: “Menu / Ready to wear / Clothing” */
  .header-drawer__submenu .header-drawer__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    line-height: 1.2;
    color: #a8a8a8;
    margin: 4px 0 10px;
  }

  /* Breadcrumb link (no bubble / background) */
  .header-drawer__submenu .header-drawer__breadcrumb-link {
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    font: inherit;
    color: #a8a8a8;
    text-decoration: none;
    cursor: pointer;
  }

  .header-drawer__submenu .header-drawer__breadcrumb-sep {
    margin: 0 6px;
    color: #c5c5c5;
  }

  .header-drawer__submenu .header-drawer__breadcrumb-current {
    color: #111;
  }

  /* Thin grey line under breadcrumbs */
  .header-drawer__submenu .header-drawer__divider {
    height: 1px;
    background-color: #dcdcdc;
    margin: 0 16px 12px;   /* matches left/right padding of title & items */
  }

  /* ---------- PAGE 2+3: submenu list items (CLOTHING / NEW ARRIVALS / …; T-SHIRTS / SHORTS / …) ---------- */

  /* Align submenu list with the title/breadcrumbs */
  .header-drawer__submenu .header-drawer__menu-item > a.header-drawer__link,
  .header-drawer__submenu .header-drawer__menu-item > details > summary {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Same font for all submenu rows (CLOTHING, NEW ARRIVALS, SALE, T-SHIRTS…) */
  .header-drawer__submenu .header-drawer__menu-item .header-drawer__link-text {
    font-size: 15px !important;
    font-weight: 400 !important;
  }
}

/* ---------- SEARCH ICON: smaller in drawer ---------- */
.header-drawer__search .icon-search,
.header-drawer__search svg {
  width: 18px !important;
  height: 18px !important;
}
/* === MONIERE — Fix longer divider + tighter submenu spacing === */
@media (max-width: 990px) {

  /* FULL-WIDTH DIVIDER (flush left & right) */
  .header-drawer__submenu .header-drawer__divider {
    width: 100vw !important;        /* full device width */
    max-width: 100vw !important;
    margin-left: -16px !important;  /* cancel container padding */
    margin-right: -16px !important;
    height: 1px !important;
    background-color: #d3d3d3 !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
  }

  /* TIGHTER VERTICAL SPACING BETWEEN SUBMENU ITEMS */
  .header-drawer__submenu .header-drawer__menu-item > a.header-drawer__link,
  .header-drawer__submenu .header-drawer__menu-item > details > summary {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  /* Some themes add padding on the inner wrapper → override it too */
  .header-drawer__submenu .header-drawer__menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Remove top gap that Shopify injects on first submenu item */
  .header-drawer__submenu .header-drawer__menu-item:first-child {
    margin-top: 0 !important;
  }
}
/* === MONIERE – Divider under breadcrumbs + tighter submenu spacing === */
@media (max-width: 990px) {

  /* 1) Grey line directly under breadcrumbs */
  .header-drawer__submenu-head .header-drawer__divider {
    height: 1px !important;
    border: 0 !important;
    background-color: #d4d4d4 !important;

    /* stretch visually from text left edge to the right side */
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    margin-left: -16px !important;   /* cancel the 16px side padding */
    margin-right: -16px !important;
  }

  /* 2) Tighter spacing between submenu items (T-SHIRTS, HOODIES, …) */
  .header-drawer__submenu .header-drawer__menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header-drawer__submenu .header-drawer__menu-item {
    margin: 0 !important; /* kill extra gap between <li> elements */
  }

  .header-drawer__submenu .header-drawer__menu-item > a.header-drawer__link,
  .header-drawer__submenu .header-drawer__menu-item > details > summary {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
/* === FORCE breadcrumb divider to appear === */
@media (max-width: 990px) {
  .header-drawer__submenu-head .header-drawer__divider {
    display: block !important;
    height: 1px !important;
    background-color: #d4d4d4 !important;

    /* full-width under the padded container */
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
}
@media (max-width: 990px) {
  .header-drawer__submenu-head hr,
  .header-drawer__submenu-head .header-drawer__divider,
  .header-drawer__submenu-head > div[role="separator"],
  .header-drawer__submenu-head > .divider {
    display: block !important;
    height: 1px !important;
    background-color: #d4d4d4 !important;
    margin: 10px -16px 14px -16px !important;
  }
}
/* === Moniere – grey line under mobile breadcrumbs === */
@media (max-width: 990px) {
  .header-drawer__submenu-head .header-drawer__breadcrumbs {
    position: relative;
    padding-bottom: 12px;      /* space above the line */
    margin-bottom: 8px;        /* space below the line */
  }

  .header-drawer__submenu-head .header-drawer__breadcrumbs::after {
    content: "";
    position: absolute;
    left: -16px;               /* match your left menu padding */
    right: -16px;              /* stretch to the right edge */
    bottom: 0;
    height: 1px;
    background-color: #d4d4d4; /* grey line */
  }
}
/* === FIXED: Grey underline under breadcrumbs (working version) === */
@media (max-width: 990px) {

  .header-drawer__divider {
    display: block !important;
    width: calc(100% - 32px) !important; /* full width minus 16px left/right padding */
    margin: 20px 16px 16px 16px !important;
    border-top: 1px solid #d4d4d4 !important;
    height: 1px !important;
  }

}


/* ===========================================
   MONIERE – Desktop mega menu (restart)
   Full-width panel + 2-column layout
   =========================================== */
@media (min-width: 990px) {

  /* --- 2.1 Full-width white panel, edge to edge --- */

  .header__nav-dropdown[data-nav-dropdown] {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #ffffff;
    padding: 48px 80px 56px;
    box-sizing: border-box;
    z-index: 40;
    border: 0;
    box-shadow: none;
  }

  /* Remove any theme offset that pushes it in from the left */
  .header__nav-links-item > .header__nav-dropdown[data-nav-dropdown] {
    margin-left: 0;
  }

  /* --- 2.2 Grid layout inside the dropdown --- */
  /* The UL that holds CLOTHING / NEW ARRIVALS / SALE
     usually has data-nav-sublinks. */

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    column-gap: 80px;
    row-gap: 0;
    margin: 0;
    padding: 0;
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  /* Assumption of order inside [data-nav-sublinks]:
     1st li  → CLOTHING (has its own sub-UL)
     2nd li  → NEW ARRIVALS
     3rd li  → SALE
  */

  /* CLOTHING column → right side */
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) {
    grid-column: 2;
    grid-row: 1;
  }

  /* NEW ARRIVALS + SALE → left side, stacked, big type */
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(2),
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(3) {
    grid-column: 1;
    font-size: 32px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -0.01em;
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(3) {
    margin-top: 8px; /* space between NEW ARRIVALS and SALE */
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(2) a,
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(3) a {
    text-decoration: none;
  }

  /* --- 2.3 CLOTHING heading + its sublinks visible --- */

  /* Heading "CLOTHING" label */
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) > a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 500;
    border-bottom: 2px solid #111;
    padding-bottom: 4px;
    text-decoration: none;
  }

  /* List of items under CLOTHING (T-SHIRTS, HOODIES…) */
  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) ul {
    margin: 0;
    padding: 0;
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) li {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) li + li {
    margin-top: 4px; /* vertical spacing between T-SHIRTS, HOODIES… */
  }

  .header__nav-dropdown[data-nav-dropdown] [data-nav-sublinks] > li:nth-child(1) a {
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
  }
}

/* === MONIERE – Desktop mega menu (READY TO WEAR) === */
@media (min-width: 991px) {
  .header__nav-dropdown.moniere-mega-dropdown {
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 40px 0 48px;
  }

  .moniere-mega {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    column-gap: 80px;
  }

  .moniere-mega__col {
    min-width: 0;
  }

  /* Left column – big NEW ARRIVALS / SALE */
  .moniere-mega__featured-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .moniere-mega__featured-link {
    display: block;
    font-size: 30px;          /* slightly smaller so NEW ARRIVALS fits */
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -0.02em;
    white-space: nowrap;      /* keeps NEW ARRIVALS on one line */
    text-decoration: none;
    color: #111111;
    margin-bottom: 10px;
  }

  .moniere-mega__featured-link:last-child {
    margin-bottom: 0;
  }

  /* Right column – CLOTHING + children */
  .moniere-mega__clothing-title {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin: 0 0 6px;
  }

  .moniere-mega__clothing-underline {
    width: 120px;
    height: 2px;
    background: #111111;
    margin-bottom: 16px;
  }

  .moniere-mega__clothing-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .moniere-mega__clothing-link {
    display: block;
    font-size: 13px;
    line-height: 1.65;
    text-decoration: none;
    color: #111111;
    padding: 1px 0;
  }

  .moniere-mega__clothing-link:hover {
    text-decoration: underline;
  }
}
/* === MONIERE – Desktop dropdown: full-width white bar === */
@media (min-width: 991px) {
  /* Background for ALL desktop dropdowns (READY TO WEAR, COLLECTIONS, …) */
  .header__nav-dropdown {
    background-color: #ffffff;   /* solid white bar */
  }

  /* Our custom READY TO WEAR mega dropdown:
     inner wrapper transparent so only the bar is white */
  .moniere-mega {
    background: transparent;
  }
}
/* === MONIERE – FORCE FULL-WIDTH DESKTOP DROPDOWNS === */
@media (min-width: 991px) {
  /* the actual dropdown layer */
  .header__nav-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    background-color: #ffffff !important; /* full white bar */
    overflow: hidden; /* avoid horizontal scroll */
  }

  /* kill container padding so bar really starts at edge */
  .header__nav-dropdown > .container {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* give our content some internal breathing room again */
  .header__nav-dropdown .moniere-mega,
  .header__nav-dropdown .header__megamenu-grid {
    padding-left: 48px !important;
    padding-right: 48px !important;
    box-sizing: border-box;
  }
}
/* === MONIERE – FORCE FULL-WIDTH DESKTOP DROPDOWNS === */
@media (min-width: 991px) {
  .header__nav-dropdown {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    background-color: #ffffff !important;
    overflow: hidden;
  }

  .header__nav-dropdown > .container {
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .header__nav-dropdown .moniere-mega,
  .header__nav-dropdown .header__megamenu-grid {
    padding-left: 48px !important;
    padding-right: 48px !important;
    box-sizing: border-box;
  }
}
/* === MONIERE – TRUE FULL-WIDTH DESKTOP DROPDOWNS === */
@media (min-width: 991px) {

  /* 1) Make ALL desktop dropdowns span the full viewport
        and anchor them to the viewport, not the menu item */
  .header__nav-dropdown {
    position: fixed !important;                 /* no longer tied to the <li> */
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;

    /* stick directly under the header; the theme JS sets this var */
    top: var(--header-offset-with-transparent, 7.2rem) !important;

    background-color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 40 !important;
    overflow: hidden;
  }

  /* 2) Inner content (our mega + normal dropdown lists) – centered with padding */
  .header__nav-dropdown .moniere-mega,
  .header__nav-dropdown .header__megamenu-grid,
  .header__nav-dropdown > .header__nav-links,
  .header__nav-dropdown > ul {
    max-width: 1200px;                         /* similar to Nude Project feel */
    margin: 0 auto;
    padding: 40px 48px 48px;
    box-sizing: border-box;
  }
}