/** Shopify CDN: Minification failed

Line 16:9 Unexpected "{"
Line 16:18 Expected ":"
Line 17:9 Unexpected "{"
Line 17:18 Expected ":"
Line 28:9 Unexpected "{"
Line 28:18 Expected ":"
Line 34:9 Unexpected "{"
Line 34:18 Expected ":"
Line 38:9 Unexpected "{"
Line 38:18 Expected ":"
... and 610 more hidden warnings

**/
#BuyBox-{{ section.id }} .contains-media,
#BuyBox-{{ section.id }} .global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

#BuyBox-{{ section.id }} .page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

#BuyBox-{{ section.id }} body:has(.section-header .drawer-menu) .announcement-bar-section .page-width {
  max-width: 100%;
}

#BuyBox-{{ section.id }} .page-width.drawer-menu {
  max-width: 100%;
}

#BuyBox-{{ section.id }} .utility-bar__grid.page-width {
  padding-left: 3rem;
  padding-right: 3rem;
}

#BuyBox-{{ section.id }} .list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

#BuyBox-{{ section.id }} .visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

#BuyBox-{{ section.id }} .visually-hidden--inline {
  margin: 0;
  height: 1em;
}

#BuyBox-{{ section.id }} .skip-to-content-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
}

#BuyBox-{{ section.id }} h1,
#BuyBox-{{ section.id }} h2,
#BuyBox-{{ section.id }} h3,
#BuyBox-{{ section.id }} h4,
#BuyBox-{{ section.id }} h5,
#BuyBox-{{ section.id }} .h0,
#BuyBox-{{ section.id }} .h1,
#BuyBox-{{ section.id }} .h2,
#BuyBox-{{ section.id }} .h3,
#BuyBox-{{ section.id }} .h4,
#BuyBox-{{ section.id }} .h5 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale, 1) * 0.06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale, 1)));
  word-break: break-word;
}

#BuyBox-{{ section.id }} h4,
#BuyBox-{{ section.id }} .h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale, 1) * 1.5rem);
}

#BuyBox-{{ section.id }} .caption {
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}

#BuyBox-{{ section.id }} .caption-large,
#BuyBox-{{ section.id }} .customer .field input,
#BuyBox-{{ section.id }} .customer select,
#BuyBox-{{ section.id }} .field__input,
#BuyBox-{{ section.id }} .form__label,
#BuyBox-{{ section.id }} .select__select {
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}

#BuyBox-{{ section.id }} .inline-richtext a,
#BuyBox-{{ section.id }} .rte.inline-richtext a {
  color: currentColor;
}

#BuyBox-{{ section.id }} .svg-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

#BuyBox-{{ section.id }} .svg-wrapper > svg {
  height: 100%;
  width: 100%;
}

#BuyBox-{{ section.id }} .title-wrapper-with-link .link-with-icon .svg-wrapper {
  width: 1.5rem;
}

#BuyBox-{{ section.id }} .grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

#BuyBox-{{ section.id }} .grid:last-child {
  margin-bottom: 0;
}

#BuyBox-{{ section.id }} .grid__item {
  width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  flex-grow: 1;
  flex-shrink: 0;
}

#BuyBox-{{ section.id }} .grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

#BuyBox-{{ section.id }} .grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

#BuyBox-{{ section.id }} .grid--3-col .grid__item {
  width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

#BuyBox-{{ section.id }} .grid--2-col .grid__item {
  width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

#BuyBox-{{ section.id }} .media {
  display: block;
  position: relative;
  overflow: hidden;
}

#BuyBox-{{ section.id }} .media--transparent {
  background-color: transparent;
}

#BuyBox-{{ section.id }} .media > *:not(.zoom):not(.deferred-media__poster-button),
#BuyBox-{{ section.id }} .media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#BuyBox-{{ section.id }} .media > img {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#BuyBox-{{ section.id }} .media.media--hover-effect > img + img {
  opacity: 0;
}

