/** Shopify CDN: Minification failed

Line 307:8 Unexpected "and"

**/
.menu-mobile--open,
.menu-mobile--opening,
.menu-mobile--closing {
  overflow: hidden;
}

.menu-mobile--open .transition-content,
.menu-mobile--opening .transition-content,
.menu-mobile--closing .transition-content,
.menu-mobile--open .header-wrapper,
.menu-mobile--opening .header-wrapper,
.menu-mobile--closing .header-wrapper,
.menu-mobile--open .announcement-bar,
.menu-mobile--opening .announcement-bar,
.menu-mobile--closing .announcement-bar {
  padding-inline-end: var(--scrollbar-width);
}

.menu-mobile--open .shopify-section-header-sticky,
.menu-mobile--opening .shopify-section-header-sticky,
.menu-mobile--closing .shopify-section-header-sticky {
  min-height: var(--header-bottom-position);
}

.menu-mobile--open .menu-drawer-container summary.header__icon--menu::after,
.menu-mobile--opening .menu-drawer-container summary.header__icon--menu::after {
  opacity: 1;
  pointer-events: visible;
}

@media screen and (min-width: 750px) {
  .menu-mobile--open .transition-body::after,
  .menu-mobile--opening .transition-body::after {
    opacity: 1;
    pointer-events: visible;
  }

  .menu-mobile--open .shopify-section-announcement-bar,
  .menu-mobile--opening .shopify-section-announcement-bar,
  .menu-mobile--closing .shopify-section-announcement-bar {
    position: relative;
    z-index: 100;
  }

  .menu-mobile--open .shopify-section-header:not(.shopify-section-header-sticky),
  .menu-mobile--opening .shopify-section-header:not(.shopify-section-header-sticky),
  .menu-mobile--closing .shopify-section-header:not(.shopify-section-header-sticky) {
    position: relative;
    z-index: 99;
  }
}

@media screen and (max-width: 749px) {
  .menu-mobile--open .shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper,
  .menu-mobile--opening .shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper,
  .menu-mobile--closing .shopify-section-header:not(.shopify-section-header-sticky) .header-wrapper {
    z-index: 30;
    overflow: hidden;
  }

  /* When a drawer opens at the top of the page the header is still in normal
     flow (below the announcement bar). The drawer panel is fixed at top:40px
     and would otherwise cover the header, so pin the header to top:0 while any
     drawer is open. The announcement bar scrolls underneath it. */
  .menu-mobile--open .shopify-section-header,
  .menu-mobile--opening .shopify-section-header,
  .menu-mobile--closing .shopify-section-header,
  .mini-cart--open .shopify-section-header,
  .mini-cart--opening .shopify-section-header,
  .mini-cart--closing .shopify-section-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 102;
  }

  .menu-mobile--open drawer-close-button.header__icon--menu::after {
    transform: scale(1);
    transition-delay: var(--duration-long);
  }
}

.menu-mobile--open .shopify-section-header-hidden {
  transform: none;
}

.menu-drawer {
  position: fixed;
  transform: translateX(-100%);
  visibility: hidden;
  z-index: 100;
  left: 0;
  top: 0;
  width: calc(100% - 4rem);
  padding: 0;
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
}

.js .menu-drawer {
  height: 100%;
}

@media screen and (max-width: 749px) {
  .js .menu-drawer {
    /* Mobile header is a fixed 40px — start the drawer below it so it
       doesn't cover the header. */
    top: 40px;
    height: calc(100% - 40px);
  }
}

.js .shopify-section-header-sticky.shopify-section-header-hidden .menu-drawer {
  height: 100vh;
}

@supports (height: 100svh) {
  .js .shopify-section-header-sticky.shopify-section-header-hidden .menu-drawer {
    height: 100svh;
  }
}

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

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

.menu-drawer-container summary.header__icon--menu::after {
  content: '';
  display: block;
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transition: opacity var(--duration-long) ease;
  background-color: rgba(var(--color-overlay), 0.05);
}

@media screen and (max-width: 749px) {
  .menu-drawer-container summary.header__icon--menu::after {
    background-color: transparent;
    /* Remove the click-to-close backdrop on mobile. It's transparent here
       and only intercepts taps — including the header's own controls
       (logo, menu/cart toggles), which made switching/closing fail. */
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .menu-drawer {
    position: absolute;
    width: 45rem;
    top: 100%;
    border: 0.1rem solid rgba(var(--color-border), 0.5);
    border-inline-start: 0;
  }

  .js .menu-drawer {
    border: none;
    border-top: 0.1rem solid rgba(var(--color-border), 0.5);
    height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
  }

  .no-js .menu-drawer {
    height: auto;
  }

  .menu-drawer-container summary.header__icon--menu::after {
    content: none;
  }
}

.menu-drawer__inner-container {
  position: relative;
  height: 100%;
}

.menu-drawer__navigation-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}

.menu-drawer__navigation {
  flex: 1 1 auto;
  overflow-x: hidden;
  margin-top: 0;
  border-top: none;
}

.menu-drawer__menu {
  padding-inline-start: 2rem;
  margin-top: 1.5rem;
}
.sidebar-mobile-split__left .menu-drawer__menu.list-menu {
  margin-top: 0;
}
.menu-drawer__menu .list-menu{
  margin-top: 1.5rem;
}
@media screen and (min-width: 750px) {
  .menu-drawer__menu {
    /* Match the page gutter, which is 4rem from 750px up. At 3rem the menu links
       sat 10px inside the "Close" label in the header above them, which on
       mobile line up exactly (both 2rem). */
    padding-inline-start: 4rem;
  }

  .menu-drawer__navigation {
    margin-top: 0;
    border-top: 0;
  }
}

