/** Shopify CDN: Minification failed

Line 105:0 Expected "}" to go with "{"

**/
.list-menu--right {
  right: 0;
}

.list-menu--disclosure {
  position: absolute;
  min-width: 100%;
  width: 20rem;
  border: 1px solid rgba(var(--color-foreground), 0.2);
}

.list-menu--disclosure:focus {
  outline: none;
}

.list-menu__item--active {
  text-decoration: none;
  text-underline-offset: 0.3rem;
}

.list-menu__item--active:hover {
  text-decoration-thickness: 0.2rem;
  text-decoration: none;
}

.list-menu--disclosure.localization-selector {
  max-height: 18rem;
  overflow: auto;
  width: 10rem;
  padding: 0.5rem;
}

/* Header menu customizations: make desktop menu items bold, remove underlines,
   change hover color to red, and set font-size to 16px on desktop screens. */
@media screen and (min-width: 990px) {
  .header .list-menu__item,
  .header .header__menu-item,
  .header .list-menu__item--link,
  .header .list-menu__item.link {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
  }

  /* Ensure links are not underlined in header menu */
  .header .list-menu__item--link,
  .header .header__menu-item,
  .header .list-menu__item.link {
    text-decoration: none !important;
  }

  /* Hover state: red color and no underline */
  .header .list-menu__item--link:hover,
  .header .header__menu-item:hover,
  .header .list-menu__item.link:hover {
    color: #ff0000;
    text-decoration: none;
  }

  /* Active state should follow same no-underline and bold rules */
  .header .list-menu__item--active {
    text-decoration: none;
    font-weight: 700;
  }
}

/* Extra overrides to catch active links that may be styled via aria-current or
   applied on the <a> element. Use high-specificity selectors and !important to
   ensure underlines are removed in all cases for header menu links. */
@media screen and (min-width: 990px) {
  .header a[aria-current="page"],
  .header a.list-menu__item--active,
  .header a.list-menu__item.link,
  .header .header__active-menu-item {
    text-decoration: none !important;
    border-bottom: none !important;
  }

  .header a[aria-current="page"]:hover,
  .header a.list-menu__item.link:hover {
    color: #ff0000;
    text-decoration: none !important;
  }

  @media screen and (min-width: 768px) {
  .header a[aria-current="page"],
  .header a.list-menu__item--active,
  .header a.list-menu__item.link,
  .header .header__active-menu-item {
    text-decoration: none !important;
    border-bottom: none !important;
  }

  .header a[aria-current="page"]:hover,
  .header a.list-menu__item.link:hover {
    color: #ff0000;
    text-decoration: none !important;
  }
}