#BuyBox-{{ section.id }} .button,
#BuyBox-{{ section.id }} .shopify-challenge__button,
#BuyBox-{{ section.id }} .customer button,
#BuyBox-{{ section.id }} button.shopify-payment-button__button--unbranded {
  --shadow-horizontal-offset: var(--buttons-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--buttons-shadow-vertical-offset);
  --shadow-blur-radius: var(--buttons-shadow-blur-radius);
  --shadow-opacity: var(--buttons-shadow-opacity);
  --shadow-visible: var(--buttons-shadow-visible);
  --border-offset: var(--buttons-border-offset); /* reduce radius edge artifacts */
  --border-opacity: calc(1 - var(--buttons-border-opacity));
  border-radius: var(--buttons-radius-outset);
  position: relative;
}

#BuyBox-{{ section.id }} .button,
#BuyBox-{{ section.id }} .shopify-challenge__button,
#BuyBox-{{ section.id }} .customer button,
#BuyBox-{{ section.id }} button.shopify-payment-button__button--unbranded {
  min-width: calc(12rem + var(--buttons-border-width) * 2);
  min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

#BuyBox-{{ section.id }} .button,
#BuyBox-{{ section.id }} .shopify-challenge__button,
#BuyBox-{{ section.id }} .customer button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  padding: 0 3rem;
  cursor: pointer;
  font: inherit;
  font-size: 1.5rem;
  text-decoration: none;
  color: rgb(var(--color-button-text));
  transition: box-shadow var(--duration-short, 100ms) ease;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(var(--color-button), var(--alpha-button-background, 0.1));
}

#BuyBox-{{ section.id }} .button:before,
#BuyBox-{{ section.id }} .shopify-challenge__button:before,
#BuyBox-{{ section.id }} .customer button:before,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--buttons-radius-outset);
  box-shadow: var(--shadow-horizontal-offset, 0px) var(--shadow-vertical-offset, 0px) var(--shadow-blur-radius, 0px)
    rgba(var(--color-shadow), var(--shadow-opacity, 0));
}

#BuyBox-{{ section.id }} .button:after,
#BuyBox-{{ section.id }} .shopify-challenge__button:after,
#BuyBox-{{ section.id }} .customer button:after,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:after {
  content: '';
  position: absolute;
  top: var(--buttons-border-width);
  right: var(--buttons-border-width);
  bottom: var(--buttons-border-width);
  left: var(--buttons-border-width);
  z-index: 1;
  border-radius: var(--buttons-radius);
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset, 0px))
      rgba(var(--color-button-text), var(--border-opacity, 0.1)),
    0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background, 0.1));
  transition: box-shadow var(--duration-short, 100ms) ease;
}

#BuyBox-{{ section.id }} .button:not([disabled]):hover::after,
#BuyBox-{{ section.id }} .shopify-challenge__button:hover::after,
#BuyBox-{{ section.id }} .customer button:hover::after,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:hover::after {
  --border-offset: 1.3px;
  box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset, 0px))
      rgba(var(--color-button-text), var(--border-opacity, 0.1)),
    0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background, 0.1));
}

#BuyBox-{{ section.id }} .button:focus-visible,
#BuyBox-{{ section.id }} .button:focus,
#BuyBox-{{ section.id }} .button.focused,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:focus-visible,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:focus {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0 0.5rem rgba(var(--color-foreground), 0.5),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

#BuyBox-{{ section.id }} .button:focus:not(:focus-visible):not(.focused),
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
}

#BuyBox-{{ section.id }} .button::selection,
#BuyBox-{{ section.id }} .shopify-challenge__button::selection,
#BuyBox-{{ section.id }} .customer button::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

#BuyBox-{{ section.id }} .button,
#BuyBox-{{ section.id }} .button-label,
#BuyBox-{{ section.id }} .shopify-challenge__button,
#BuyBox-{{ section.id }} .customer button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}

#BuyBox-{{ section.id }} .button:disabled,
#BuyBox-{{ section.id }} .button[aria-disabled='true'],
#BuyBox-{{ section.id }} .button.disabled,
#BuyBox-{{ section.id }} .customer button:disabled,
#BuyBox-{{ section.id }} .customer button[aria-disabled='true'],
#BuyBox-{{ section.id }} .customer button.disabled,
#BuyBox-{{ section.id }} .quantity__button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#BuyBox-{{ section.id }} .button--full-width {
  display: flex;
  width: 100%;
}