.menu-drawer__inner-submenu {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Search panel inside mobile drawer */
.menu-drawer__search-panel {
  padding: 2rem var(--page-padding);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 65px;
}

.menu-drawer__search-panel .search-modal__form {
  width: 100%;
}

.menu-drawer__search-panel .search__input {
  font-size: 1.2rem;
}

.menu-drawer__search-panel .predictive-search {
  position: relative;
  width: 100%;
  opacity: 1;
}

.menu-drawer__search-panel .predictive-search--header {
  top: 0;
  border: none;
}

.menu-drawer__search-panel .predictive-search-results {
  position: relative;
}

/* Hide the predictive search overlay when inside mobile drawer */
.menu-mobile--open.predictive-search--focus .transition-body::after,
.menu-mobile--opening.predictive-search--focus .transition-body::after {
  opacity: 0;
  pointer-events: none;
}

.menu-drawer__inner-submenu .menu-drawer__menu-item {
  font-size: 1.6rem;
  padding: 1rem 0;
}

.no-js .menu-drawer__navigation {
  padding: 0;
}

.no-js .menu-drawer__submenu ul {
  border-bottom: 0.1rem solid rgba(var(--color-border), 0.5);
}

.menu-drawer__menu-item {
  font-family: var(--font-h1-family);
  flex: 0 0 100%;
  font-size: 1.6rem;
  padding: 1.2rem 0;
  text-decoration: none;
  color: rgb(var(--color-link));
  display: flex;
  align-items: center;
  letter-spacing: -.01em;
  border-bottom: 0.1rem solid rgba(var(--color-border), 0.5);
}
@media  and (min-width:750px) {
  .menu-drawer__menu-item {
    font-size: 1.8rem;
  }
}
.header-wrapper--uppercase .menu-drawer__menu-item {
  text-transform: uppercase;
}

/* .header-wrapper--uppercase .menu-drawer__submenu .menu-drawer__menu-item {
  text-transform: none;
} */

.menu-drawer__menu > li:last-child > .menu-drawer__menu-item,
.menu-drawer__menu > li:last-child > details > summary > .menu-drawer__menu-item {
  border-bottom: 0;
}

.no-js .menu-drawer__menu-item {
  font-size: 1.6rem;
}

.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  padding-inline-start: 9rem;
}

.no-js .menu-drawer__menu-item .icon-caret {
  right: 3rem;
}

.js .menu-drawer__menu-item .icon-caret,
.no-js .menu-drawer .icon-arrow {
  display: none;
}

.menu-drawer .icon-arrow {
  height: 1.5rem;
  width: 1.5rem;
  margin-inline-end: 2rem;
}

@media screen and (min-width: 750px) {
  .menu-drawer .icon-arrow {
    margin-inline-end: 3rem;
  }
}

.js .menu-drawer__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--color-background));
  z-index: 31;
  transform: translateX(100%);
  visibility: hidden;
}

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

.menu-drawer__topbar {
  display: flex;
  margin-bottom: 1rem;
}

.no-js .menu-drawer__topbar {
  display: none;
}

.menu-drawer__close-button {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  padding: 2rem;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: rgb(var(--color-link));
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1rem;
}

.menu-drawer__close-button .icon {
  margin-inline-end: 0 !important;
  width: 1rem;
  height: 1rem;
}

.menu-drawer__topbar .menu-drawer__menu-item {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.8rem;
  padding: 1.5rem 2.2rem;
  padding-inline-start: 0;
  border-bottom: 0;
}

.menu-drawer__localization {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 1.5rem;
  position: relative;
  padding: 1rem 1.5rem;
}

.menu-drawer__localization::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-background));
}

.menu-drawer__localization::after {
  content: '';
  position: absolute;
  z-index: -2;
  right: 1.5rem;
  top: 0;
  left: 1.5rem;
  height: 2rem;
  border-radius: 100%;
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
}

.menu-drawer__localization .localization-form {
  padding: 0;
}

.menu-drawer__localization .disclosure {
  position: static;
}

.menu-drawer__localization .disclosure .icon-localization {
  width: 1.8rem;
  height: 1.8rem;
}

.menu-drawer__localization .disclosure__list {
  bottom: 100%;
  width: 100%;
  max-width: 100%;
  border: none;
  border-top: 0.1rem solid rgba(var(--color-border), 0.5);
}

.menu-drawer__localization .disclosure__item {
  justify-content: center;
}

.menu-drawer__utility-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 0.5rem;
  column-gap: 1.5rem;
  padding: 1.5rem;
  border-top: 0.1rem solid rgba(var(--color-border), 0.5);
}

@media screen and (min-width: 750px) {
  .menu-drawer__utility-links {
    column-gap: 2rem;
    padding: 2rem;
  }
}

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

.js details[open] > .menu-drawer [data-animate] {
  opacity: 0;
  transform: translateX(-4rem);
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: var(--duration-long);
}

.js details[open] > .menu-drawer [data-animate-delay-1] {
  transition-delay: var(--duration-default);
}

.js details[open] > .menu-drawer [data-animate-delay-2] {
  transition-delay: calc(var(--duration-default) + 100ms);
}

.js details[open].menu-opening > .menu-drawer [data-animate],
.no-js details[open] > .menu-drawer [data-animate] {
  opacity: 1;
  transform: translateX(0);
}

@keyframes left-to-right {
  0% {
    transform: translateX(0)
  }
  25% {
    opacity: 0;
    transform: translateX(100%)
  }
  50% {
    opacity: 0;
    transform: translateX(-100%)
  }
  75% {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes right-to-left {
  0% {
    transform: translateX(0)
  }
  25% {
    opacity: 0;
    transform: translateX(-100%)
  }
  50% {
    opacity: 0;
    transform: translateX(100%)
  }
  75% {
    opacity: 1;
    transform: translateX(0)
  }
}