:root {

  --sticky-agave: #254D63;
  --sticky-peyote: #91B5B5;
  --sticky-santa-rita: #F5E5E5;
  --sticky-cactus: #A8BA9940;
  --sticky-spine: #EEECE7;
  --sticky-saguaro: #A8BA99;
}

.menu-drawer__localization localization-form {
  display: none !important;
}

.shopify-section-group-header-group.shopify-section-header-sticky .header-wrapper--border-bottom {
  border-bottom: transparent !important;
}

.section-header.shopify-section-group-header-group {
  background-color: var(--sticky-peyote);
  margin-block-end: -1px;

  @media screen and (max-width:989px) {
    .header__inline-menu li:not(:last-child) .header__menu-item {
      display: none !important;
    }

    .header__inline-menu li:last-child .header__menu-item span {
      font-size: 11px;
      letter-spacing: -1px;
    }

    sticky-header:has(.header--mobile-left details[open]) {
      margin: 0 2rem 0 0 !important;
      z-index: 2;
    }

    sticky-header:has(.header--mobile-left details[open]) .header__heading-logo {
      filter: brightness(0) saturate(100%) invert(84%) sepia(14%) saturate(454%) hue-rotate(50deg) brightness(87%) contrast(83%);
    }

    sticky-header:has(.header--mobile-left details[open]) .header__icon--menu {
      margin-right: 1rem;
    }

    sticky-header:has(.header--mobile-left details[open]) .header__inline-menu {
      display: none !important;
    }

    sticky-header .header--mobile-left:has(details[open]) {
      margin: 0;
      padding-left: 2rem !important;
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      background: var(--sticky-spine);
    }

    sticky-header:has(.header--mobile-left details[open]) header-drawer {
      justify-self: end;
    }

    sticky-header:has(.header--mobile-left details[open]) details[open]>.menu-drawer {
      background: var(--sticky-spine);
    }

    .menu-drawer__menu-item {
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 0.15ch;
      border-bottom: 0.01rem solid #254D6326;
      padding: 2.1rem 3rem !important;
    }
  }
}

.shopify-section.menu-open .header--mobile-left {
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
}

.shopify-section.menu-open~.background-overlay,
.shopify-section.menu-open .background-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(0 0 0 / 60%);
  z-index: 1;
  display: block !important;
}