#BuyBox-{{ section.id }} .button.loading {
  color: transparent;
  position: relative;
}

#BuyBox-{{ section.id }} .button.loading > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
}

#BuyBox-{{ section.id }} .button.loading > .loading__spinner .spinner {
  width: fit-content;
}

#BuyBox-{{ section.id }} .button.loading > .loading__spinner .path {
  stroke: rgb(var(--color-button-text));
}

#BuyBox-{{ section.id }} .share-button__fallback button:hover .svg-wrapper {
  transform: scale(1.07);
}

#BuyBox-{{ section.id }} .select .svg-wrapper,
#BuyBox-{{ section.id }} .customer select + .svg-wrapper {
  height: 0.6rem;
  width: 1rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.2rem);
  right: 0;
}

#BuyBox-{{ section.id }} .field__button > .svg-wrapper {
  height: 2.5rem;
  width: 2.5rem;
}

#BuyBox-{{ section.id }} .form__label {
  display: block;
  margin-bottom: 0.6rem;
}

#BuyBox-{{ section.id }} .form__message .icon,
#BuyBox-{{ section.id }} .customer .form__message .svg-wrapper {
  flex-shrink: 0;
  height: 1.3rem;
  margin-right: 0.5rem;
  width: 1.3rem;
}

#BuyBox-{{ section.id }} .form__message--large .icon,
#BuyBox-{{ section.id }} .customer .form__message .svg-wrapper {
  height: 1.5rem;
  width: 1.5rem;
  margin-right: 1rem;
}

#BuyBox-{{ section.id }} .customer .field .form__message .svg-wrapper {
  align-self: start;
}

#BuyBox-{{ section.id }} .quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 5.2rem);
}

#BuyBox-{{ section.id }} .quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short, 100ms) ease;
  z-index: 1;
}

#BuyBox-{{ section.id }} .quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
    var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

#BuyBox-{{ section.id }} .quantity__input {
  color: currentColor;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.6rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}

#BuyBox-{{ section.id }} .quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

#BuyBox-{{ section.id }} .quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

#BuyBox-{{ section.id }} .quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

#BuyBox-{{ section.id }} .quantity__button .svg-wrapper {
  width: 1rem;
  pointer-events: none;
}

#BuyBox-{{ section.id }} .quantity__button:focus-visible,
#BuyBox-{{ section.id }} .quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

#BuyBox-{{ section.id }} .quantity__button:focus,
#BuyBox-{{ section.id }} .quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

#BuyBox-{{ section.id }} .quantity__button:not(:focus-visible):not(.focused),
#BuyBox-{{ section.id }} .quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

#BuyBox-{{ section.id }} .quantity__input:-webkit-autofill,
#BuyBox-{{ section.id }} .quantity__input:-webkit-autofill:hover,
#BuyBox-{{ section.id }} .quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

#BuyBox-{{ section.id }} .quantity__input::-webkit-outer-spin-button,
#BuyBox-{{ section.id }} .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#BuyBox-{{ section.id }} .quantity__input[type='number'] {
  -moz-appearance: textfield;
}

#BuyBox-{{ section.id }} .quantity__rules {
  margin-top: 0.5rem;
  position: relative;
  font-size: 1.2rem;
}

#BuyBox-{{ section.id }} .quantity__rules .caption {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

#BuyBox-{{ section.id }} .quantity__rules .divider + .divider::before {
  content: '\2022';
  margin: 0 0.5rem;
}

#BuyBox-{{ section.id }} .quantity__rules-cart {
  position: relative;
}

#BuyBox-{{ section.id }} .product__info-container .loading__spinner:not(.hidden) ~ *,
#BuyBox-{{ section.id }} .quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

#BuyBox-{{ section.id }} .media-modal {
  cursor: zoom-out;
}

#BuyBox-{{ section.id }} .media-modal .deferred-media {
  cursor: initial;
}

