/** Shopify CDN: Minification failed

Line 759:30 Expected identifier but found whitespace
Line 760:4 Unexpected "not("

**/
.header__icon--menu {
  position: initial;
}


/* =========================================================
   PAGE OVERLAY
   ========================================================= */

.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  content: '';

  position: absolute;

  cursor: default;

  width: 100%;

  height:
    calc(100vh - 100%);

  height:
    calc(
      var(--viewport-height, 100vh) -
      var(--header-bottom-position, 100%)
    );

  top: 100%;
  left: 0;

  background:
    rgba(25, 20, 22, .18);

  opacity: 0;

  visibility: hidden;

  z-index: 2;

  transition:
    opacity 0s,
    visibility 0s;
}


menu-drawer > details[open] > summary::before {
  visibility: visible;

  opacity: 1;

  transition:
    opacity var(--duration-default) ease,
    visibility var(--duration-default) ease;
}


/* =========================================================
   DRAWER
   ========================================================= */

.menu-drawer {
  position: absolute;

  visibility: hidden;

  z-index: 3;

  top: 100%;

  left: 0;
  right: auto;

  width: 92vw;
  max-width: 42rem;

  padding: 0;

  overflow-x: hidden;

  transform:
    translateX(-100%);

  background:
    rgba(247, 244, 239, .97) !important;

  border-inline-end:
    1px solid rgba(73, 57, 61, .10);

  box-shadow:
    14px 0 38px
    rgba(41, 36, 38, .10);

  filter: none;
}


/*
   Hebrew / RTL:
   drawer opens from the right.
*/

html[dir='rtl'] .menu-drawer {
  left: auto;
  right: 0;

  transform:
    translateX(100%);

  border-inline-end: 0;

  border-inline-start:
    1px solid
    rgba(73, 57, 61, .10);

  box-shadow:
    -14px 0 38px
    rgba(41, 36, 38, .10);
}


.js .menu-drawer {
  height:
    calc(100vh - 100%);

  height:
    calc(
      var(--viewport-height, 100vh) -
      var(--header-bottom-position, 100%)
    );
}


.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
  transition:
    transform var(--duration-default) ease,
    visibility var(--duration-default) ease;
}


.js details[open].menu-opening > .menu-drawer,
details[open].menu-opening > .menu-drawer__submenu {
  transform:
    translateX(0);

  visibility:
    visible;
}


.js .menu-drawer__navigation .submenu-open {
  visibility: hidden;
}


/* =========================================================
   TABLET / LARGE DRAWER
   ========================================================= */

@media screen and (min-width: 750px) {

  .menu-drawer {
    width: 40rem;

    max-width: 40rem;
  }

}


/* =========================================================
   INNER STRUCTURE
   ========================================================= */

.menu-drawer__inner-container {
  position: relative;

  height: 100%;

  background:
    transparent;
}


.menu-drawer__navigation-container {
  display: grid;

  grid-template-rows:
    1fr auto;

  align-content:
    space-between;

  overflow-y: auto;

  height: 100%;
}


/*
   Extra room at the top keeps the
   X separate from the first menu item.
*/

.menu-drawer__navigation {
  padding:
    7rem 0 2.8rem;
}


.menu-drawer__inner-submenu {
  height: 100%;

  overflow-x: hidden;
  overflow-y: auto;
}


/* =========================================================
   MENU LIST
   ========================================================= */

.js .menu-drawer__menu li {
  margin-bottom:
    .3rem;
}


.menu-drawer__menu-item {
  margin:
    0 1.5rem;

  padding:
    1.25rem 1.5rem;

  border-radius:
    1rem;

  text-decoration:
    none;

  font-size:
    1.8rem;

  line-height:
    1.45;

  text-align:
    start;

  transition:
    background-color .15s ease,
    color .15s ease;
}


.menu-drawer summary.menu-drawer__menu-item {
  padding-inline-end:
    4.8rem;
}


/* =========================================================
   ACTIVE / HOVER / FOCUS

   No grey bar for active page.
   ========================================================= */

.menu-drawer__menu-item--active {
  color:
    #5a2a83;

  background:
    transparent !important;

  font-weight:
    650;
}


.menu-drawer__menu-item--active:hover {
  color:
    #5a2a83;

  background:
    rgba(90, 42, 131, .055) !important;
}


.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
  color:
    rgb(var(--color-foreground));

  background:
    rgba(90, 42, 131, .055);
}


.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus {
  color:
    rgb(var(--color-foreground));

  background:
    rgba(90, 42, 131, .055);
}


.menu-drawer__menu-item:focus-visible,
.menu-drawer__close-button:focus-visible {
  outline:
    3px solid #5a2a83;

  outline-offset:
    2px;
}


/* =========================================================
   SUBMENU ARROWS
   ========================================================= */

.js .menu-drawer__menu-item .icon-caret {
  display: none;
}


.menu-drawer__menu-item > .svg-wrapper {
  width:
    15px;

  position:
    absolute;

  inset-inline-end:
    3rem;

  top:
    50%;

  transform:
    translateY(-50%);
}


/* =========================================================
   SUBMENUS
   ========================================================= */

.js .menu-drawer__submenu {
  position: absolute;

  top: 0;
  bottom: 0;

  left: 0;

  width: 100%;

  z-index: 1;

  transform:
    translateX(100%);

  visibility:
    hidden;

  background:
    rgba(247, 244, 239, .99) !important;
}


