/** Shopify CDN: Minification failed

Line 566:2 Unexpected "}"

**/
/* Style the section that contains the header */
.section--site-header {
  display: block;
  line-height: var(--font-heading-line-height);
  position: relative;
  z-index: var(--z-index-site-header);
}

.overlay-on .section--site-header {
  z-index: var(--z-index-header-under-freeze);
}

/* Sticky header styles and animations */
.section--site-header.sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.section--site-header.sticky.scrolling-up {
  transform: translateY(0);
  transition: transform 0.5s ease;
  z-index: var(--z-index-site-header);
}

.section--site-header.sticky.scrolled-past,
.section--site-header.sticky.scrolling-up.scrolled-past {
  transform: translateY(calc(var(--site-header-height) * -1));
}

.section--site-header.sticky.disable-animation {
  position: static;
}

/* Site header */
.site-header {
  background-color: var(--color-site-header-bg);
  color: var(--color-site-header-text);
  display: flex;
  height: auto;
  padding-bottom: var(--site-header-padding);
  padding-top: var(--site-header-padding);
}

.section--site-header.sticky .site-header {
  box-shadow: var(--box-shadow--bottom);
  border-bottom: 1px solid var(--color-box-shadow);
}

/* Styles for transparent header */
.site-header--transparent {
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.site-header__logo-container--transparent {
  display: none;
}

.section--site-header:not(.scrolling-up) .site-header--transparent .site-header__logo-container,
.section--site-header:not(.scrolling-up) .site-header--transparent.mega-menu-open-in-editor .site-header__logo-container.site-header__logo-container--transparent {
  display: none;
}

.section--site-header:not(.scrolling-up) .site-header--transparent .site-header__logo-container--transparent,
.section--site-header:not(.scrolling-up) .site-header--transparent.mega-menu-open-in-editor .site-header__logo-container {
  display: block;
}

/* Hover or focus-within transparent header or when search is open makes it solid again */
.section--site-header.sticky.scrolling-up .site-header--transparent,
.site-header--transparent:hover,
.site-header--transparent:focus-within,
html.search-open .section--site-header .site-header--transparent,
.site-header--transparent.mega-menu-open-in-editor {
  background-color: var(--color-site-header-bg);
}

.section--site-header:not(.scrolling-up) .site-header--transparent:hover .site-header__link,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .site-header__link,
html.search-open .section--site-header .site-header--transparent .site-header__link,
.section--site-header:not(.scrolling-up) .site-header--transparent.mega-menu-open-in-editor .site-header__link {
  --color-link: var(--color-site-header-text);
  --color-link-hover: var(--color-site-header-text);
  --color-link-accent: var(--color-site-header-text-accent);
  --color-focus-outline: var(--color-site-header-focus-outline);
}

.section--site-header:not(.scrolling-up) .site-header--transparent:hover .site-header__icon-button,
.section--site-header:not(.scrolling-up) .site-header--transparent:hover .dropdown-link__toggle,
.section--site-header:not(.scrolling-up) .site-header--transparent:hover .dropdown-link__button,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .site-header__icon-button,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .dropdown-link__toggle,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .dropdown-link__button,
html.search-open .section--site-header .site-header--transparent .site-header__icon-button,
.section--site-header:not(.scrolling-up) .site-header--transparent.mega-menu-open-in-editor .dropdown-link__toggle,
.section--site-header:not(.scrolling-up) .site-header--transparent.mega-menu-open-in-editor .site-header__icon-button {
  --button-foreground-color: var(--color-site-header-text);
  --button-foreground-color-hover: var(--color-site-header-text);
  --button-background-color: transparent;
  --button-background-color-hover: transparent;
}

.section--site-header:not(.scrolling-up) .site-header--transparent:hover .site-header__logo-container,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .site-header__logo-container,
html.search-open .section--site-header .site-header--transparent .site-header__logo-container {
  display: block;
}

.section--site-header:not(.scrolling-up) .site-header--transparent:hover .site-header__logo-container--transparent,
.section--site-header:not(.scrolling-up) .site-header--transparent:focus-within .site-header__logo-container--transparent,
html.search-open .section--site-header .site-header--transparent .site-header__logo-container--transparent {
  display: none;
}

.site-header--transparent .localization__button:hover {
  color: var(--color-site-header-text);
}

/* Site header element styles */
.site-header__link,
.site-header__mega-menu-link,
.site-header__dropdown-menu-link,
.site-header__mega-menu-title {
  line-height: 1.2;
}

.site-header__link {
  --color-link: var(--color-site-header-text);
  color: var(--color-link);
  text-decoration: none;
}

.site-header__link span {
  display: block;
}

.site-header__link:hover {
  color: var(--color-link);
}

.site-header__link span::after {
  content: "";
  display: block;
  height: var(--border-size--thick);
  background-color: var(--color-link);
  width: 100%;
  position: relative;
  transform: translateY(3px);
  top: 0;
  opacity: 0;
  transition: opacity, transform var(--transition-duration) var(--transition-timing-function);
}

.site-header__link:hover span::after,
.dropdown-link.is-open span::after {
  opacity: 1;
  transform: translateY(5px);
}

.site-header__mega-menu-link {
  text-decoration-color: transparent;
  text-underline-offset: 2px;
}

.site-header__mega-menu-link:hover {
  text-decoration-color: var(--color-link);
}

.site-header__link {
  align-items: center;
  display: flex;
  margin: 0 var(--space-small);
  min-height: var(--pointer-element-min-height);
  padding: 0;
  position: relative;
  top: var(--border-size--thick);
}

.site-header__link.dropdown-link__toggle {
  display: flex;
}

.site-header__link .dropdown-link__caret {
  margin-left: 5px;
}

.site-header .site-header__icon-button,
.site-header .dropdown-link__toggle {
  --button-foreground-color: var(--color-site-header-text);
  --color-link: var(--color-site-header-text);
}

/* Bug fix for flex Safari 14 and earlier */
@supports not (aspect-ratio: 1) {
  .site-header__icon-button--search {
    margin-top: 16px;
    text-align: center;
  }
}

.site-header__menu-button svg {
  height: var(--icon-width);
  width: var(--icon-width);
}

.site-header__menu-toggle {
  display: none;
  grid-area: menu-toggle;
}

.site-header__container--has-menu .site-header__menu-toggle {
  display: block;
}

.site-header__heading {
  grid-area: heading;
  position: relative;
  justify-self: center;
  text-align: center;
  z-index: var(--z-index-site-header-heading);
}

.site-header__menu-button svg {
  height: var(--icon-width);
  width: var(--icon-width);
}

.site-header__inline-menu {
  display: none;
  grid-area: inline-menu;
}

.site-header__shop-links {
  display: flex;
  grid-area: shop-links;
  justify-self: end;
}

.site-header__search {
  grid-area: search;
  justify-self: end;
}

/* Site header layouts */
.site-header__container {
  --icon-width: 34px;

  align-items: center;
  display: grid;
  gap: 0 var(--space-small);
  grid-template-areas: ". heading shop-links";
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  width: 100%;
}

.site-header__container--top-center {
  grid-template-areas: "search heading shop-links";
}

.site-header__container--has-menu {
  grid-template-areas: "menu-toggle heading shop-links";
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
}

.site-header__container--has-menu.site-header__container--top-center {
  grid-template-areas: "menu-toggle . heading search shop-links";
  grid-template-columns: var(--icon-width) minmax(0, 1fr) max-content minmax(0, 1fr) var(--icon-width);
}

@media screen and (min-width: 900px) {
  .site-header__container {
    gap: 0;
  }

  .site-header__shop-links {
    gap: var(--space-xsmall);
  }

  .site-header__inline-menu-list {
    display: flex;
    flex-wrap: wrap;
  }

  .site-header__container--has-menu .site-header__menu-toggle {
    display: none;
  }

  .site-header__container--middle-left {
    grid-template-areas: "heading shop-links";
    grid-template-columns: max-content minmax(0, 1fr);
  }

  .site-header__container--middle-left .site-header__inline-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .site-header__inline-menu {
    display: block;
  }

 
  .site-header__container--middle-left .site-header__heading {
    justify-self: start;
    text-align: left;
  }

  .site-header__container--top-center .site-header__search {
    justify-self: start;
  }

  .site-header__container--middle-center,
  .site-header__container--top-center {
    grid-template-areas: "search heading shop-links";
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  }

  .site-header__container--has-menu.site-header__container--middle-left {
    grid-template-areas: "heading inline-menu shop-links";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
  }

  .site-header__container--has-menu.site-header__container--middle-center {
    grid-template-areas: "inline-menu heading shop-links";
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  }

  .site-header__container--has-menu.site-header__container--top-center {
    grid-template-areas: "search heading shop-links"
                          "inline-menu inline-menu inline-menu";
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  }
}

.site-header__inline-menu-item {
  align-items: center;
  display: flex;
}

.site-header__container--middle-left .site-header__inline-menu {
  margin-left: var(--space-large);
  text-align: right;
}

.site-header__container--top-center .site-header__inline-menu {
  text-align: center;
}

.site-header__container--middle-left .site-header__inline-menu-list {
  justify-content: flex-end;
}

.site-header__container--top-center .site-header__inline-menu-list {
  justify-content: center;
}

.site-header__container--middle-center .site-header__inline-menu-list {
  justify-content: flex-start;
}

/* Dropdowns and search sections */
.site-header__mega-menu,
.site-header__dropdown-menu,
.site-header__search-expanded-section {
  opacity: 0;
  position: absolute;
  top: calc(var(--site-header-height) - 1px);
  transform: translateY(calc(var(--space-medium) * -1));
  transition-duration: var(--transition-duration);
  transition-property: opacity, transform, visibility;
  transition-timing-function: var(--transition-timing-function);
  visibility: hidden;
  z-index: var(--z-index-header-dropdown);
}

.site-header__mega-menu,
.site-header__search-expanded-section {
  background-color: var(--color-site-header-bg);
  border-bottom: var(--border-size--thick) solid var(--color-box-shadow);
  box-shadow: var(--box-shadow--bottom);
  left: 0;
  padding: var(--space-small) var(--space-viewport-sides) var(--space-large);
  width: 100%;
}

.site-header__dropdown-menu {
  width: 14em;
}

.site-header__dropdown-menu-list {
  box-shadow: 10px 0 10px -10px var(--color-box-shadow),
				      0 10px 10px -10px var(--color-box-shadow),
				      -10px 0 10px -10px var(--color-box-shadow);
              background-color: var(--color-site-header-bg);
  border: var(--border-size--thin) solid var(--color-foreground--10);
  border-top: 0;
  max-height: calc(80vh - var(--site-header-height));
  overflow-y: auto;
}

.dropdown-link.is-open .site-header__mega-menu,
.dropdown-link.is-open .site-header__dropdown-menu,
.dropdown-link[open] .site-header__dropdown-menu,
.site-header__search details[open] .site-header__search-expanded-section {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

/* Make sure localization dropdowns don't extend off of the right side of the screen */
.localization__dropdown-link .site-header__dropdown-menu {
  transform: translateX(-10em);
}

.localization__dropdown-link.is-open .site-header__dropdown-menu {
  transform: translateX(-10em);
}

.site-header__dropdown-menu-link {
  --color-link: var(--color-site-header-text);
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: var(--space-small) var(--space-medium);
  transition-property: background-color;
  text-decoration: none;
}

.site-header__dropdown-menu-link:hover {
  background-color: var(--color-site-header-text--05);
  color: var(--color-site-header-text);
}

.site-header__dropdown-menu details[open] summary,
.site-header__dropdown-menu details[open] a {
  background-color: var(--color-site-header-text--05);
}

.site-header__dropdown-menu details[open] summary:hover,
.site-header__dropdown-menu details[open] a:hover {
  background-color: var(--color-site-header-text--10);
  color: var(--color-site-header-text);
}

.site-header__mega-menu-list {
  display: grid;
  gap: var(--space-grid-gap);
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(0, 10rem));
  justify-content: center;
}

@media screen and (min-width: 100rem) {
  .site-header__mega-menu-list {
    grid-template-columns: repeat(auto-fit, minmax(0, 14.3rem));
  }
}

.site-header__mega-menu-image-container {
  height: 100%;
  width: 100%;
}

.site-header__search-expanded-section {
  height: 100vh;
  padding-top: var(--space-xlarge);
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  top: 0;
  z-index: var(--z-index-search-on-mobile);
}

.site-header__search-close-button {
  position: absolute;
  top: 1.5rem;
  right: 4px;
}

@media screen and (min-width: 900px) {
  .site-header__search-expanded-section {
    position: absolute;
    height: unset;
    padding-top: var(--space-medium);
    padding-left: var(--space-viewport-sides);
    padding-right: var(--space-viewport-sides);
    top: var(--site-header-height);
    z-index: unset;
  }

  .site-header__search-close-button {
    position: absolute;
    top: var(--space-xsmall);
    right: var(--space-viewport-sides);
  }
}

.site-header__cart-indicator {
  position: relative
}

.site-header__cart-count {
  --cart-indicator-size: 1.35em;
  align-items: center;
  background-color: var(--color-button-primary-bg);
  color: var(--color-button-primary-text);
  border-radius: var(--cart-indicator-size);
  display: flex;
  font-size: var(--font-copy-size-xxsmall);
  font-weight: bold;
  height: var(--cart-indicator-size);
  justify-content: center;
  line-height: 1;
  min-width: var(--cart-indicator-size);
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  top: calc((var(--cart-indicator-size) / 3) * -1);
  left: var(--cart-indicator-size);
}

.site-header .search-bar input {
  color: var(--color-site-header-text);
  background-color: var(--color-site-header-bg);
  border-color: var(--color-site-header-border);
}

.site-header .search-bar input:focus {
  border-color: var(--color-button-primary-bg);
}

.site-header .search-bar input::placeholder {
  color: var(--color-foreground--50);
}

.site-header .search-bar button {
  --button-foreground-color: var(--color-site-header-text);
}

/* Localization */
.site-header__localization {
  display: none;
}

@media screen and (min-width: 900px) {
  .site-header__localization {
    display: flex;
  }

  .site-header__localization .dropdown-link--active {
    font-weight: bold;
  }
}

  }
}