#BuyBox-{{ section.id }} .announcement-bar-slider,
#BuyBox-{{ section.id }} .announcement-bar-slider .slider {
  width: 100%;
}

#BuyBox-{{ section.id }} .announcement-bar .slider-button--next {
  margin-right: -1.5rem;
  min-width: 44px;
}

#BuyBox-{{ section.id }} .announcement-bar .slider-button--prev {
  margin-left: -1.5rem;
  min-width: 44px;
}

#BuyBox-{{ section.id }} .announcement-bar .slider-button--next:focus-visible,
#BuyBox-{{ section.id }} .announcement-bar .slider-button--prev:focus-visible,
#BuyBox-{{ section.id }} .utility-bar .list-social__link:focus-visible {
  outline-offset: -0.3rem;
  box-shadow: 0 0 0 -0.2rem rgb(var(--color-foreground));
}

#BuyBox-{{ section.id }} .header__icon .svg-wrapper {
  width: 44px;
  height: 44px;
}

#BuyBox-{{ section.id }} .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
  visibility: hidden;
}

#BuyBox-{{ section.id }} .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}

#BuyBox-{{ section.id }} .js details > .header__submenu {
  opacity: 0;
  transform: translateY(-1.5rem);
}

#BuyBox-{{ section.id }} .badge {
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  padding: 0.5rem 1.3rem 0.6rem 1.3rem;
  text-align: center;
  background-color: rgb(var(--color-badge-background));
  border-color: rgba(var(--color-badge-border), var(--alpha-badge-border, 0.1));
  color: rgb(var(--color-badge-foreground));
  word-break: break-word;
}

#BuyBox-{{ section.id }} .gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

#BuyBox-{{ section.id }} .global-media-settings {
  position: relative;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  overflow: visible !important;
  background-color: rgb(var(--color-background));
}

#BuyBox-{{ section.id }} .global-media-settings:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  z-index: -1;
  pointer-events: none;
}

#BuyBox-{{ section.id }} .global-media-settings--no-shadow {
  overflow: hidden !important;
}

#BuyBox-{{ section.id }} .global-media-settings--no-shadow:after {
  content: none;
}

#BuyBox-{{ section.id }} .global-media-settings img,
#BuyBox-{{ section.id }} .global-media-settings iframe,
#BuyBox-{{ section.id }} .global-media-settings model-viewer,
#BuyBox-{{ section.id }} .global-media-settings video,
#BuyBox-{{ section.id }} .global-media-settings .placeholder-svg {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

#BuyBox-{{ section.id }} .rte:after {
  clear: both;
  content: '';
  display: block;
}

#BuyBox-{{ section.id }} .rte > *:first-child {
  margin-top: 0;
}

#BuyBox-{{ section.id }} .rte > *:last-child {
  margin-bottom: 0;
}

#BuyBox-{{ section.id }} .rte table {
  table-layout: fixed;
}

#BuyBox-{{ section.id }} .rte img {
  height: auto;
  max-width: 100%;
  border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
  margin-bottom: var(--media-shadow-vertical-offset);
}

#BuyBox-{{ section.id }} .rte ul,
#BuyBox-{{ section.id }} .rte ol {
  list-style-position: inside;
  padding-left: 2rem;
}

#BuyBox-{{ section.id }} .rte li {
  list-style: inherit;
}

#BuyBox-{{ section.id }} .rte li:last-child {
  margin-bottom: 0;
}

#BuyBox-{{ section.id }} .rte a {
  color: rgba(var(--color-link), var(--alpha-link, 0.7));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short, 100ms) ease;
}

#BuyBox-{{ section.id }} .rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: 0.2rem;
}

#BuyBox-{{ section.id }} .rte blockquote {
  display: inline-flex;
}

#BuyBox-{{ section.id }} .rte blockquote > * {
  margin: -0.5rem 0 -0.5rem 0;
}

#BuyBox-{{ section.id }} .animate--fixed > img:not(.zoom):not(.deferred-media__poster-button),
#BuyBox-{{ section.id }} .animate--fixed > svg:not(.zoom):not(.deferred-media__poster-button) {
  position: fixed;
  height: 100vh;
}