html[dir='rtl']
.js .menu-drawer__submenu {
  transform:
    translateX(-100%);
}


html[dir='rtl']
details[open].menu-opening
> .menu-drawer__submenu {
  transform:
    translateX(0);
}


.js .menu-drawer__submenu
.menu-drawer__submenu {
  overflow-y:
    auto;
}


/* =========================================================
   SUBMENU BACK BUTTON

   IMPORTANT:
   This remains a normal full-width button.
   It is NOT the top X button.
   ========================================================= */

.menu-drawer__close-button {
  margin-top:
    1.5rem;

  padding:
    1.2rem 2.6rem;

  display:
    flex;

  align-items:
    center;

  width:
    100%;

  border:
    0;

  background:
    transparent;

  color:
    inherit;

  text-decoration:
    none;

  font-family:
    var(--font-body-family);

  font-style:
    var(--font-body-style);

  font-size:
    1.4rem;

  text-align:
    start;

  cursor:
    pointer;
}


.menu-drawer__close-button
.svg-wrapper {
  width:
    15px;

  margin-inline-end:
    1rem;

  transform:
    rotate(180deg);
}


html[dir='rtl']
.menu-drawer__close-button
.svg-wrapper {
  transform:
    rotate(0deg);
}


/* =========================================================
   TOP X BUTTON

   Overrides the inline Shopify styles
   in header-drawer.liquid.
   ========================================================= */

.menu-drawer__top-close-button {
  position:
    absolute !important;

  top:
    1.2rem !important;

  right:
    1.4rem !important;

  left:
    auto !important;

  z-index:
    10001 !important;

  width:
    44px !important;

  height:
    44px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    transparent !important;

  color:
    rgb(var(--color-foreground));

  cursor:
    pointer;

  line-height:
    1;
}


/*
   Keep large accessible hit area,
   but make the visual X more delicate.
*/

.menu-drawer__top-close-button
svg {
  display:
    block;

  width:
    25px !important;

  height:
    25px !important;

  pointer-events:
    none;

  stroke-width:
    1.5;
}


.menu-drawer__top-close-button:hover {
  background:
    rgba(90, 42, 131, .055) !important;
}


.menu-drawer__top-close-button:focus-visible {
  outline:
    3px solid #5a2a83;

  outline-offset:
    2px;

  background:
    rgba(255,255,255,.35) !important;
}


/* =========================================================
   UTILITY / LANGUAGE AREA

   Same background as drawer.
   Only a subtle separator remains.
   ========================================================= */

.menu-drawer__utility-links {
  position:
    relative;

  padding:
    1.8rem 3rem 2.2rem;

  border-top:
    1px solid
    rgba(73,57,61,.10);

  background:
    transparent !important;
}


.header--has-social
.menu-drawer__utility-links {
  padding:
    2rem 3rem;
}


.mobile-language-toggle {
  margin-top:
    0 !important;

  text-align:
    center !important;
}


/* =========================================================
   ACCOUNT
   ========================================================= */

.menu-drawer__account {
  display:
    inline-flex;

  align-items:
    center;

  margin-bottom:
    0;

  padding:
    1rem 0;

  color:
    rgb(var(--color-foreground));

  text-decoration:
    none;

  font-size:
    1.4rem;
}


.menu-drawer__utility-links:has(
  .menu-drawer__localization
)
.menu-drawer__account {
  margin:
    0;
}


.menu-drawer__account
account-icon > .svg-wrapper {
  width:
    2rem;

  height:
    2rem;

  margin-inline-end:
    1rem;
}


.menu-drawer__account
shop-user-avatar {
  --shop-avatar-size: 2.4rem;

  margin-right:
    .55rem;

  margin-left:
    -.45rem;
}


.menu-drawer__account:hover
account-icon > .svg-wrapper {
  transform:
    scale(1.07);
}


/* =========================================================
   SOCIAL
   ========================================================= */

.menu-drawer
.list-social {
  justify-content:
    flex-start;

  margin-left:
    -1.25rem;
}


.menu-drawer
.list-social:empty {
  display:
    none;
}


.menu-drawer
.list-social__link {
  padding:
    1.1rem;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .menu-drawer {
    width:
      92vw;

    max-width:
      none;
  }


  .menu-drawer__navigation {
    padding-top:
      6.8rem;
  }


  .menu-drawer__menu-item {
    margin:
      0 1.2rem;

    padding:
      1.2rem 1.4rem;

    font-size:
      1.75rem;
  }


  .menu-drawer__utility-links {
    padding:
      1.7rem 2rem 2rem !important;
  }


  .header--has-account:where(
    :not(.header--has-social):
    not(.header--has-localizations)
  )
  .menu-drawer__utility-links {
    padding:
      1.7rem 2rem 2rem;
  }


  .menu-drawer.country-selector-open {
    transform:
      none !important;

    filter:
      none !important;

    transition:
      none !important;
  }

}


/* =========================================================
   TABLET UTILITY
   ========================================================= */

@media screen and (max-width: 989px) {

  .header--has-localizations:where(
    :not(.header--has-social)
  )
  .menu-drawer__utility-links {
    padding:
      1.8rem 3rem 2.2rem;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .menu-drawer,
  .menu-drawer__submenu,
  menu-drawer > details > summary::before {
    transition:
      none !important;
  }

}

/* Hide floating video control while mobile drawer is open */
body:has(.menu-drawer-container[open]) .dcv-toggle {
  display: none !important;
}