#BuyBox-{{ section.id }} .animate--zoom-in > img,
#BuyBox-{{ section.id }} .animate--zoom-in > .svg-wrapper {
  transition: scale var(--duration-short, 100ms) linear;
  scale: var(--zoom-in-ratio, 1.2);
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .page-width {
    padding: 0 5rem;
  }
  #BuyBox-{{ section.id }} .header.page-width,
#BuyBox-{{ section.id }} .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}

@media screen and (min-width: 990px) {
  #BuyBox-{{ section.id }} .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .caption {
    font-size: 1.2rem;
  }
}

@media (prefers-reduced-motion) {
  #BuyBox-{{ section.id }} .motion-reduce {
    transition: none !important;
    animation: none !important;
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .grid {
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing);
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 749px) {
  #BuyBox-{{ section.id }} .grid__item.slider__slide--full-width {
    width: 100%;
    max-width: none;
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  #BuyBox-{{ section.id }} .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
  #BuyBox-{{ section.id }} .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  #BuyBox-{{ section.id }} .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  #BuyBox-{{ section.id }} .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
  #BuyBox-{{ section.id }} .slider.slider--tablet .scroll-trigger.animate--slide-in,
#BuyBox-{{ section.id }} .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }
}

@media screen and (min-width: 990px) {
  #BuyBox-{{ section.id }} .grid--6-col-desktop .grid__item {
    width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
    max-width: calc(16.66% - var(--grid-desktop-horizontal-spacing) * 5 / 6);
  }
  #BuyBox-{{ section.id }} .grid--5-col-desktop .grid__item {
    width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
  }
  #BuyBox-{{ section.id }} .grid--4-col-desktop .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
  #BuyBox-{{ section.id }} .grid--3-col-desktop .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }
  #BuyBox-{{ section.id }} .grid--2-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  #BuyBox-{{ section.id }} .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }
}

@media screen and (min-width: 990px) {
  #BuyBox-{{ section.id }} .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  #BuyBox-{{ section.id }} .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }
  #BuyBox-{{ section.id }} .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }
  #BuyBox-{{ section.id }} .grid--peek .grid__item {
    min-width: 35%;
  }
  #BuyBox-{{ section.id }} .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }
  #BuyBox-{{ section.id }} .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }
  #BuyBox-{{ section.id }} .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
#BuyBox-{{ section.id }} .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
#BuyBox-{{ section.id }} .slider--mobile.grid--peek.grid--1-col-tablet-down .grid__item {
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
#BuyBox-{{ section.id }} .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
  #BuyBox-{{ section.id }} .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }
  #BuyBox-{{ section.id }} .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
  #BuyBox-{{ section.id }} .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}

@media screen and (forced-colors: active) {
  #BuyBox-{{ section.id }} .button.loading {
    color: rgb(var(--color-foreground));
  }
}

@media screen and (min-width: 990px) {
  #BuyBox-{{ section.id }} body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  #BuyBox-{{ section.id }} .announcement-bar .slider-button {
    height: 3.8rem;
  }
}

@media (forced-colors: active) {
  #BuyBox-{{ section.id }} .button,
#BuyBox-{{ section.id }} .shopify-challenge__button,
#BuyBox-{{ section.id }} .customer button {
    border: transparent solid 1px;
  }
  #BuyBox-{{ section.id }} .button:focus-visible,
#BuyBox-{{ section.id }} .button:focus,
#BuyBox-{{ section.id }} .button.focused,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:focus-visible,
#BuyBox-{{ section.id }} .shopify-payment-button [role='button']:focus-visible,
#BuyBox-{{ section.id }} .shopify-payment-button__button--unbranded:focus,
#BuyBox-{{ section.id }} .shopify-payment-button [role='button']:focus {
    outline: solid transparent 1px;
  }
}

@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .rte table td {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  #BuyBox-{{ section.id }} .animate--ambient > img,
#BuyBox-{{ section.id }} .animate--ambient > .svg-wrapper {
    animation: animateAmbient 30s linear infinite;
  }
  #BuyBox-{{ section.id }} .scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
#BuyBox-{{ section.id }} .scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
#BuyBox-{{ section.id }} .scroll-trigger.scroll-trigger--design-mode .slider,
#BuyBox-{{ section.id }} .scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
    opacity: 1;
    animation: none;
    transition: none;
    transform: none;
  }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  #BuyBox-{{ section.id }} .animate--hover-3d-lift .card-wrapper .card--card,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .card-wrapper .card--standard .card__inner,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .button:not(.button--tertiary),
#BuyBox-{{ section.id }} .animate--hover-3d-lift .shopify-challenge__button,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .customer button,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .shopify-payment-button__button,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .deferred-media .deferred-media__poster-button {
    transition: transform var(--duration-long, 500ms) ease, box-shadow var(--duration-long, 500ms) ease;
    transform-origin: center;
  }
  #BuyBox-{{ section.id }} .animate--hover-3d-lift .card-wrapper:hover .card--card,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .card-wrapper:hover .card--standard .card__inner,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .button:not(.button--tertiary):not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .shopify-challenge__button:not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .customer button:not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .shopify-payment-button__button:hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transition: transform var(--duration-extended, 750ms) ease, box-shadow var(--duration-long, 500ms) ease; /* Slow the card transition speed while hover is active. */
    transform: rotate(1deg);
    box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05), 1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
      0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
  }
  #BuyBox-{{ section.id }} .animate--hover-3d-lift .deferred-media:hover .deferred-media__poster-button {
    transform: translate(-50%, -50%) scale(1.05); /* Apply a specialized transform to the video play button. */
  }
  #BuyBox-{{ section.id }} .animate--hover-3d-lift .product-grid .grid__item:hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .collection-list .grid__item:hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .collage__item:hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .blog-articles .article:hover,
#BuyBox-{{ section.id }} .animate--hover-3d-lift .complementary-slide li:hover {
    z-index: 2; /* Make sure the hovered card is the topmost card. */
  }
  #BuyBox-{{ section.id }} .animate--hover-vertical-lift .button:not(.button--tertiary),
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-challenge__button,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .customer button,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-payment-button__button {
    transition: transform var(--duration-default, 250ms) var(--ease-out-slow, cubic-bezier(.25,1,.5,1));
  }
  #BuyBox-{{ section.id }} .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .customer button:not([disabled]):hover,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-payment-button__button:hover {
    transform: translateY(-0.25rem);
  }
  #BuyBox-{{ section.id }} .animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .customer button:not([disabled]):active,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-payment-button__button:active {
    transform: translateY(0);
  }
  #BuyBox-{{ section.id }} .animate--hover-vertical-lift .button:not([disabled]):hover:after,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .customer button:not([disabled]):hover:after,
#BuyBox-{{ section.id }} .animate--hover-vertical-lift .shopify-payment-button__button:not([disabled]):hover:after {
    --border-offset: 0.3px; /* Default is 1.3px as defined above in this file. This removes 1px to prevent the border from growing on buttons when this effect is on.  */
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset, 0px))
        rgba(var(--color-button-text), var(--border-opacity, 0.1)),
      0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background, 0.1));
  }
  #BuyBox-{{ section.id }} .animate--hover-vertical-lift .button:not([disabled]).button--secondary:hover:after {
    --border-offset: 0px; /* Prevent the border from growing on buttons when this effect is on. */
  }
}


/* --- hand-authored safety nets (not derivable from base.css) --- */

#BuyBox-{{ section.id }} .buy-box__pack-heading {
  font-size: 2rem !important;
  margin: 0 0 1.4rem !important;
  text-transform: capitalize !important;
  font-weight: 700 !important;
}

#BuyBox-{{ section.id }} svg {
  max-width: 2.4rem !important;
  max-height: 2.4rem !important;
}

#BuyBox-{{ section.id }} summary {
  list-style: none;
}
#BuyBox-{{ section.id }} summary::-webkit-details-marker {
  display: none !important;
}
#BuyBox-{{ section.id }} summary::marker {
  content: none !important;
}

#BuyBox-{{ section.id }} .media {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}
#BuyBox-{{ section.id }} .product-media-container {
  position: relative !important;
  overflow: hidden !important;
}

@media screen and (max-width: 749px) {
  #BuyBox-{{ section.id }} .slider--mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  #BuyBox-{{ section.id }} .slider--mobile > * {
    scroll-snap-align: start;
    flex-shrink: 0;
  }
  #BuyBox-{{ section.id }} .thumbnail-slider {
    display: flex !important;
    align-items: center;
  }
}



#BuyBox-{{ section.id }} quantity-input {
  display: flex;
  align-items: center;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
}
#BuyBox-{{ section.id }} quantity-input .quantity__input {
  border: none;
  text-align: center;
}
#BuyBox-{{ section.id }} quantity-input .quantity__button {
  border: none;
  background: transparent;
}

/* --- robust image-aspect-ratio fix (replaces the fragile padding-top hack) --- */
#BuyBox-{{ section.id }} .product-media-container .media,
#BuyBox-{{ section.id }} .product-media-container.constrain-height .media {
  padding-top: 0 !important;
  aspect-ratio: var(--preview-ratio, 1) !important;
  height: auto !important;
  width: 100% !important;
}
#BuyBox-{{ section.id }} .media > * {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
}
#BuyBox-{{ section.id }} .media > img {
  object-fit: cover;
  display: block;
}
/* Hide the thumbnail strip's own arrows + counter completely */
#BuyBox-{{ section.id }} .thumbnail-slider .slider-buttons,
#BuyBox-{{ section.id }} .thumbnail-slider .slider-button,
#BuyBox-{{ section.id }} .thumbnail-slider .slider-counter {
  display: none !important;
}

/* Tiny left/right arrows on the main image, mobile only */
/* Main image's own prev/next + counter: hidden on desktop, small overlay arrows on mobile */
#BuyBox-{{ section.id }} .product__media-wrapper {
  position: relative;
}
@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .product__media-wrapper .slider-buttons {
    display: none !important;
  }
}


/* Thumbnail strip: real slider showing 4 at a time, with working prev/next arrows */
#BuyBox-{{ section.id }} .thumbnail-slider {
  position: relative;
}
#BuyBox-{{ section.id }} .thumbnail-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden;
  scroll-behavior: smooth;
  gap: 1rem;
}
#BuyBox-{{ section.id }} .thumbnail-list__item {
  flex: 0 0 calc(25% - 0.6rem);
  max-width: calc(25% - 0.6rem);
}
#BuyBox-{{ section.id }} .thumbnail-slider {
  position: relative;
  padding: 0 2rem;
}
#BuyBox-{{ section.id }} .thumbnail-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: hidden;
  scroll-behavior: smooth;
  gap: 0.8rem;
}

#BuyBox-{{ section.id }} .thumbnail-slider .slider-button {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}
#BuyBox-{{ section.id }} .thumbnail-slider .slider-button--prev {
  left: 0;
}
#BuyBox-{{ section.id }} .thumbnail-slider .slider-button--next {
  right: 0;
}
#BuyBox-{{ section.id }} .thumbnail-slider .slider-counter {
  display: none;
}
/* Rotate the down-chevron icon to point left/right for slider arrows */
#BuyBox-{{ section.id }} .slider-button--prev .svg-wrapper svg {
  transform: rotate(90deg);
}
#BuyBox-{{ section.id }} .slider-button--next .svg-wrapper svg {
  transform: rotate(-90deg);
}

/* Quantity box matches Add to Cart button height */
#BuyBox-{{ section.id }} quantity-input {
  min-height: calc(4.5rem + var(--buttons-border-width, 0) * 2) !important;
}
/* Rotate the down-chevron icon to point left/right for slider arrows */
#BuyBox-{{ section.id }} .slider-button--prev .svg-wrapper svg {
  transform: rotate(90deg);
}
#BuyBox-{{ section.id }} .slider-button--next .svg-wrapper svg {
  transform: rotate(-90deg);
}
@media screen and (min-width: 750px) {
  #BuyBox-{{ section.id }} .product__media-wrapper .slider-buttons {
    display: none !important;
  }
}