/** Shopify CDN: Minification failed

Line 12565:2 Expected percentage but found "@media"
Line 20041:0 Unexpected "}"
Line 20071:0 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:google-map (INDEX:35) */
.google__map--wrapper iframe {
  width: 100% !important;
  height: 50rem !important;
}

@media screen and (max-width: 767px) {
  .google__map--media--large {
    min-height: 39rem;
  }
  .google__map--media--medium {
    min-height: 34rem;
  }
  .google__map--media--small {
    min-height: 28rem;
  }
}

@media screen and (min-width: 768px) {
  .google__map--media--large {
    min-height: 72rem;
  }
  .google__map--media--medium {
    min-height: 56rem;
  }
  .google__map--media--small {
    min-height: 42rem;
  }
}

h2.google__map--placeholder-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
/* END_SECTION:google-map */

/* START_SECTION:newsletter (INDEX:64) */
/*
  Static newsletter UI. Co-located in this section for stylesheet subsetting (scopes with section markup).
  Mirror: assets/newsletter-signup.css, assets/newsletter-signup-rtl.css (RTL via html[dir="rtl"] below).
*/
.media.newsletter__media--wrapper {
  background-color: transparent;
}
.newsletter__signup--wrapper {
  position: relative;
  z-index: 8;
  align-items: center;
  height: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  gap: 5rem;
}
.newsletter__signup--wrapper > * {
  flex-grow: 1;
  max-width: 50%;
}
.newsletter__signup--wrapper.form__left > .newsletter--signup__form {
  order: -1;
}
.newsletter--signup__form .newsletter-form__field-wrapper input[type="email"] {
  border-radius: var(--color-newsletter-input-radius);
  padding: 0px 10rem 0 1.5rem;
  background-color: transparent;
  height: 5.5rem;
  margin-bottom: 0;
}
.newsletter-form__field-wrapper .input__field_form_button {
  right: 1.5rem;
  font-size: 1.3rem;
  font-weight: 700;
}
.newsletter__image--container {
  position: relative;
}
.newsletter__height--medium {
  min-height: 28rem;
}
.newsletter__height--small {
  min-height: 20rem;
}

.newsletter__height--large {
  min-height: 38rem;
}
@media only screen and (min-width: 768px) {
  .newsletter__height--medium {
    min-height: 40rem;
  }
  .newsletter__height--large {
    min-height: 60rem;
  }
}
@media only screen and (max-width: 991px) {
  .newsletter__form_wrapper {
    padding-left: 0;
  }
  .container.newsletter__signup--wrapper > * + * {
    margin-top: 3rem;
  }
}
.newsletter__media--wrapper {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.newsletter--signup__content > * + * {
  margin-top: 2rem;
}
.newsletter__signup--wrapper.form__top > *,
.newsletter__signup--wrapper.form__bottom > * {
  flex-grow: 1;
  max-width: 100%;
}
.newsletter__signup--wrapper.form__top > .newsletter--signup__form {
  order: -1;
}
.newsletter__signup--wrapper.medium,
.newsletter__signup--wrapper.small {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 991px) {
  .newsletter__signup--wrapper.medium {
    width: 70%;
  }
  .newsletter__signup--wrapper.small {
    width: 50%;
  }
  .form__right .newsletter--signup__form.form__width {
    padding-left: 3rem;
  }
  .form__left .newsletter--signup__form.form__width {
    padding-right: 10rem;
  }
}

@media only screen and (max-width: 991px) {
  .newsletter__signup--wrapper > * {
    max-width: 100%;
  }
  .newsletter__signup--wrapper {
    gap: 3rem;
  }
  .conntent--center {
    text-align: center;
  }
  .conntent--left {
    text-align: left;
  }
  .conntent--right {
    text-align: right;
  }
}
/* Newsletter box css */
.newsletter__signup--wrapper:not(.color-background-1) {
  padding: 5rem 1.5rem;
}
@media only screen and (min-width: 499px) {
  .newsletter__signup--wrapper:not(.color-background-1) {
    padding: 5rem 3rem;
  }
}
@media only screen and (min-width: 750px) {
  .newsletter-form__field-wrapper .input__field_form_button {
    font-size: 1.5rem;
  }
  .newsletter--signup__form
    .newsletter-form__field-wrapper
    input[type="email"] {
    padding: 0px 11.5rem 0 3rem;
  }
}
@media only screen and (min-width: 1200px) {
  .newsletter__signup--wrapper:not(.color-background-1) {
    padding: 5rem 8rem;
  }
  .form__right .newsletter--signup__form.form__width {
    padding-left: 10rem;
  }
}

/* RTL — same as assets/newsletter-signup-rtl.css; avoids a second stylesheet snippet for subsetting */
html[dir="rtl"] .newsletter--signup__form .newsletter-form__field-wrapper input[type="email"] {
  padding: 0px 1.5rem 0 10rem;
}
@media only screen and (min-width: 750px) {
  html[dir="rtl"] .newsletter--signup__form
    .newsletter-form__field-wrapper
    input[type="email"] {
    padding: 0px 3rem 0 11.5rem;
  }
}
html[dir="rtl"] .newsletter-form__field-wrapper .input__field_form_button {
  right: auto;
  left: 1.5rem;
}
@media only screen and (min-width: 991px) {
  html[dir="rtl"] .form__right .newsletter--signup__form.form__width {
    padding-left: 0;
    padding-right: 3rem;
  }
  html[dir="rtl"] .form__left .newsletter--signup__form.form__width {
    padding-right: 0;
    padding-left: 10rem;
  }
}

@media only screen and (min-width: 1200px) {
  html[dir="rtl"] .form__right .newsletter--signup__form.form__width {
    padding-left: 0;
    padding-right: 10rem;
  }
}
/* END_SECTION:newsletter */

/* START_SECTION:slideshow (INDEX:78) */
@media screen and (max-width: 599px) {
  .slideshow__banner--media--large {
    min-height: 39rem;
  }
  .slideshow__banner--media--medium {
    min-height: 34rem;
  }
  .slideshow__banner--media--small {
    min-height: 28rem;
  }
  .slideshow__banner--media--adapt_image.placeholder {
    height: 38rem;
  }
}
@media screen and (min-width: 599px) and (max-width: 749px) {
  .slideshow__banner--media--large {
    min-height: 55rem;
  }
  .slideshow__banner--media--medium {
    min-height: 45rem;
  }
  .slideshow__banner--media--small {
    min-height: 35rem;
  }
  .slideshow__banner--media--adapt_image.placeholder {
    height: 38rem;
  }
}
@media screen and (min-width: 750px) and (max-width: 991px) {
  .slideshow__banner--media--large {
    min-height: 65rem;
  }
  .slideshow__banner--media--medium {
    min-height: 55rem;
  }
  .slideshow__banner--media--small {
    min-height: 45rem;
  }
  .slideshow__banner--media--adapt_image.placeholder {
    height: 100vh;
  }
}
@media screen and (min-width: 992px) {
  .slideshow__banner--media--large {
    min-height: 89rem;
  }
  .slideshow__banner--media--medium {
    min-height: 65rem;
  }
  .slideshow__banner--media--small {
    min-height: 50rem;
  }
  .slideshow__banner--media--adapt_image.placeholder {
    height: 100vh;
  }
}
.slideshow__media:after {
  content: "";
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.slideshow--nav-button::after {
  font-size: 1.4rem;
}
.slideshow--bullet-button.pagination--numbers .swiper-pagination-bullet {
  background: none;
  width: 2rem;
  height: 2rem;
  opacity: 0.5;
  line-height: 2rem;
  font-size: 2rem;
  border: none;
}
.slideshow--bullet-button.pagination--numbers
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  text-decoration: underline;
  text-underline-offset: 0.35rem;
  opacity: 1;
}
.swiper-pagination-bullet {
  transition: var(--transition);
}
.slideshow--bullet-button.pagination--counter {
  font-size: 2rem;
}
@media only screen and (min-width: 750px) {
  .slideshow--slider.slider--controls--bullet {
    position: absolute;
    bottom: 3rem;
    z-index: 10;
    left: 0;
    right: 0;
  }
}
/* Slider content css */
.slideshow__text > * + * {
  margin-top: 1.5rem;
}

@media only screen and (min-width: 750px) {
  .slideshow__text .banner__heading + .banner__text {
    margin-top: 2rem;
  }
  .slideshow__text-wrapper {
    margin: 0 auto;
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-grow: 1;
    right: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }
  .slideshow__text {
    position: relative;
    z-index: 9;
  }
  .top--position .slideshow__text {
    top: 5rem;
  }
  .bottom--position .slideshow__text {
    bottom: 5rem;
  }
  .slideshow--bullet-button.pagination--dots {
    bottom: 0;
  }
  .slider--alignment__desktop--center {
    text-align: center;
  }
  .slider--alignment__desktop--left {
    text-align: start;
  }
  .slider--alignment__desktop--right {
    text-align: end;
  }

  /* Flex button row follows Content alignment (text-align does not apply to flex children) */
  .slider--alignment__desktop--left .banner__buttons.slideshow--banner-button {
    justify-content: start;
  }
  .slider--alignment__desktop--center .banner__buttons.slideshow--banner-button {
    justify-content: center;
  }
  .slider--alignment__desktop--right .banner__buttons.slideshow--banner-button {
    justify-content: end;
  }
}
.slideshow__text-wrapper {
  max-width: calc(var(--container-lg-width) - 3rem);
  width: 100%;
}
@media only screen and (max-width: 749px) {
  .slideshow__text.banner__box {
    padding: 3.5rem 1.5rem 2rem;
  }
  .slideshow--nav-button {
    top: unset;
    bottom: 1.2rem;
    z-index: 99;
  }
  .slideshow--nav-button:after {
    font-size: 1.4rem;
  }
  .slideshow--bullet-button.pagination--dots {
    bottom: 0;
  }
  .slider--alignment__mobile--center {
    text-align: center;
  }
  .slider--alignment__mobile--left {
    text-align: start;
  }
  .slider--alignment__mobile--right {
    text-align: end;
  }

  .slider--alignment__mobile--left .banner__buttons.slideshow--banner-button {
    justify-content: start;
  }
  .slider--alignment__mobile--center .banner__buttons.slideshow--banner-button {
    justify-content: center;
  }
  .slider--alignment__mobile--right .banner__buttons.slideshow--banner-button {
    justify-content: end;
  }
}
.slideshow--slider.slider--controls--button > .slideshow--nav-button {
  color: rgba(var(--color-foreground), 0.9);
  background: transparent;
  margin: 0;
}
.slideshow--slider.slider--controls--button > .slideshow--nav-button:hover {
  color: var(--slider-button-color);
  background: var(--slider-button-background);
}
.slideshow--slider .slideshow--bullet-button {
  position: unset;
  width: unset;
  left: auto;
  line-height: 0;
}
.slide__placeholder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
  width: 100%;
  fill: currentColor;
}
.banner__heading > span {
  display: block;
}
.banner__heading.line--normal > span {
  line-height: 1.2;
}
.banner__heading.line--high > span {
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) {
  .slideshow__text .h0 {
    font-size: 9.6rem;
  }
  .slideshow__text .h1 {
    font-size: 7rem;
  }
  .slideshow__text .h2 {
    font-size: 5rem;
  }
  .slide__placeholder {
    transform: translate(-30%, -50%);
  }
  .banner__heading.line--normal > span {
    line-height: 1;
  }
  .banner__heading.line--high > span {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 749px) {
  .slide__placeholder {
    transform: translate(-50%, -50%);
  }
  .slider-mobile--media.placeholder {
    height: auto;
    background: transparent;
  }

  .slider-mobile--media {
    position: relative;
    overflow: hidden;
    display: block;
  }
  .slider-mobile--media > * {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .slideshow__mobile--media--large {
    min-height: 39rem;
  }
  .slideshow__mobile--media--medium {
    min-height: 34rem;
  }
  .slideshow__mobile--media--small {
    min-height: 28rem;
  }
  .slideshow__text-wrapper.show_content--on-image {
    display: flex;
    height: 100%;
    flex-direction: column;
    flex-grow: 1;
    right: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }
  .slideshow--slider.slider--controls--button.slideshow--mobile-navs-hide,
  .slideshow--mobile-dots-hide {
    display: none;
  }
  .slideshow--slider.slider--controls--bullet {
    margin-top: 15px;
  }
}
.banner__text {
  color: rgba(var(--color-foreground));
}
.slideshow--banner-button {
  margin-top: 2.5rem;
}
.slideshow--slider.slider--controls--button {
  margin: 0;
}
.banner__text > span {
  display: block;
}
.slideshow__text .banner__text {
  font-size: 1.7rem;
}

/* Slider navigate controls  */
.slideshow--controls--inner {
  display: flex;
  align-items: center;
  max-width: var(--container-lg-width);
  margin: 0 auto;
}

/* Inline: prev · dots · next = one cluster (Center → whole group in middle, arrows beside dots) */
.navigation--button-style-inline .slideshow--controls--inner:not(.slideshow--controls-false) {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  gap: clamp(1rem, 3vw, 2.25rem);
}

.navigation--button-style-inline
  .slideshow--controls--inner.justify-content-center:not(.slideshow--controls-false) {
  justify-content: center !important;
}

.navigation--button-style-inline
  .slideshow--controls--inner.justify-content-start:not(.slideshow--controls-false) {
  justify-content: flex-start !important;
}

.navigation--button-style-inline
  .slideshow--controls--inner.justify-content-end:not(.slideshow--controls-false) {
  justify-content: flex-end !important;
}

.navigation--button-style-inline .slideshow--nav-button {
  padding: 0;
  min-width: 2.4rem;
  min-height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navigation--button-style-inline .slideshow--slider .slideshow--bullet-button {
  padding: 0;
}

.slideshow--slider .slideshow--nav-button {
  position: inherit;
  margin: 0;
  padding: 0 0.8rem;
  height: auto;
  color: rgba(var(--color-foreground));
  width: auto;
}
.slideshow--nav-button:after {
  display: none;
}
.slideshow--slider .slideshow--bullet-button {
  position: unset;
  width: unset;
  line-height: 0;
  padding: 0 0.6rem;
}

.navigation--button-style-inline.slideshow--slider .slideshow--nav-button {
  padding: 0 !important;
}

.navigation--button-style-inline.slideshow--slider .slideshow--bullet-button {
  padding: 0 !important;
}

/*
  Swiper sets position/transform on nav + pagination relative to .swiper —
  overrides flex [←][dots][→] cluster. Kill that for inline controls only.
*/
.navigation--button-style-inline
  .slideshow--controls--inner
  .swiper-button-prev.slideshow--nav-button,
.navigation--button-style-inline
  .slideshow--controls--inner
  .swiper-button-next.slideshow--nav-button {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.navigation--button-style-inline
  .slideshow--controls--inner
  .swiper-pagination.slideshow--bullet-button {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
}

.slideshow--bullet-button.pagination--dots .swiper-pagination-bullet {
  background: transparent;
  width: 1.8rem;
  height: 1.8rem;
  opacity: 1;
  text-indent: -9999px;
}
@media only screen and (min-width: 750px) {
  .slideshow--bullet-button.pagination--dots .swiper-pagination-bullet {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.slideshow--bullet-button.pagination--dots .swiper-pagination-bullet {
  border: 0.2rem solid rgba(var(--color-foreground));
}
.slideshow--bullet-button.pagination--dots {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: nowrap;
}

/* RTL: reverse bullet order (CSS only — Swiper rtl option not used) */
html[dir="rtl"] .slideshow--bullet-button.pagination--dots {
  flex-direction: row-reverse;
}
.slideshow--bullet-button
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: rgba(var(--color-foreground));
}
.slideshow--bullet-button .swiper-pagination-bullet {
  position: relative;
}
.slideshow--bullet-button .swiper-pagination-bullet:before {
  position: absolute;
  background-color: transparent;
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  left: 50%;
  border-radius: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.slideshow--slider .slideshow--nav-button > svg {
  width: 0.8rem;
  height: auto;
}
.slideshow--bullet-button.pagination--dots
  .swiper-pagination-bullet:focus-visible {
  outline-color: rgba(var(--color-foreground), 0.6);
}
@media only screen and (min-width: 750px) {
  .slideshow--slider.slider--controls--button {
    position: absolute;
    bottom: 3.5rem;
    z-index: 1;
    inset-inline: 3rem;
  }
  .slideshow__text .banner__text {
    font-size: 2rem;
  }
  .slideshow--bullet-button .swiper-pagination-bullet::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
@media only screen and (max-width: 749px) {
  .slideshow--controls--inner:not(.slideshow--controls-false) {
    padding: 0;
  }

  /* Original theme: split (non-inline) centers the control row on small screens only */
  .slideshow--slider:not(.navigation--button-style-inline)
    .slideshow--controls--inner:not(.slideshow--controls-false) {
    justify-content: center !important;
  }

  /*
    Inline: no override — `.justify-content-{start,center,end}` from section settings applies.
    (Previous grid/dot overrides removed so inline matches legacy Mavon flex styling.)
  */
}

.slideshow--navigation {
  display: inline-flex;
}

.navigation--button-style-split {
  .slideshow--controls--inner {
    justify-content: space-between;
  }

  .slideshow--navigation {
    background: rgba(var(--color-background));
    z-index: 1;
    height: auto;
    color: rgba(var(--color-foreground));
    border-radius: 2rem;
    gap: 1.2rem;
    @media only screen and (min-width: 750px) {
      box-shadow: 0 0 1rem rgba(var(--color-foreground), 0.1);
    }

    .slideshow--nav-button {
      padding: 0;
    }

    .swiper-button-prev.slideshow--nav-button {
      padding-inline-start: 1.2rem;
      padding-block: 0.7rem;
    }

    .swiper-button-next.slideshow--nav-button {
      padding-inline-end: 1.2rem;
      padding-block: 0.7rem;
    }
  }

  .swiper-pagination.slideshow--bullet-button {
    padding: 0;
    padding-inline-start: 1.5rem;
  }
}

.banner__buttons.slideshow--banner-button {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;

  @media only screen and (max-width: 749px) {
    gap: 1rem;
  }
}

.slideshow--slider {
  .navigation--icon-long_arrow {
    .slideshow--nav-button {
      > svg {
        width: 3.5rem;
        max-width: 4.2rem;
        height: auto;
        transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
          opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
        opacity: 0.5;
      }

      &:hover > svg {
        transform: scaleX(1.1);
        opacity: 1;
      }

      &:focus-visible > svg {
        opacity: 1;
      }
    }
  }
}

.navigation--button-style-inline
  .slideshow--controls--inner.navigation--icon-long_arrow
  .slideshow--nav-button
  > svg {
  opacity: 0.85;
}

.navigation--button-style-inline
  .slideshow--controls--inner.navigation--icon-long_arrow
  .slideshow--nav-button:hover
  > svg {
  opacity: 1;
}

/* RTL: flip nav icons so arrows match reading direction; long-arrow hover keeps stretch */
html[dir="rtl"] .slideshow--slider .slideshow--nav-button > svg {
  transform: rotate(180deg);
}

html[dir="rtl"]
  .slideshow--slider
  .navigation--icon-long_arrow
  .slideshow--nav-button:hover
  > svg {
  transform: rotate(180deg) scaleX(1.1);
}

.navigation--button-style-split {
  .slideshow--bullet-button {
    & .swiper-pagination-bullet {
      @media only screen and (min-width: 750px) {
        width: 2rem;
        height: 2rem;
        &:before {
          width: 1.2rem;
          height: 1.2rem;
        }
      }
    }
  }

  .slideshow--navigation.navigation--icon-chevron {
    .swiper-button-prev.slideshow--nav-button {
      padding-inline-start: 1.5rem;
      padding-inline-end: 0.5rem;
    }

    .swiper-button-next.slideshow--nav-button {
      padding-inline-end: 1.5rem;
      padding-inline-start: 0.5rem;
    }

    .slideshow--nav-button {
      > svg {
        opacity: 0.5;
        transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
      }

      &:hover > svg {
        opacity: 1;
      }
    }
  }
}
.navigation--button-style-split .slideshow--controls--inner {
  gap: 1rem;
  padding-block-end: 1rem;
}
.slideshow--navigation.navigation--icon-small_arrow
  .slideshow--nav-button
  > svg,
.slideshow--controls--inner.navigation--icon-small_arrow
  .slideshow--nav-button
  > svg {
  width: 2rem;
}

.navigation--button-style-split
  .slideshow--navigation.navigation--icon-small_arrow {
  max-height: 3rem;
}
/* END_SECTION:slideshow */

/* START_SECTION:text-with-icons (INDEX:81) */
.text__with--icons--box {
  max-width: 4rem;
}
.text__with--icons-single--item {
  display: flex;
  gap: 1.9rem;
  position: relative;
  padding: 2.5rem 0;
}
.text__with--icons--box > svg {
  width: 5rem;
}
.text__with--icons--box > img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  height: auto;
  width: auto;
}
.text__with--icons--list {
  display: grid;
  grid-template-columns: auto;
}
@media only screen and (min-width: 750px) {
  .text__with--icons-single--item + .text__with--icons-single--item.border__show:before {
    border-left: 1px solid var(--text-with-icon-border-color);
    position: absolute;
    content: "";
    height: 100%;
    top: 0;
  }
  .text__with--icons-grid-4 .text__with--icons-single--item + .text__with--icons-single--item:before {
    left: -2.5rem;
  }
  .text__with--icons-grid-3
    .text__with--icons-single--item
    + .text__with--icons-single--item:nth-child(4):before,
  .text__with--icons-grid-3
    .text__with--icons-single--item
    + .text__with--icons-single--item:nth-child(7):before {
    display: none;
  }
  .text__with--icons-grid-4
    .text__with--icons-single--item
    + .text__with--icons-single--item:nth-child(5):before {
    display: none;
  }
  .text__with--icons-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5rem;
    row-gap: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  .text__with--icons--box {
    max-width: 7rem;
  }
  .text__with--icons-grid-3 .text__with--icons-single--item + .text__with--icons-single--item:before {
    left: -7.5rem;
  }
  .text__with--icons-grid-3 {
    column-gap: 15rem;
    row-gap: 5rem;
  }
  .text__with--icons-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5rem;
    row-gap: 5rem;
  }
  .text__with--icons__position--horizontal .text__with--icons-content.text__with--icons-image {
    width: calc(100% - 7rem);
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  .text__with--icons-grid-3 .text__with--icons-single--item + .text__with--icons-single--item:before {
    left: -2.5rem;
  }
  .text__with--icons--box > svg {
    width: 3rem;
  }
  .text__with--icons-grid-4.text__icons--grid-vertical {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5rem;
    row-gap: 5rem;
  }
  .text__with--icons-grid-4:not(.text__icons--grid-vertical) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5rem;
    row-gap: 3rem;
  }
}

@media only screen and (max-width: 749px) {
  .text__with--icons-single--item {
    gap: 1.5rem;
    position: relative;
    padding: 0 2rem;
    flex-direction: column;
    align-items: center;
  }
  .text__with--icons-grid-3,
  .text__with--icons-grid-4 {
    gap: 5rem;
  }
  .text__with--icons-content {
    text-align: center;
  }
}
.text__with--icons__position--vertical {
  flex-direction: column;
}
@media only screen and (min-width: 750px) {
  .text__with--icons-single--item.text__with--icons-align--right {
    flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 992px) {
  html[dir="rtl"]
    .text__with--icons-grid-3
    .text__with--icons-single--item
    + .text__with--icons-single--item:before {
    right: -7.5rem;
    left: auto;
  }
}
@media only screen and (min-width: 750px) {
  html[dir="rtl"]
    .text__with--icons-grid-4
    .text__with--icons-single--item
    + .text__with--icons-single--item:before {
    left: auto;
    right: -2.5rem;
  }
}
/* END_SECTION:text-with-icons */

/* CSS from block stylesheet tags */
/* START_BLOCK:_accordion-row (INDEX:85) */
.accordion-row {
    display: block;
  }

  .accordion-row__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--row-padding-top, 16px);
    padding-bottom: var(--row-padding-bottom, 16px);
    padding-left: var(--row-padding-left, 0);
    padding-right: var(--row-padding-right, 0);
    cursor: pointer;
    list-style: none;
    gap: 12px;
  }

  .accordion-row__header::-webkit-details-marker {
    display: none;
  }

  .accordion-row__heading {
    margin: 0;
    flex: 1;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
  }

  .accordion-row__content {
    padding-bottom: var(--row-padding-bottom, 16px);
    padding-left: var(--row-padding-left, 0);
    padding-right: var(--row-padding-right, 0);
  }

  .accordion-row__row-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--row-icon-width, 24px);
    height: var(--row-icon-height, 24px);
  }

  .accordion-row__row-icon svg {
    width: 100%;
    height: 100%;
  }

  .accordion-row__row-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
/* END_BLOCK:_accordion-row */

/* START_BLOCK:_hc-collections-group (INDEX:87) */
.hc-cg--full-width {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    padding-inline: 1.5rem;
  }
  @media screen and (min-width: 990px) {
    .hc-cg--full-width {
      padding-inline: var(--offset-fluid, 1.5rem);
    }
  }

  .hc-collections-group .collection-list--grid {
    display: grid;
    grid-template-columns: repeat(var(--hcg-cols, 3), 1fr);
    gap: var(--hcg-gap, 24px);
  }
  .hc-collections-group .collection-list--grid .collection-card-block {
    width: 100%;
  }
  @media screen and (max-width: 749px) {
    .hc-collections-group .collection-list--grid {
      grid-template-columns: repeat(var(--hcg-cols-mobile, 2), 1fr);
    }
  }
/* END_BLOCK:_hc-collections-group */

/* START_BLOCK:_hc-content-area (INDEX:88) */
.hc-content-area {
    position: relative;
    width: var(--group-width, 100%);
    height: var(--group-height, fit-content);
    max-width: var(--hca-max-width, none);
    margin-inline: auto;
    padding-block-start: var(--padding-block-start, 0px);
    padding-block-end: var(--padding-block-end, 0px);
    padding-inline-start: var(--padding-inline-start, 0px);
    padding-inline-end: var(--padding-inline-end, 0px);
  }

  .hc-content-area__inner {
    position: relative;
    z-index: var(--layer-flat, 2);
    height: 100%;
  }

  @media screen and (max-width: 749px) {
    .hc-content-area {
      width: var(--group-width-mobile, var(--group-width, 100%));
      max-width: 100%;
      padding-block-start: calc(var(--padding-block-start, 0px) * var(--padding-mobile-scale, 1));
      padding-block-end: calc(var(--padding-block-end, 0px) * var(--padding-mobile-scale, 1));
      padding-inline-start: calc(var(--padding-inline-start, 0px) * var(--padding-mobile-scale, 1));
      padding-inline-end: calc(var(--padding-inline-end, 0px) * var(--padding-mobile-scale, 1));
    }
  }
/* END_BLOCK:_hc-content-area */

/* START_BLOCK:accordion (INDEX:89) */
accordion-group {
    display: block;
    min-width: 0;
    max-width: 100%;
    width: var(--accordion-width, 100%);
  }

  .accordion-block {
    width: 100%;
    padding-top: var(--accordion-padding-top, 0);
    padding-bottom: var(--accordion-padding-bottom, 0);
    padding-left: var(--accordion-padding-left, 0);
    padding-right: var(--accordion-padding-right, 0);
  }

  /* Icon visibility — parent controls which icon children show */
  .accordion--icon-plus .accordion-row__icon--chevron,
  .accordion--icon-plus .accordion-row__icon--caret,
  .accordion--icon-chevron .accordion-row__icon--plus,
  .accordion--icon-chevron .accordion-row__icon--caret,
  .accordion--icon-caret .accordion-row__icon--plus,
  .accordion--icon-caret .accordion-row__icon--chevron {
    display: none;
  }

  /* Icon rotation on open */
  .accordion-row__icon {
    transition: transform 0.3s ease;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .accordion-row__icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  .accordion-row__icon--caret svg {
    width: 1.6rem;
    height: 1.6rem;
  }

  /* Reset base CSS conflict: summary .icon-caret */
  .accordion-row__header .icon-caret {
    position: static;
  }

  details[open] > .accordion-row__header .accordion-row__icon--plus {
    transform: rotate(45deg);
  }

  details[open] > .accordion-row__header .accordion-row__icon--chevron {
    transform: rotate(180deg);
  }

  details[open] > .accordion-row__header .accordion-row__icon--caret {
    transform: rotate(180deg);
  }

  /* Solid icon style */
  .accordion--icon-style-solid .accordion-row__icon {
    background: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
    border-radius: 50%;
    width: 32px;
    height: 32px;
  }

  .accordion--icon-style-solid .accordion-row__icon svg {
    width: 1rem;
    height: 1rem;
  }

  .accordion--icon-style-solid .accordion-row__icon--caret svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  /* Heading preset — parent class controls child heading appearance */
  .accordion--heading-h3 .accordion-row__heading { font-size: calc(var(--font-heading-size) * 2rem); }
  .accordion--heading-h4 .accordion-row__heading { font-size: calc(var(--font-heading-size) * 1.6rem); }
  .accordion--heading-h5 .accordion-row__heading { font-size: calc(var(--font-heading-size) * 1.3rem); }
  .accordion--heading-h6 .accordion-row__heading { font-size: calc(var(--font-heading-size) * 1.1rem); }
  .accordion--heading-p .accordion-row__heading {
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
    font-size: 1.4rem;
  }

  /* Border — parent class controls child row borders */
  .accordion--border-solid .accordion-row {
    border-bottom: var(--accordion-border-width, 1px) solid rgba(var(--color-foreground), var(--accordion-border-opacity, 0.12));
  }

  .accordion--border-solid .accordion-row:first-child {
    border-top: var(--accordion-border-width, 1px) solid rgba(var(--color-foreground), var(--accordion-border-opacity, 0.12));
  }

  /* Card style */
  .accordion--style-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  /* Prevent color scheme from painting the wrapper background */
  .accordion--style-card[class*="color-"] {
    background-color: transparent;
  }

  .accordion--style-card .accordion-row {
    background: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
    border-radius: var(--accordion-border-radius, 0);
  }

  .accordion--style-card .accordion-row__header {
    padding-top: var(--row-padding-top, 16px);
    padding-bottom: var(--row-padding-bottom, 16px);
    padding-left: calc(var(--row-padding-left, 0px) + 20px);
    padding-right: calc(var(--row-padding-right, 0px) + 20px);
  }

  .accordion--style-card .accordion-row__content {
    padding-top: 0;
    padding-bottom: var(--row-padding-bottom, 16px);
    padding-left: calc(var(--row-padding-left, 0px) + 20px);
    padding-right: calc(var(--row-padding-right, 0px) + 20px);
  }

  /* Card + border solid */
  .accordion--style-card.accordion--border-solid .accordion-row {
    border: var(--accordion-border-width, 1px) solid rgba(var(--color-foreground), var(--accordion-border-opacity, 0.12));
  }

  @media screen and (max-width: 749px) {
    accordion-group {
      width: var(--accordion-width-mobile, var(--accordion-width, 100%));
    }

    .accordion-block {
      padding-top: calc(var(--accordion-padding-top, 0) * var(--accordion-mobile-scale, 0.8));
      padding-bottom: calc(var(--accordion-padding-bottom, 0) * var(--accordion-mobile-scale, 0.8));
      padding-left: calc(var(--accordion-padding-left, 0) * var(--accordion-mobile-scale, 0.8));
      padding-right: calc(var(--accordion-padding-right, 0) * var(--accordion-mobile-scale, 0.8));
    }

    .accordion-row__header {
      padding-top: calc(var(--row-padding-top, 16px) * var(--row-mobile-scale, 0.8));
      padding-bottom: calc(var(--row-padding-bottom, 16px) * var(--row-mobile-scale, 0.8));
      padding-left: calc(var(--row-padding-left, 0px) * var(--row-mobile-scale, 0.8));
      padding-right: calc(var(--row-padding-right, 0px) * var(--row-mobile-scale, 0.8));
    }

    .accordion-row__content {
      padding-bottom: calc(var(--row-padding-bottom, 16px) * var(--row-mobile-scale, 0.8));
      padding-left: calc(var(--row-padding-left, 0px) * var(--row-mobile-scale, 0.8));
      padding-right: calc(var(--row-padding-right, 0px) * var(--row-mobile-scale, 0.8));
    }

    .accordion--style-card .accordion-row__header {
      padding-left: calc(calc(var(--row-padding-left, 0px) * var(--row-mobile-scale, 0.8)) + 20px);
      padding-right: calc(calc(var(--row-padding-right, 0px) * var(--row-mobile-scale, 0.8)) + 20px);
    }

    .accordion--style-card .accordion-row__content {
      padding-left: calc(calc(var(--row-padding-left, 0px) * var(--row-mobile-scale, 0.8)) + 20px);
      padding-right: calc(calc(var(--row-padding-right, 0px) * var(--row-mobile-scale, 0.8)) + 20px);
    }
  }
/* END_BLOCK:accordion */

/* START_BLOCK:article-card (INDEX:102) */
.article-card-block {
    min-width: 0;
    max-width: 100%;
    width: var(--ac-block-width, fit-content);
    padding-top: var(--ac-block-padding-top, 0);
    padding-bottom: var(--ac-block-padding-bottom, 0);
    padding-left: var(--ac-block-padding-left, 0);
    padding-right: var(--ac-block-padding-right, 0);
  }

  .article-card-block--bordered {
    border: var(--ac-block-border-thickness, 1px) solid rgba(var(--color-foreground), var(--ac-block-border-opacity, 0.12));
    border-radius: var(--ac-block-corner-radius, 0);
    overflow: hidden;
  }

  .article-card-block .article-card {
    width: 100%;
  }

  .article-card-block .article-content {
    display: block;
  }

  .article-card-block .article-card__image {
    border-radius: var(--ac-block-corner-radius, 0);
    overflow: hidden;
  }

  @media screen and (max-width: 749px) {
    .article-card-block {
      width: var(--ac-block-width-mobile, var(--ac-block-width, fit-content));
      padding-top: calc(var(--ac-block-padding-top, 0) * var(--ac-block-mobile-scale, 0.8));
      padding-bottom: calc(var(--ac-block-padding-bottom, 0) * var(--ac-block-mobile-scale, 0.8));
      padding-left: calc(var(--ac-block-padding-left, 0) * var(--ac-block-mobile-scale, 0.8));
      padding-right: calc(var(--ac-block-padding-right, 0) * var(--ac-block-mobile-scale, 0.8));
    }
  }
/* END_BLOCK:article-card */

/* START_BLOCK:collection-card (INDEX:104) */
.collection-card-block {
    display: block;
    width: var(--cc-block-width, fit-content);
    overflow: hidden;
  }
  .collection-card-block--bordered {
    border: var(--cc-block-border-thickness, 1px) solid rgba(var(--color-foreground), var(--cc-block-border-opacity, 1));
    border-radius: var(--cc-block-corner-radius, 0);
  }
  .collection-card-block .collection__card {
    padding-top: var(--cc-block-padding-top, 0);
    padding-bottom: var(--cc-block-padding-bottom, 0);
    padding-left: var(--cc-block-padding-left, 0);
    padding-right: var(--cc-block-padding-right, 0);
  }

  @media screen and (max-width: 749px) {
    .collection-card-block {
      width: var(--cc-block-width-mobile, var(--cc-block-width, fit-content));
    }
    .collection-card-block .collection__card {
      padding-top: calc(var(--cc-block-padding-top, 0) * var(--cc-block-mobile-scale, 1));
      padding-bottom: calc(var(--cc-block-padding-bottom, 0) * var(--cc-block-mobile-scale, 1));
      padding-left: calc(var(--cc-block-padding-left, 0) * var(--cc-block-mobile-scale, 1));
      padding-right: calc(var(--cc-block-padding-right, 0) * var(--cc-block-mobile-scale, 1));
    }
  }
/* END_BLOCK:collection-card */

/* START_BLOCK:contact-form (INDEX:105) */
/* =========================================
     CONTACT FORM BLOCK — BASE
     ========================================= */
  .contact-form-block {
    width: var(--cf-block-width, 100%);
    padding-top: var(--cf-padding-top, 0);
    padding-bottom: var(--cf-padding-bottom, 0);
    padding-left: var(--cf-padding-left, 0);
    padding-right: var(--cf-padding-right, 0);
  }

  /* =========================================
     FORM GRID — Half-width fields side by side
     ========================================= */
  .contact-form-block__fields {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .contact-form-block__field {
    min-width: 0;
  }

  .contact-form-block__field--full {
    width: 100%;
  }

  .contact-form-block__field--half {
    width: calc(50% - 0.75rem);
  }

  /* =========================================
     INPUT STYLES — Shared across all inputs
     ========================================= */
  .contact-form-block .cf-input,
  .contact-form-block .cf-textarea,
  .contact-form-block .cf-select {
    width: 100%;
    height: 5rem;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(var(--color-foreground));
    background-color: transparent;
    margin-bottom: 0;
  }

  .contact-form-block .cf-textarea {
    height: auto;
    padding: 1.5rem;
    min-height: 12rem;
    resize: vertical;
  }

  .contact-form-block .cf-select {
    appearance: none;
    cursor: pointer;
    padding-right: 4rem;
  }

  .contact-form-block__select-wrapper {
    position: relative;
    width: 100%;
  }

  .contact-form-block__select-arrow {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
    color: rgba(var(--color-foreground), 0.55);
  }

  .contact-form-block__select-arrow svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  /* ---- Placeholder ---- */
  .contact-form-block .cf-input::placeholder,
  .contact-form-block .cf-textarea::placeholder {
    color: rgba(var(--color-foreground), 0.55);
  }

  /* ---- Focus ---- */
  .contact-form-block .cf-input:focus,
  .contact-form-block .cf-textarea:focus,
  .contact-form-block .cf-select:focus {
    outline: none;
    box-shadow: none;
    border-color: rgba(var(--color-foreground));
  }

  /* =========================================
     FIELD BORDER STYLES
     Parent class controls child field borders
     ========================================= */

  /* Box — borders on all sides */
  .contact-form-block--border-box .cf-input,
  .contact-form-block--border-box .cf-textarea,
  .contact-form-block--border-box .cf-select {
    border: 1px solid rgba(var(--color-foreground), 0.15);
    border-radius: var(--cf-field-radius, 0);
  }

  /* Underline — only bottom border */
  .contact-form-block--border-underline .cf-input,
  .contact-form-block--border-underline .cf-textarea,
  .contact-form-block--border-underline .cf-select {
    border: none;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.15);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }

  /* None — no border, parent color settings provide background/text */
  .contact-form-block--border-none .cf-input,
  .contact-form-block--border-none .cf-textarea,
  .contact-form-block--border-none .cf-select {
    border: none;
    border-radius: 0.8rem;
    background-color: var(--cf-field-bg, #F5F5F5);
    color: var(--cf-field-text, inherit);
  }

  .contact-form-block--border-none .cf-input::placeholder,
  .contact-form-block--border-none .cf-textarea::placeholder {
    color: var(--cf-field-text, inherit);
    opacity: 0.55;
  }

  /* =========================================
     LABEL STYLES
     ========================================= */
  .contact-form-block__label {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.6rem;
    color: rgba(var(--color-foreground), 0.7);
  }

  .contact-form-block__label--required::after {
    content: " *";
    color: rgba(var(--color-foreground), 0.5);
  }

  /* =========================================
     RADIO & CHECKBOX GROUPS
     ========================================= */
  .contact-form-block__option-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding-top: 0.5rem;
  }

  .contact-form-block__option-group--vertical {
    flex-direction: column;
  }

  .contact-form-block__option-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.4rem;
    cursor: pointer;
  }

  .contact-form-block__option-item input[type="radio"],
  .contact-form-block__option-item input[type="checkbox"] {
    width: 1.6rem;
    height: 1.6rem;
    accent-color: rgb(var(--color-foreground));
    cursor: pointer;
  }

  /* =========================================
     SUBMIT BUTTON
     ========================================= */
  .contact-form-block__submit {
    margin-top: 2rem;
  }

  .contact-form-block .contact-form-block__submit--full button {
    width: 100%;
  }

  /* =========================================
     MESSAGES (Success / Error)
     ========================================= */
  .contact-form-block .cf-message {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  /* =========================================
     MOBILE RESPONSIVE
     ========================================= */
  @media screen and (max-width: 749px) {
    .contact-form-block {
      width: var(--cf-block-width-mobile, var(--cf-block-width, 100%));
      padding-top: calc(var(--cf-padding-top, 0) * var(--cf-mobile-scale, 1));
      padding-bottom: calc(var(--cf-padding-bottom, 0) * var(--cf-mobile-scale, 1));
      padding-left: calc(var(--cf-padding-left, 0) * var(--cf-mobile-scale, 1));
      padding-right: calc(var(--cf-padding-right, 0) * var(--cf-mobile-scale, 1));
    }

    /* Half-width fields stack on mobile */
    .contact-form-block__field--half {
      width: 100%;
    }
  }
/* END_BLOCK:contact-form */

/* START_BLOCK:countdown-timer (INDEX:106) */
.countdown-block {
    display: flex;
    align-items: center;
  }

  .countdown-block .d-flex,
  .countdown-block .countdown-timer-inner {
    display: flex;
    align-items: center;
  }

  .countdown-block .countdown__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .countdown-block .countdown__digit {
    color: rgba(var(--color-foreground));
  }

  /* --- Boxed style --- */

  .countdown-block--boxed .countdown-item {
    padding: 0.3rem 0.7rem;
    text-align: center;
    border-radius: 0.5rem;
    position: relative;
    border: 0.1rem solid rgba(var(--color-foreground), 0.19);
    min-width: 4.5rem;
  }

  .countdown-block--boxed .countdown-item + .countdown-item::before {
    position: absolute;
    content: ":";
    left: calc(var(--countdown-gap, 1rem) / -2);
    top: 50%;
    font-size: 3rem;
    transform: translate(-50%, -50%);
    color: rgba(var(--color-foreground));
  }

  .countdown-block--boxed.rte .countdown__digit {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }

  .countdown-block--boxed .countdown__labels {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .countdown-block--box-square .countdown-item {
    border-radius: 0;
  }

  @media screen and (min-width: 750px) {
    .countdown-block--boxed .countdown-item {
      padding: 0.5rem 0.8rem;
      min-width: 5rem;
    }
  }

  @media screen and (min-width: 992px) {
    .countdown-block--boxed .countdown-item {
      padding: 0.8rem 1rem;
      min-width: 8.5rem;
    }
    .countdown-block--boxed.rte .countdown__digit {
      font-size: 2.4rem;
    }
    .countdown-block--boxed .countdown__labels {
      font-size: 1.5rem;
    }
  }

  @media screen and (min-width: 1200px) {
    .countdown-block--boxed .countdown-item {
      padding: 0.6rem 1.2rem;
      min-width: 8rem;
    }
    .countdown-block--boxed.rte .countdown__digit {
      font-size: 2.6rem;
    }
    .countdown-block--boxed .countdown__labels {
      font-size: 1.6rem;
    }
  }

  /* --- Minimal style --- */

  .countdown-block--minimal .countdown__inner {
    gap: 0.5rem;
  }

  .countdown-block--minimal .countdown__digit {
    position: relative;
  }

  .countdown-block--minimal.rte .countdown__digit {
    font-size: 2rem;
  }

  .countdown-block--minimal .countdown__digit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.1rem;
    background: rgba(var(--color-foreground), 0.3);
    inset-inline-start: 0;
    bottom: -0.25rem;
  }

  /* --- Label text transform --- */
  .countdown-block--label-uppercase .countdown__labels {
    text-transform: uppercase;
  }

  /* --- Typography: custom preset only --- */
  .custom-typography .countdown__digit {
    font-size: var(--custom-font-size);
    font-weight: var(--custom-font-weight);
    line-height: var(--custom-line-height);
    letter-spacing: var(--custom-letter-spacing);
  }

  /* Hide units and labels via CSS class */
  .countdown-block--hide-days .countdown-item.Days { display: none; }
  .countdown-block--hide-hours .countdown-item.Hrs { display: none; }
  .countdown-block--hide-minutes .countdown-item.Min { display: none; }
  .countdown-block--hide-seconds .countdown-item.Sec { display: none; }
  .countdown-block--hide-labels .countdown__labels { display: none; }
  .countdown-block--hide-separator .countdown-item + .countdown-item::before { display: none; }
  .countdown-block--boxed:is(.h1,.h2, .h3,.h4,.h5,.h6) {
    margin-block-end: 0;
  }
/* END_BLOCK:countdown-timer */

/* START_BLOCK:counter-up (INDEX:107) */
counter-up {
    display: block;
    text-align: var(--counter-up-text-align, center);
  }
  .counter-up__number {
    display: flex;
    align-items: baseline;
    justify-content: var(--counter-up-align, center);
  }
  .counter-up__prefix,
  .counter-up__suffix {
    flex-shrink: 0;
  }
  .counter-up__value {
    display: inline-flex;
    vertical-align: baseline;
  }
  .counter__group {
    display: inline-block;
    height: 1lh;
    overflow: clip;
    line-height: inherit;
  }
  .counter__track {
    display: flex;
    flex-direction: column;
    transition: transform var(--counter-duration, 2000ms) cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: var(--counter-duration-offset, 0ms);
  }
  .counter__digit {
    line-height: inherit;
  }
  .counter__char {
    display: inline-block;
  }
  counter-up.is-playing .counter__track {
    transform: translateY(calc(-1lh * var(--counter-steps)));
  }
  .counter-up__heading {
    margin-top: 0.8rem;
    margin-bottom: 0;
  }

  @media screen and (max-width: 749px) {
    counter-up {
      text-align: var(--counter-up-text-align-mobile, var(--counter-up-text-align, center));
    }
    .counter-up__number {
      justify-content: var(--counter-up-align-mobile, var(--counter-up-align, center));
    }
  }
/* END_BLOCK:counter-up */

/* START_BLOCK:icon (INDEX:109) */
.icon-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--icon-block-width, 2.4rem);
    height: auto;
    text-decoration: none;
    color: inherit;
  }

  .icon-block svg {
    width: 100%;
    height: auto;
  }

  .icon-block img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
/* END_BLOCK:icon */

/* START_BLOCK:image (INDEX:110) */
.image-block {
    min-width: 0;
    max-width: 100%;
    width: var(--image-block-width, fit-content);
    padding-top: var(--image-block-padding-top, 0);
    padding-bottom: var(--image-block-padding-bottom, 0);
    padding-left: var(--image-block-padding-left, 0);
    padding-right: var(--image-block-padding-right, 0);
  }

  a.image-block {
    display: block;
    text-decoration: none;
    color: inherit;
  }

  .image-block--bordered .image-block__media {
    border: var(--image-block-border-thickness, 1px) solid rgba(var(--color-foreground), var(--image-block-border-opacity, 0.12));
  }

  .image-block img {
    display: block;
    width: 100%;
    height: auto;
  }

  .image-block__media {
    position: relative;
    overflow: hidden;
    border-radius: var(--image-block-corner-radius, 0);
  }

  .image-block__media--placeholder {
    aspect-ratio: 1;
    background: rgba(var(--color-foreground), 0.04);
    color: rgba(var(--color-foreground));
  }

  .image-block__media--placeholder .image-block__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    object-fit: cover;
    object-position: center center;
}

  .image-block__media--ratio {
    aspect-ratio: var(--image-block-aspect-ratio);
  }

  .image-block__media--ratio img {
    height: 100%;
    object-fit: cover;
  }

  @media screen and (max-width: 749px) {
    .image-block__media--ratio {
      aspect-ratio: var(--image-block-aspect-ratio-mobile, var(--image-block-aspect-ratio));
    }

    .image-block {
      width: var(--image-block-width-mobile, var(--image-block-width, fit-content));
      padding-top: calc(var(--image-block-padding-top, 0) * var(--image-block-mobile-scale, 0.8));
      padding-bottom: calc(var(--image-block-padding-bottom, 0) * var(--image-block-mobile-scale, 0.8));
      padding-left: calc(var(--image-block-padding-left, 0) * var(--image-block-mobile-scale, 0.8));
      padding-right: calc(var(--image-block-padding-right, 0) * var(--image-block-mobile-scale, 0.8));
    }

    .image-block__media--placeholder:has(.d-sm-only-visible) {
      aspect-ratio: auto;
      background: none;
    }

    .image-block:has(.d-sm-only-visible) {
      width: var(--image-block-width-mobile, var(--image-block-width, fit-content));
    }
  }
/* END_BLOCK:image */

/* START_BLOCK:newsletter (INDEX:111) */
.newsletter-block {
    display: flex;
    flex-direction: column;
    width: var(--nl-block-width, 100%);
    align-items: var(--nl-align, flex-start);
    padding-top: var(--nl-padding-top, 0);
    padding-bottom: var(--nl-padding-bottom, 0);
    padding-left: var(--nl-padding-left, 0);
    padding-right: var(--nl-padding-right, 0);
  }

  .newsletter-block__form {
    width: 100%;
    max-width: 100%;
  }

  .newsletter-block .input__field_form {
    position: relative;
    display: flex;
    align-items: center;
  }

  .newsletter-block .input__field {
    flex: 1;
    height: 5.5rem;
    padding: 0 10rem 0 1.5rem;
    border-radius: var(--nl-input-radius, 3rem);
    background-color: transparent;
    margin-bottom: 0;
  }

  /* Border: All */
  .newsletter-block--border-all .input__field {
    border: 1px solid rgba(var(--color-foreground), 0.55);
  }

  /* Border: Underline */
  .newsletter-block--border-underline .input__field {
    border: none;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.55);
    border-radius: 0;
  }

  /* Border: None */
  .newsletter-block--border-none .input__field {
    border: none;
  }

  /* Submit button base */
  .newsletter-block .input__field_form_button {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-weight: var(--button-font-weight);
    color: rgba(var(--color-foreground));
    cursor: pointer;
    padding: 0.8rem 1.6rem;
    line-height: 1;
  }

  .newsletter-form__field-wrapper .input__field_form_button {
    width: auto;
  }
  
  /* Button: Primary */
  .newsletter-block--btn-primary .input__field_form_button {
    background: rgba(var(--color-button), var(--alpha-button-background));
    color: rgb(var(--color-button-text));
    border-radius: var(--nl-input-radius, 3rem);
    border: none;
  }

  /* Button: Secondary */
  .newsletter-block--btn-secondary .input__field_form_button {
    background: transparent;
    border: 1px solid rgba(var(--color-button), var(--alpha-button-border));
    color: rgb(var(--color-button-text));
    border-radius: var(--nl-input-radius, 3rem);
  }

  /* Button: Text */
  .newsletter-block--btn-text .input__field_form_button {
    background: none;
    border: none;
    color: rgba(var(--color-foreground));
    padding: 0 1rem;
  }

  /* Arrow icon */
  .newsletter-block .input__field_form_button svg {
    width: 2rem;
    height: 2rem;
  }

  /* Terms */
  .newsletter-block__terms {
    margin-top: 1rem;
    font-size: 1.2rem;
    opacity: 0.7;
  }
  .newsletter-block__terms a {
    text-decoration: underline;
  }

  /* Messages */
  .newsletter-block .newsletter-form__message {
    margin-top: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  @media screen and (max-width: 749px) {
    .newsletter-block {
      width: var(--nl-block-width-mobile, var(--nl-block-width, 100%));
      padding-top: calc(var(--nl-padding-top, 0) * var(--nl-mobile-scale, 1));
      padding-bottom: calc(var(--nl-padding-bottom, 0) * var(--nl-mobile-scale, 1));
      padding-left: calc(var(--nl-padding-left, 0) * var(--nl-mobile-scale, 1));
      padding-right: calc(var(--nl-padding-right, 0) * var(--nl-mobile-scale, 1));
    }
  }
/* END_BLOCK:newsletter */

/* START_BLOCK:page (INDEX:112) */
.page-block {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    height: auto;
    align-items: flex-start;
    padding-top: var(--page-padding-top, 0);
    padding-bottom: var(--page-padding-bottom, 0);
    padding-left: var(--page-padding-left, 0);
    padding-right: var(--page-padding-right, 0);
  }

  .page-block__title {
    margin-bottom: 1.6rem;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
  }

  .page-block .rte {
    max-width: 100%;
  }

  @media screen and (max-width: 749px) {
    .page-block {
      padding-top: calc(var(--page-padding-top, 0) * var(--page-mobile-scale, 1));
      padding-bottom: calc(var(--page-padding-bottom, 0) * var(--page-mobile-scale, 1));
      padding-left: calc(var(--page-padding-left, 0) * var(--page-mobile-scale, 1));
      padding-right: calc(var(--page-padding-right, 0) * var(--page-mobile-scale, 1));
    }
  }
/* END_BLOCK:page */

/* START_BLOCK:product-card (INDEX:113) */
.product-card-block {
    min-width: 0;
    max-width: 100%;
    width: var(--pc-block-width, fit-content);
    padding-top: var(--pc-block-padding-top, 0);
    padding-bottom: var(--pc-block-padding-bottom, 0);
    padding-left: var(--pc-block-padding-left, 0);
    padding-right: var(--pc-block-padding-right, 0);
  }

  .product-card-block--bordered {
    border: var(--pc-block-border-thickness, 1px) solid rgba(var(--color-foreground), var(--pc-block-border-opacity, 0.12));
    border-radius: var(--pc-block-corner-radius, 0);
    overflow: hidden;
  }

  .product-card-block:not(.product-card-block--bordered) {
    border-radius: var(--pc-block-corner-radius, 0);
    overflow: hidden;
  }

  @media screen and (max-width: 749px) {
    .product-card-block {
      width: var(--pc-block-width-mobile, var(--pc-block-width, fit-content));
      padding-top: calc(var(--pc-block-padding-top, 0) * var(--pc-block-mobile-scale, 0.8));
      padding-bottom: calc(var(--pc-block-padding-bottom, 0) * var(--pc-block-mobile-scale, 0.8));
      padding-left: calc(var(--pc-block-padding-left, 0) * var(--pc-block-mobile-scale, 0.8));
      padding-right: calc(var(--pc-block-padding-right, 0) * var(--pc-block-mobile-scale, 0.8));
    }
  }
/* END_BLOCK:product-card */

/* START_BLOCK:social-media (INDEX:114) */
.social-media-block {
    width: var(--social-block-width, 100%);
    padding-top: var(--social-padding-top, 0);
    padding-bottom: var(--social-padding-bottom, 0);
    padding-left: var(--social-padding-left, 0);
    padding-right: var(--social-padding-right, 0);
  }
  .social-media-block .list-social {
    gap: var(--social-gap, 1rem);
    flex-wrap: wrap;
  }
  .social-media-block .list-social__link {
    padding: 0;
  }
  .social-media-block .list-social__link.link {
    width: auto;
  }
  .social-media-block .list-social__link .icon {
    width: var(--social-icon-width, 1.7rem);
    height: auto;
  }

  @media screen and (max-width: 749px) {
    .social-media-block {
      width: var(--social-block-width-mobile, var(--social-block-width, 100%));
      padding-top: calc(var(--social-padding-top, 0) * var(--social-mobile-scale, 1));
      padding-bottom: calc(var(--social-padding-bottom, 0) * var(--social-mobile-scale, 1));
      padding-left: calc(var(--social-padding-left, 0) * var(--social-mobile-scale, 1));
      padding-right: calc(var(--social-padding-right, 0) * var(--social-mobile-scale, 1));
    }
  }
/* END_BLOCK:social-media */

/* START_BLOCK:text (INDEX:115) */
.text-block > * {
      word-break: break-word;
  }
  .text-block>*:last-child {
    margin-block-end: 0;
  }

  .text-block {
    min-width: 0;
    max-width: min(100%, var(--text-block-max-width, 100%));
    overflow: hidden;
    width: var(--text-block-width, fit-content);
    padding-top: var(--text-block-padding-top, 0);
    padding-bottom: var(--text-block-padding-bottom, 0);
    padding-left: var(--text-block-padding-left, 0);
    padding-right: var(--text-block-padding-right, 0);
    text-align: var(--text-block-align, var(--content-text-align, left));
  }

  @media screen and (max-width: 749px) {
    .text-block {
      width: var(--text-block-width-mobile, var(--text-block-width, fit-content));
      padding-top: calc(var(--text-block-padding-top, 0) * var(--text-block-mobile-scale, 0.8));
      padding-bottom: calc(var(--text-block-padding-bottom, 0) * var(--text-block-mobile-scale, 0.8));
      padding-left: calc(var(--text-block-padding-left, 0) * var(--text-block-mobile-scale, 0.8));
      padding-right: calc(var(--text-block-padding-right, 0) * var(--text-block-mobile-scale, 0.8));
      text-align: var(--text-block-align-mobile, var(--text-block-align, var(--content-text-align, left)));
    }
  }

  .text-block em {
    font-style: normal;
  }
/* END_BLOCK:text */

/* START_BLOCK:video (INDEX:116) */
.video-block {
    min-width: 0;
    max-width: 100%;
    width: var(--video-block-width, fit-content);
    padding-top: var(--video-block-padding-top, 0);
    padding-bottom: var(--video-block-padding-bottom, 0);
    padding-left: var(--video-block-padding-left, 0);
    padding-right: var(--video-block-padding-right, 0);
  }

  .video-block--bordered .video-block__media {
    border: var(--video-block-border-thickness, 1px) solid rgba(var(--color-foreground), var(--video-block-border-opacity, 0.12));
  }

  .video-block__media {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: var(--video-block-corner-radius, 0);
  }

  .video-block__media video,
  .video-block__media iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
  }

  .video-block__media--ratio {
    aspect-ratio: var(--video-block-aspect-ratio);
  }

  .video-block__media--placeholder {
    aspect-ratio: 16 / 9;
    background: rgba(var(--color-foreground), 0.04);
    color: rgba(var(--color-foreground));
  }

  .video-block__media--placeholder .video-block__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    object-fit: cover;
    object-position: center center;
  }

  .video-block__deferred {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .video-block__poster {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background: rgba(var(--color-foreground), 0.06);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
  }

  .video-block__poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .video-block__play-button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.2rem;
    height: 6.2rem;
    border-radius: 50%;
    background-color: rgb(var(--color-background));
    border: 0.1rem solid rgba(var(--color-foreground), 0.1);
    color: rgb(var(--color-foreground));
    transition: transform var(--duration-short, 0.1s) ease;
  }

  .video-block__play-button:hover {
    transform: scale(1.1);
  }

  .video-block__play-button .icon {
    width: 2rem;
    height: 2rem;
  }

  .video-block__play-button .icon-play {
    margin-left: 0.2rem;
  }

  .video-block__deferred[loaded] > .video-block__poster {
    display: none;
  }

  .video-block__play-button--static {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
  }

  .video-block__play-button--static:hover {
    transform: translate(-50%, -50%);
  }

  @media screen and (max-width: 749px) {
    .video-block {
      width: var(--video-block-width-mobile, var(--video-block-width, fit-content));
      padding-top: calc(var(--video-block-padding-top, 0) * var(--video-block-mobile-scale, 0.8));
      padding-bottom: calc(var(--video-block-padding-bottom, 0) * var(--video-block-mobile-scale, 0.8));
      padding-left: calc(var(--video-block-padding-left, 0) * var(--video-block-mobile-scale, 0.8));
      padding-right: calc(var(--video-block-padding-right, 0) * var(--video-block-mobile-scale, 0.8));
    }
  }
/* END_BLOCK:video */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:age-verifier-popup-styles (INDEX:117) */
.age-verification--buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.age-verification--inner > * + * {
  margin-top: 1rem;
}
.age-verification--inner .age-verification--buttons {
  margin-top: 3rem;
}
.age-verification--inner {
  max-width: 45rem;
  padding: 3rem 2rem;
  background: rgba(var(--color-background));
  border-radius: 1rem;
  width: calc(100% - 3rem);
}
@media only screen and (min-width: 750px) {
  .age-verification--inner {
    padding: 4rem 3rem;
  }
}
.age-verification-component {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(var(--color-background));
  display: flex;
  align-items: center;
  justify-content: center;
}
.age-verification {
  display: none;
}
.age-verification.open--popup {
  display: block;
}
/* END_SNIPPET:age-verifier-popup-styles */

/* START_SNIPPET:announcement-bar-styles (INDEX:118) */
.announcement-collapsible__inner {
  padding-top: 7rem;
  padding-bottom: 7rem;
  position: relative;
}
.button--announcement > svg {
  width: 1.2rem;
  transition: var(--transition);
}
.button--announcement.show--dropdown > svg {
  transform: rotate(180deg);
}
.button--announcement > span {
  flex-shrink: 0;
}
.announcement__wrapper {
  padding: 0.8rem 0 0;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
}
.announcement-collapsible-content {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}
.announment--bar-social-media .list-social__link {
  color: currentColor !important;
}
.announment--bar-social-media .list-social__link {
  padding: 0.5rem;
}
.announment--bar-social-media .list-social__link + .list-social__link {
  margin-left: 0.5rem;
}
.announcement-bar-innner {
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 0.8rem;
}
.announment--bar-social-media {
  align-items: center;
  height: 100%;
}
@media only screen and (min-width: 1300px) {
  .announcement-bar-innner {
    grid-template-columns: 1fr 3fr 1fr;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1299px) {
  .announcement-bar-innner {
    grid-template-columns: 1fr 2fr 1fr;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1080px) {
  .announcement-bar-innner {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.collapsible-content--template-inner {
  width: 100%;
  margin: 0 auto;
  display: grid;
  gap: 2rem;
}
.announcement-collapsible-content-close {
  position: absolute;
  right: 0;
  width: 100%;
  top: 0;
  min-height: 7rem;
}
.announcement-collapsible-text {
  font-size: 1.7rem;
}
.collapsible-content--template-grid {
  display: grid;
  gap: 5rem;
}
.collapsible__content--background-image .collapsible-content--template-inner {
  padding: 2rem 1.5rem;
}
@media only screen and (min-width: 750px) {
  .background-image--in-collapsible-content,
  .no-image--in-collapsible-content {
    max-width: calc(2 / 3 * 100%);
  }
  .collapsible-content--template-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .collapsible__content--background-image .collapsible-content--template-inner {
    padding: 5rem 3rem;
  }
}
.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--large {
  height: 43.5rem;
}

.image-with-text__media--medium {
  height: 30rem;
}
.collapsible--background__media--small {
  min-height: 30rem;
}
.collapsible--background__media--medium {
  min-height: 40rem;
}
.collapsible--background__media--large {
  min-height: 50rem;
}
@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 31.4rem;
  }
  .image-with-text__media--medium {
    height: 50rem;
  }
  .image-with-text__media--large {
    height: 69.5rem;
  }
  .collapsible--background__media--small {
    min-height: 38rem;
  }
  .collapsible--background__media--medium {
    min-height: 50rem;
  }
  .collapsible--background__media--large {
    min-height: 65rem;
  }
}
.collapsible-content--template-content {
  display: flex;
  align-items: center;
}
.collapsible__content--background-image {
  position: relative;
}
.collapsible__content--with-image.background--image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.collapsible__content--background-image .collapsible-content--template-content {
  position: relative;
  z-index: 10;
}
.collapsible__content--with-image.background--image > .media {
  height: 100%;
}
.collapsible__content--background-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
.arrow__link--button > svg {
  height: auto;
  width: 2rem;
  display: inline-block;
  margin-left: 0.5rem;
}
.announcment--link-button {
  display: inline-flex;
  align-items: center;
}
.announcment--link-button .arrow__link--button {
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  .button--announcement > svg {
    width: 1.5rem;
    margin-left: 0;
  }
  .button--announcement {
    padding: 0.6rem !important;
    width: 3rem;
    height: 3rem;
  }
}
.collapsible__content--background-image{
  overflow: hidden;
}
/* END_SNIPPET:announcement-bar-styles */

/* START_SNIPPET:banner-list-styles (INDEX:122) */
/*
  Source: assets/banner-list.css
*/
.banner__list--media.media--adapt.placeholder {
  padding-bottom: 100%;
}
.banner__list--item-content:not(.show__content--image-below) {
  position: absolute;
  z-index: 5;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  top: 2rem;
}

@media only screen and (min-width: 750px) {
  .banner__list--content-position--medium:not(.show__content--image-below) {
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
    top: 3rem;
  }
  .banner__list--content-position--large:not(.show__content--image-below) {
    bottom: 4rem;
    left: 4rem;
    right: 4rem;
    top: 4rem;
  }
  .banner__list--content-position--extra-large:not(
      .show__content--image-below
    ) {
    bottom: 5rem;
    left: 5rem;
    right: 5rem;
    top: 5rem;
  }
}
.banner__list--item-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.banner__list--item-content-inner > * {
  align-self: var(--content-align-self);
}
.banner__list--item-overlay {
  position: relative;
  overflow: hidden;
}
.banner--list-text {
  color: rgba(var(--color-foreground), 0.75);
}
.show__content--image-below .banner__list--item-content-inner {
  margin-top: 2rem;
  width: 100%;
}
.banner__list--media.rounded--image {
  overflow: hidden;
}
.banner__list--media.media::before,
.banner__list--media.placeholder::before {
  position: absolute;
  content: "";
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: var(--banner-list-media-overlay-opacity, 0.3);
}
.banner__list--item-content:not(.show__content--image-below)
  .banner--list-text {
  color: rgba(var(--color-foreground));
}
.banner__list--media.placeholder > svg.placeholder-svg {
  max-width: 38rem;
}
.banner__list--media.media > img {
  transition: all 0.7s ease 0s;
}
.banner__list--item:hover .banner__list--media.media > img {
  transform: scale(1.05);
}
.banner__heading--space {
  margin-bottom: 1rem;
}
.banner__list--item-content-inner .link.with--icon {
  text-decoration: underline;
  padding: 0;
}
@media only screen and (max-width: 749px) {
  .media > .banner--card-desktop-image {
    display: none;
  }
}
.banner__list--media {
  pointer-events: none;
}
.banner__list--item-content-inner button.link {
  padding: 0;
}
/* END_SNIPPET:banner-list-styles */

/* START_SNIPPET:before-after-image-styles (INDEX:123) */
.image-comparison--media--adapt.placeholder {
  height: 35rem;
}
.image--comparison-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}
.image--comparison__after {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  clip-path: inset(0px 0px 0px var(--percent));
}
.image-comparison__button {
  position: absolute;
  z-index: 2;
  color: inherit;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  top: 0;
  left: var(--percent);
  width: 2.8rem;
  height: 100%;
  margin-left: -1.4rem;
  cursor: col-resize;
  transition: unset;
}
.image-comparison__button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  margin-left: -2.5rem;
  margin-top: -2.4rem;
  border-radius: 4rem;
  background-color: rgba(var(--color-background));
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0.5rem 0.15rem rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground));
  gap: 1rem;
}
.image-comparison__button .icon {
  height: 1.6rem;
  width: auto;
}
.image-comparison__button span svg {
  width: 1rem;
}
.image-comparison__button:before,
.image-comparison__button:after {
  content: "";
  position: absolute;
  background-color: rgba(var(--color-background));
  pointer-events: none;
}
.image-comparison__button:before {
  top: 0;
  margin-top: -2rem;
  width: 0.3rem;
  height: 50%;
  left: 50%;
  margin-left: -0.15rem;
}
.image-comparison__button:after {
  bottom: 0;
  margin-bottom: -2rem;
  width: 0.3rem;
  height: 50%;
  left: 50%;
  margin-left: -0.15rem;
}
.image-comparison--media--small {
  height: 28rem;
}
.image-comparison--media--medium {
  height: 35rem;
}
.image-comparison--media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) {
  .image-comparison--media--small {
    height: 31.4rem;
  }
  .image-comparison--media--medium {
    height: 50rem;
  }
  .image-comparison--media--large {
    height: 69.5rem;
  }
  .image-comparison--media--adapt.placeholder {
    height: 60rem;
  }
}
.image--comparison__after .media {
  height: 100%;
}
html[dir="rtl"] .image-comparison__button span svg {
  transform: rotate(-180deg);
}
/* END_SNIPPET:before-after-image-styles */

/* START_SNIPPET:breadcrumb-nav-styles (INDEX:124) */
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs__item + .breadcrumbs__item {
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.breadcrumbs__item + .breadcrumbs__item::before {
  position: absolute;
  content: "/";
  left: -4px;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
  text-underline-offset: 0.1rem;
}
/* END_SNIPPET:breadcrumb-nav-styles */

/* START_SNIPPET:breadcrumbs-rtl-styles (INDEX:126) */
/*
  Source: assets/breadcrumbs-rtl.css
*/
html[dir="rtl"] {
  .breadcrumbs__item + .breadcrumbs__item {
    margin-left: 0;
    padding-left: 0;
    margin-right: 15px;
    padding-right: 15px;
  }
  .breadcrumbs__item + .breadcrumbs__item::before {
    left: auto;
    right: -4px;
  }
}
/* END_SNIPPET:breadcrumbs-rtl-styles */

/* START_SNIPPET:breadcrumbs-styles (INDEX:127) */
.breadcrumbs.color-background-3 {
  background: rgba(var(--color-background), 0.1);
}
.breadcrumbs__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs__item {
  display: inline-block;
}

.breadcrumbs__link {
  text-decoration: underline;
}

.breadcrumbs__link[aria-current="page"] {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
}

.breadcrumbs__link[aria-current="page"]:hover,
.breadcrumbs__link[aria-current="page"]:focus {
  text-decoration: underline;
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
  text-underline-offset: 0.1rem;
}
.breadcrumbs__item + .breadcrumbs__item {
  margin-left: 15px;
  padding-left: 15px;
  position: relative;
}
.breadcrumbs__item + .breadcrumbs__item::before {
  position: absolute;
  content: "/";
  left: -4px;
}
.breadcrumbs__item {
  font-size: 1.4rem;
}
/* END_SNIPPET:breadcrumbs-styles */

/* START_SNIPPET:button (INDEX:128) */
.hc-content-area .button,
  .custom-section-content .button,
  .hc-content-area .link,
  .custom-section-content .link {
    width: var(--button-width, fit-content);
    text-align: center;
    white-space: nowrap;
    padding-inline: 2.2rem;
  }

  @media screen and (max-width: 749px) {
    .hc-content-area .button,
    .custom-section-content .button,
    .hc-content-area .link,
    .custom-section-content .link {
      width: var(--button-width-mobile, var(--button-width, fit-content));
    }
  }
/* END_SNIPPET:button */

/* START_SNIPPET:collage-styles (INDEX:143) */
/* Source: assets/collage.css */
.collage-wrapper-title {
  margin-top: 0;
  margin-bottom: 3rem;
}
.heading--text {
  margin-bottom: 1rem;
  display: block;
}
.collage--wrapper {
  display: grid;
}
.collage__item > * {
  width: 100%;
}
.collage__item .card__content {
  flex-grow: initial;
}
@media screen and (max-width: 749px) {
  .collage--wrapper {
    grid-column-gap: var(--grid-mobile-horizontal-spacing);
    grid-row-gap: var(--grid-mobile-vertical-spacing);
  }
  .collage--mobile {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2) {
    grid-column: span 2;
  }

  .collage--mobile .collage__item--left:nth-child(3n - 2):nth-last-child(2) {
    grid-column: span 1;
  }

  .collage--mobile .collage__item--left:nth-child(3n) {
    grid-column-start: 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2) {
    grid-column-start: 1;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 2):last-child {
    grid-column: span 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n - 1) {
    grid-column-start: 2;
  }

  .collage--mobile .collage__item--right:nth-child(3n) {
    grid-column: 1 / span 2;
  }
}

@media screen and (min-width: 750px) {
  .collage--wrapper {
    grid-auto-flow: column;
    grid-column-gap: var(--grid-desktop-horizontal-spacing);
    grid-row-gap: var(--grid-desktop-vertical-spacing);
  }
  .collage--wrapper.collage--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .collage--wrapper.collage--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .collage__item--left:nth-child(1) {
    grid-column: 1 / span 2;
    grid-row: span 2;
  }

  .collage--columns-3 .collage__item--right:nth-child(3n) {
    grid-column: 2 / span 2;
    grid-row: span 2;
  }
  .collage--columns-4 .collage__item--left:nth-child(3n - 1) {
    grid-column-start: 3;
    grid-row: span 2;
  }

  .collage--columns-3 .collage__item--left:nth-child(3n - 1),
  .collage--columns-3 .collage__item--left:nth-child(3n) {
    grid-column-start: 3;
  }

  .collage--columns-4 .collage__item--right:nth-child(4n) {
    grid-column: 3 / span 2;
    grid-row: span 2;
  }
  .collage--columns-4 .collage__item--right:nth-child(3n) {
    grid-column-start: 2;
    grid-row: span 2;
  }
}
.collage-card {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.collage-card.gradient {
  transform: perspective(0);
}
.collage-card .media {
  height: 100%;
  overflow: hidden;
}
.collage-card .deferred-media {
  height: 100%;
  overflow: visible;
}
.collage-card__link {
  display: block;
  height: 100%;
}
.collage-card .deferred-media__poster {
  background-color: transparent;
  border: 0;
}
.collage-card .deferred-media__poster:after {
  content: "";
  position: absolute;
  z-index: 1;
  outline-offset: 0.3rem;
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  top: calc(var(--border-width) * -1);
}

.collage-card .deferred-media__poster:focus:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.collage-card .deferred-media__poster:focus:not(:focus-visible),
.collage-card .deferred-media__poster:focus:not(:focus-visible):after {
  outline: none;
  box-shadow: none;
}

.collage-card .deferred-media__poster:focus {
  outline: none;
  box-shadow: none;
}
@media only screen and (min-width: 750px) {
  .banner--content-padding--medium {
    padding: 4rem;
  }

  .banner--content-padding--small {
    padding: 2rem;
  }

  .banner--content-padding--large {
    padding: 5rem;
  }
}

.collage__banner--subheading.background__pading {
  padding: 0.5rem 1.5rem;
}
@media only screen and (min-width: 992px) {
  .collage__banner--subheading-spacing-large {
    margin-bottom: 6rem;
  }
  .collage__banner--subheading-spacing-medium {
    margin-bottom: 4rem;
  }
  .banner__list--item-content-inner.collage--banner-content {
    gap: 1.5rem;
  }
}
@media only screen and (max-width: 749px) {
  .collage__banner--subheading {
    margin-bottom: 0;
  }
}
.text--with-btn-icon > svg {
  max-width: 2rem;
  min-width: 2rem;
}
.text--with-btn-icon {
  display: inline-flex !important;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.collage--collection-card-text {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  top: 1.5rem;
  display: flex;
}
.collage__collection--card-inner {
  display: flex;
  flex-direction: column;
}
.collection--title-wrapper {
  margin-top: auto;
}
@media only screen and (min-width: 1440px) {
  .collage--collection-card-text {
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
    top: 3rem;
  }
}
@media only screen and (min-width: 750px) {
  .collage__collection--padding-small {
    padding: 1rem;
  }
  .collage__collection--padding-medium {
    padding: 2rem;
  }
  .collage__collection--padding-large {
    padding: 3rem;
  }
}
.collage__product--price-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 749px) {
  .collage__product--price-rating .product-grid-item__price {
    font-size: 1.6rem;
  }
}
.collection--list-slider,
.collection--card-wrapper {
  position: relative;
  height: 100%;
}
.collage-card .collection__card {
  height: 100%;
}
.collage--product-card-timer .product--card__countdown {
  margin-bottom: 0;
  margin-top: 2rem;
}
.collage--product-card-timer .product--card__countdown.timer--box-no-radius {
  border-radius: 0;
}
.collage--product-card-timer .product--card__countdown {
  margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
  .collage--product-card-timer .product--card__countdown {
    padding: 1.5rem 0;
  }
}
.collage--banner-card .media::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: var(--collage-banner-media-overlay-opacity);
}
.collage__product--price-rating .price.product-grid-item__price:only-child {
  flex-grow: 1;
}

/* Source: assets/banner-list.css */
.banner__list--media.media--adapt.placeholder {
  padding-bottom: 100%;
}
.banner__list--item-content:not(.show__content--image-below) {
  position: absolute;
  z-index: 5;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
  top: 2rem;
}

@media only screen and (min-width: 750px) {
  .banner__list--content-position--medium:not(.show__content--image-below) {
    bottom: 3rem;
    left: 3rem;
    right: 3rem;
    top: 3rem;
  }
  .banner__list--content-position--large:not(.show__content--image-below) {
    bottom: 4rem;
    left: 4rem;
    right: 4rem;
    top: 4rem;
  }
  .banner__list--content-position--extra-large:not(
      .show__content--image-below
    ) {
    bottom: 5rem;
    left: 5rem;
    right: 5rem;
    top: 5rem;
  }
}
.banner__list--item-content-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.banner__list--item-content-inner > * {
  align-self: var(--content-align-self);
}
.banner__list--item-overlay {
  position: relative;
  overflow: hidden;
}
.banner--list-text {
  color: rgba(var(--color-foreground), 0.75);
}
.show__content--image-below .banner__list--item-content-inner {
  margin-top: 2rem;
  width: 100%;
}
.banner__list--media.rounded--image {
  overflow: hidden;
}
.banner__list--media.media::before,
.banner__list--media.placeholder::before {
  position: absolute;
  content: "";
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: var(--banner-list-media-overlay-opacity, 0.3);
}
.banner__list--item-content:not(.show__content--image-below)
  .banner--list-text {
  color: rgba(var(--color-foreground));
}
.banner__list--media.placeholder > svg.placeholder-svg {
  max-width: 38rem;
}
.banner__list--media.media > img {
  transition: all 0.7s ease 0s;
}
.banner__list--item:hover .banner__list--media.media > img {
  transform: scale(1.05);
}
.banner__heading--space {
  margin-bottom: 1rem;
}
.banner__list--item-content-inner .link.with--icon {
  text-decoration: underline;
  padding: 0;
}
@media only screen and (max-width: 749px) {
  .media > .banner--card-desktop-image {
    display: none;
  }
}
.banner__list--media {
  pointer-events: none;
}
.banner__list--item-content-inner button.link {
  padding: 0;
}

/* Source: assets/section-collection-list.css */
.collection-list-title {
  margin: 0;
}
.collection__card {
  position: relative;
  display: block;
}
span.link__hover_arrow_inner {
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  display: inline-flex;
  padding: 10px 20px;
  border-radius: 30px;
}
.collection__card_text.full--center {
  top: 50%;
  transform: translate(-50%);
  left: 50%;
}
h5.collection__title {
  padding-right: 10px;
  text-align: center;
}
.collection__product_count {
  flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
  .collection__title {
    font-size: 1.6rem;
  }
}
.column__five--design h5.collection__title {
  font-size: 1.6rem;
}
.collection__card_text.placeholder__position {
  bottom: 3rem;
}
.collection__card_text:not(.collection--content-absolute) {
  margin-top: 2.5rem;
}
.collection__card_text {
  text-align: center;
}
h3.collection__title {
  font-weight: 400;
}
.collection--rounded-media {
  border-radius: var(--rounded-image, 1rem);
  background: transparent;
}
.collection--list-slider {
  position: relative;
}
.collection--card-wrapper {
  position: relative;
}
.collection--content-absolute:not(.collection--normal-on-mobile) {
  position: absolute;
  z-index: 9;
  left: 1rem;
  bottom: 3rem;
  right: 1rem;
}
.collection__card_text > button {
  box-shadow: 0 0 3rem -0.2rem rgba(var(--color-button-text), 0.05);
}
.collection__card_text > button:hover {
  box-shadow: 0 0 3rem 0.2rem rgba(var(--color-button-text), 0.1);
}
@media only screen and (min-width: 750px) {
  .collection--content-absolute.collection--normal-on-mobile {
    position: absolute;
    z-index: 9;
    left: 1rem;
    bottom: 3rem;
    right: 1rem;
  }
}
@media only screen and (max-width: 749px) {
  .collection__card_text.collection--normal-on-mobile {
    margin-top: 2rem;
  }
  .collection-list.productSlider {
    padding-bottom: 2rem;
  }
}
.collection--card-wrapper .media > img {
  transition: all 0.7s ease 0s;
}

.collection--card-wrapper .media:hover > img {
  transform: scale(1.05);
}
.collection-list.swiper
  .collection__card_text:not(.collection--content-absolute)
  button.button {
  margin-bottom: 2.2rem;
}
.collection__title > svg {
  margin-left: 1.5rem;
  width: 2.2rem;
}
.collection--card-button > svg {
  width: 2.2rem;
}
.collection__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.collection--card-button.button {
  flex-wrap: wrap;
}
@media only screen and (max-width: 749px) {
  .collection--card-button.button {
    padding: 0.5rem 1rem !important;
  }
  .collection--card-button.button {
    gap: 0.5rem;
  }
}
@media only screen and (min-width: 750px) {
  .collection--card-button.button {
    gap: 1.2rem;
  }
}
.media>.collage__card--video-play-btn.deferred--video-media__poster-button {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
}
/* END_SNIPPET:collage-styles */

/* START_SNIPPET:collection-links-spotlight-styles (INDEX:145) */
/* ── Layout ── */
collection-links-spotlight {
  display: block;
}
.collection-links-spotlight__inner {
  display: flex;
  align-items: stretch;
  gap: 3rem;
}
@media screen and (min-width: 990px) {
  .collection-links-spotlight__inner { gap: 5rem; }
}
@media screen and (min-width: 1200px) {
  .collection-links-spotlight__inner { gap: 10rem; }
}
@media screen and (min-width: 1400px) {
  .collection-links-spotlight__inner { gap: 14rem; }
}
.collection-links-spotlight__inner--image-left {
  flex-direction: row-reverse;
}
.collection-links-spotlight__items-column {
  flex: 0 0 44%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
.collection-links-spotlight__media-panel {
  flex: 1;
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
  background: rgba(var(--color-foreground), 0.06);
  min-height: 40rem;
}
.collection-links-spotlight__media-panel--adapt  { min-height: 0; }
.collection-links-spotlight__media-panel--small  { min-height: 40rem; }
.collection-links-spotlight__media-panel--medium { min-height: 52rem; }
.collection-links-spotlight__media-panel--large  { min-height: 62rem; }
@media screen and (min-width: 750px) {
  .collection-links-spotlight__media-panel--small  { min-height: 52rem; }
  .collection-links-spotlight__media-panel--medium { min-height: 68rem; }
  .collection-links-spotlight__media-panel--large  { min-height: 82rem; }
}

/* ── Images ── */
.collection-links-spotlight__media {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.collection-links-spotlight__media.is-active {
  opacity: 1;
}
.collection-links-spotlight__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.collection-links-spotlight__media .placeholder {
  width: 100%;
  height: 100%;
  display: block;
}

/* ── Items ── */
.collection-links-spotlight__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.8rem;
  padding: 2rem 0rem;
  cursor: pointer;
  transition: background 0.25s ease, padding-left 0.18s ease;
}



/* ── Icon wrap ── */
.collection-links-spotlight__icon-wrap {
  flex-shrink: 0;
  width: 5.6rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-foreground), 0.06);
  border-radius: 1rem;
  overflow: hidden;
  color: var(--item-icon-color, rgba(var(--color-foreground), 0.7));
  transition: background 0.25s ease, color 0.25s ease;
}
.collection-links-spotlight__icon-wrap svg {
  width: 3rem;
  height: 3rem;
  display: block;
  flex-shrink: 0;
}
.collection-links-spotlight__icon-wrap img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  display: block;
}
.collection-links-spotlight__icon-placeholder {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.4rem;
}

/* ── Text content ── */
.collection-links-spotlight__item-content {
  flex: 1;
  min-width: 0;
  padding-top: 0.4rem;
}
.collection-links-spotlight__item-heading {
  font-size: 1.7rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
  color: rgb(var(--color-foreground));
  transition: color 0.25s ease;
  line-height: 1.3;
}
.collection-links-spotlight__item-description {
  font-size: 1.4rem;
  color: rgba(var(--color-foreground), 0.6);
  margin: 0;
  line-height: 1.55;
}

/* ── Active / hover states ── */
.collection-links-spotlight__item.is-active,
.collection-links-spotlight__item:hover {
  padding-left: 1.5rem;
}
.collection-links-spotlight__item.is-active .collection-links-spotlight__item-heading,
.collection-links-spotlight__item:hover .collection-links-spotlight__item-heading {
  color: rgb(var(--color-button));
}
.collection-links-spotlight__item.is-active .collection-links-spotlight__icon-wrap,
.collection-links-spotlight__item:hover .collection-links-spotlight__icon-wrap {
  background: rgba(var(--color-button), 0.08);
  color: var(--item-icon-color, rgb(var(--color-button)));
}
/* ── Link reset when item is an <a> tag ── */
a.collection-links-spotlight__item {
  text-decoration: none;
  color: inherit;
}

/* ── Mobile ── */
@media screen and (max-width: 989px) {
  .collection-links-spotlight__inner,
  .collection-links-spotlight__inner--image-left {
    flex-direction: column;
  }
  .collection-links-spotlight__media-panel {
    order: -1;
    border-radius: 1.4rem;
  }
  .collection-links-spotlight__media-panel--small  { min-height: 28rem; }
  .collection-links-spotlight__media-panel--medium { min-height: 36rem; }
  .collection-links-spotlight__media-panel--large  { min-height: 45rem; }
  .collection-links-spotlight__items-column {
    flex: none;
  }
}
/* END_SNIPPET:collection-links-spotlight-styles */

/* START_SNIPPET:collection-list-styles (INDEX:146) */
.collection-list-title {
  margin: 0;
}
.collection__card {
  position: relative;
  display: block;
}
span.link__hover_arrow_inner {
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground));
  display: inline-flex;
  padding: 10px 20px;
  border-radius: 30px;
}
.collection__card_text.full--center {
  top: 50%;
  transform: translate(-50%);
  left: 50%;
}
h5.collection__title {
  padding-right: 10px;
  text-align: center;
}
.collection__product_count {
  flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
  .collection__title {
    font-size: 1.6rem;
  }
}
.column__five--design h5.collection__title {
  font-size: 1.6rem;
}
.collection__card_text.placeholder__position {
  bottom: 3rem;
}
.collection__card_text:not(.collection--content-absolute) {
  margin-top: 2.5rem;
}
.collection__card_text {
  text-align: center;
}
h3.collection__title {
  font-weight: 400;
}
.collection--rounded-media {
  border-radius: var(--rounded-image, 1rem);
  background: transparent;
}
.collection--list-slider {
  position: relative;
}
.collection--card-wrapper {
  position: relative;
}
.collection--content-absolute:not(.collection--normal-on-mobile) {
  position: absolute;
  z-index: 9;
  left: 1rem;
  bottom: 3rem;
  right: 1rem;
}
.collection__card_text > button {
  box-shadow: 0 0 3rem -0.2rem rgba(var(--color-button-text), 0.05);
}
.collection__card_text > button:hover {
  box-shadow: 0 0 3rem 0.2rem rgba(var(--color-button-text), 0.1);
}
@media only screen and (min-width: 750px) {
  .collection--content-absolute.collection--normal-on-mobile {
    position: absolute;
    z-index: 9;
    left: 1rem;
    bottom: 3rem;
    right: 1rem;
  }
}
@media only screen and (max-width: 749px) {
  .collection__card_text.collection--normal-on-mobile {
    margin-top: 2rem;
  }
  .collection-list.productSlider {
    padding-bottom: 2rem;
  }
}
.collection--card-wrapper .media > img {
  transition: all 0.7s ease 0s;
}

.collection--card-wrapper .media:hover > img {
  transform: scale(1.05);
}
.collection-list.swiper
  .collection__card_text:not(.collection--content-absolute)
  button.button {
  margin-bottom: 2.2rem;
}
.collection__title > svg {
  margin-left: 1.5rem;
  width: 2.2rem;
}
.collection--card-button > svg {
  width: 2.2rem;
}
.collection__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.collection--card-button.button {
  flex-wrap: wrap;
}
@media only screen and (max-width: 749px) {
  .collection--card-button.button {
    padding: 0.5rem 1rem !important;
  }
  .collection--card-button.button {
    gap: 0.5rem;
  }
}
@media only screen and (min-width: 750px) {
  .collection--card-button.button {
    gap: 1.2rem;
  }
}

.product__slider--button:after {
  display: none;
}
.product__slider--button {
  background: rgba(var(--color-background), 0);
  color: rgba(var(--color-foreground), 0.9);
  padding: 0;
  transition: var(--transition);
  position: unset;
  left: unset;
  right: unset;
  margin: 0;
}
.product__slider--button:not(.button--no_border) {
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.7);
  flex-shrink: 0;
}
.product__slider--button.button--round {
  border-radius: var(--slider-button-radius, 50%);
}
.product__slider--button.button--sqaure {
  border-radius: 0;
}
.slider--controls--button:not(.slideshow--slider) {
  gap: 2rem;
  @media only screen and (max-width: 749px) {
    gap: 1.2rem;
  }
}
.product__slider--button:not(.button--no_border):hover,
.product__slider--button:not(.button--no_border):focus-visible {
  background: var(--slider-button-background);
  border-color: var(--slider-button-background);
  color: var(--slider-button-color);
  box-shadow: 0 0.4rem 0.4rem rgba(var(--color-foreground), 0.2);
}
.productSlider.swiper:not(.swiper-initialized) .swiper-wrapper {
  gap: 2rem;
}
@media only screen and (min-width: 992px) {
  [data-show-extra-large="4"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(25% - 1rem);
  }
  [data-show-extra-large="5"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(20% - 1rem);
  }
  [data-show-extra-large="3"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(33.33% - 1rem);
  }
  [data-show-extra-large="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  [data-show-tablet="3"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(33.33% - 1rem);
  }
  [data-show-tablet="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 750px) {
  .slider--navgaition-button-absolute .product__slider--button {
    top: var(--slider-navigation-top-offset, 50%);
    margin-top: -2.5rem;
    position: absolute;
    z-index: 10;
  }
  .slider--navgaition-button-absolute
    .swiper-button-prev.product__slider--button {
    left: 0;
  }
  .slider--navgaition-button-absolute
    .swiper-button-next.product__slider--button {
    right: 0;
  }
  .testimonial--slider.slider--navgaition-button-absolute
    .product__slider--button {
    top: calc(var(--slider-navigation-top-offset, 50%) + 5rem);
  }
  .slider__heading--wrapper {
    gap: 2rem;
  }
  .product__slider--button:not(.button--no_border).navigation--icon-long_arrow
    > svg {
    width: 3.2rem;
  }
}
@media only screen and (max-width: 749px) {
  .slider__heading--wrapper.d-flex {
    flex-direction: column;
    align-items: center;
  }
  .product__slider--button:not(.button--no_border) {
    width: 4.5rem;
    height: 4.5rem;
  }
  .product__slider--button:not(.button--no_border):not(
      .navigation--icon-long_arrow
    ):not(.navigation--icon-small_arrow)
    > svg {
    max-width: 0.8rem;
  }
  .product__slider--button:not(.button--no_border):is(
      .navigation--icon-long_arrow
    )
    > svg {
    max-width: 2.2rem;
  }
  .slider--controls--button:not(.slider--navgaition-button-absolute):not(
      .navigation--button-no-space
    ) {
    margin-top: 2.5rem;
  }
  [data-show-mobile="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
  .slider--controls--button.slider--navgaition-button-absolute {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .slider--controls--button.slider--navgaition-button-absolute:not(
      .testimonial--slider
    ) {
    margin-top: 3rem;
  }
  .slider--controls--button.slider--navgaition-button-absolute
    .swiper-pagination.product__slider--pagination {
    width: auto;
  }
  .mobile-text-center + .section--top-navigation-with-button,
  .mobile-text-center + .slider--controls--button {
    justify-content: center;
  }
  .section--top-navigation-with-button .view--all-button-wrapper {
    order: -1;
  }
  .section--top-navigation-with-button {
    gap: 2rem;
    flex-wrap: wrap;
  }
}
.productSlider .swiper-wrapper {
  box-sizing: border-box;
}
html[dir="rtl"] .product__slider--button > svg {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 750px) {
  html[dir="rtl"]
    .slider--navgaition-button-absolute
    .swiper-button-next.product__slider--button {
    right: auto;
    left: 0;
  }
  html[dir="rtl"]
    .slider--navgaition-button-absolute
    .swiper-button-prev.product__slider--button {
    left: auto;
    right: 0;
  }
}
.product__slider--button.button--no_border {
  width: auto;
  height: auto;
  padding: 0.5rem;
}
.product__slider--button.navigation--icon-long_arrow.button--no_border > svg {
  opacity: 0.5;
  width: 4rem;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.product__slider--button.navigation--icon-long_arrow.button--no_border:hover
  > svg {
  transform: scaleX(1.1);
  opacity: 1;
}
html[dir="rtl"]
  .product__slider--button.navigation--icon-long_arrow.button--no_border:hover
  > svg {
  transform: rotate(-180deg) scaleX(1.1);
}
.slider--controls--button:not(
    .slideshow--slider
  ).navigation--button-controls-no_border {
  gap: 1rem;
}
.swiper-pagination.product__slider--pagination.pagination--progressbar,
.swiper-pagination.product__slider--pagination.pagination--progressbar.swiper-pagination-progressbar {
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-theme-color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.15);
  border-radius: 1rem;
  height: 0.2rem;
  &.nav-button-with-progressbar {
    width: 40%;
  }
}

.pagination--progressbar:not(.nav-button-with-progressbar) {
  margin-top: 6rem;
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
.swiper-pagination.product__slider--pagination.pagination--progressbar .swiper-pagination-progressbar-fill {
  background: rgb(var(--color-foreground)) !important;
}
.swiper-pagination.pagination--section-bottom {
  margin-top: 5rem;
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
.section--top-navigation-with-button {
  gap: 2rem;
  @media only screen and (min-width: 750px) {
    gap: 3rem;
  }
}
.section-heading + .section--top-navigation-with-button {
  @media only screen and (max-width: 749px) {
    margin-top: 1rem;
  }
}
.section-heading:has(.section-heading__sub_title)
  + .section--top-navigation-with-button {
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
.section-heading:has(.section-heading__sub_title) + .view--all-button-wrapper {
  @media only screen and (max-width: 749px) {
    margin-top: 2.5rem;
  }
}
.slideshow-controls-bottom-margin {
  margin-top: 3rem;
  @media only screen and (min-width: 750px) {
    margin-top: 5rem;
  }
}
.slider--pagination-width-auto .swiper-pagination.product__slider--pagination {
  width: auto;
}
.navigation--icon-small_arrow > svg {
  width: 2.8rem;
}
.product__slider--button.navigation--icon-small_arrow:not(.button--no_border)
  > svg {
  @media only screen and (max-width: 749px) {
    width: 2rem;
  }
}
.swiper-pagination.product__slider--pagination {
  position: unset;
}
/* END_SNIPPET:collection-list-styles */

/* START_SNIPPET:collection-load-more-styles (INDEX:147) */
.collection-load-more {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

/* Infinite scroll loads on its own, so the button is only a fallback for
   browsers without IntersectionObserver. The JS adds this class once the
   observer is running. */
.collection-load-more--auto .collection-load-more__button {
  display: none;
}

.collection-load-more__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 180px;
}

.collection-load-more__button[aria-busy='true'] {
  cursor: wait;
}

.collection-load-more__spinner {
  display: none;
  width: 18px;
  height: 18px;
}

.collection-load-more__spinner .spinner {
  width: 100%;
  height: 100%;
}

.collection-load-more__button[aria-busy='true'] .collection-load-more__spinner {
  display: block;
}

/* Numbered pagination stays in the markup for crawlers and for visitors
   without JavaScript; hide it as soon as the JS-driven control takes over. */
html.js .collection-pagination--no-js {
  display: none;
}
/* END_SNIPPET:collection-load-more-styles */

/* START_SNIPPET:collection-tabs-banner-styles (INDEX:149) */
/* Collection Tabs with Banner Section Styles */
.collection-tabs-banner-section {
  background: rgba(var(--color-background));
  position: relative;
  overflow: hidden;
}

/* Main wrapper - 2 column layout */
.collection-tabs-banner-wrapper {
  display: block;
  width: 100%;
}
.collection-tabs-banner-wrapper .row {
  align-items: stretch;
}
/* Left Column - Collapsible Tabs */
.collection-tabs-accordion {
  position: relative;
  height: 100%;
}

.collection-tab-item {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.collection-tab-item:last-child {
  border-bottom: none;
}

.collection-tab-details {
  width: 100%;
}

.collection-tab-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 0;
  cursor: pointer;
  list-style: none;
  transition: all 0.3s ease;
  font-weight: 500;
  position: relative;
  flex-direction: column;
  gap: 0.5rem;
}

.collection-tab-summary .summary-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Progress bar for autoplay */
.tab-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: rgba(var(--color-foreground),.08);
    border-radius: 1.5px;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1;
    margin-bottom: -0.1rem;
}

.collection-tab-details[open] .tab-progress-bar {
  opacity: 1;
}

.tab-progress-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(var(--color-foreground), 0.6), rgba(var(--color-foreground), 0.9));
  border-radius: 1.5px;
  transition: width linear;
  transform-origin: left center;
}

/* Tab hover effects based on toggle type */
.collection-tabs-banner-component[data-tab-toggle-type="hover"] .collection-tab-summary {
  transition: all 0.2s ease;
}

/* .collection-tabs-banner-component[data-tab-toggle-type="hover"] .collection-tab-summary:hover {
  background: rgba(var(--color-foreground), 0.03);
  transform: translateX(0.5rem);
} */

.collection-tabs-banner-component[data-tab-toggle-type="hover"] .collection-tab-summary:hover .accordion__title {
  color: rgba(var(--color-foreground), 0.9);
}

/* Click mode keeps original behavior */
.collection-tabs-banner-component[data-tab-toggle-type="click"] .collection-tab-summary:hover {
  color: rgba(var(--color-foreground), 0.75);
}

/* Hide progress bar on hover - more prominent */
.collection-tabs-banner-component:hover .tab-progress-bar {
  opacity: 0.2;
  transition: opacity 0.2s ease;
}

.collection-tabs-banner-component:not(:hover) .tab-progress-bar {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.collection-tab-summary:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.collection-tab-summary::-webkit-details-marker {
  display: none;
}

.collection-tab-summary::marker {
  display: none;
}

.summary__title {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

.accordion__title {
  margin: 0;
}

.collection-tab-summary .icon-caret {
  transition: transform 0.3s ease;
}

.collection-tab-details[open] .collection-tab-summary .icon-caret {
  transform: rotate(-180deg);
}

.collection-tabs-banner-accordion-content {
  padding-bottom: 2rem;
  animation: slideDown 0.3s ease;
  position: relative;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.collection-tab-description {
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}
.collection-tabs--product-card .product-grid-item__title {
    margin-bottom: 0.7rem;
}

/* Products Grid - Minimal Swiper Integration */
.collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 2rem;
}

@media only screen and (min-width: 992px){
  [data-products-show-xl="2"] .collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(50% - 1.1rem);
  }
  [data-products-show-xl="3"] .collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(33% - 1.1rem);
  }
  [data-products-show-xl="4"] .collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(25% - 0.9em);
  }  
}
@media only screen and (min-width: 750px) and (max-width: 991px){
  [data-products-show-sm="2"] .collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(50% - 1.1rem);
  } 
}
@media only screen and (max-width: 749px){
  .collection-banner-products-slider.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    width: calc(50% - 1.1rem);
  } 
}
.collection-products-grid {
  margin-top: 1rem;
}

.collection-banner-products-slider .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.collection--tab-slider-nav::after {
  display: none;
}
.collection-tabs-banner-section .collection-banner-products-slider .collection--tab-slider-nav {
    background: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    z-index: 1;
    border-radius: var(--slider-button-radius, 2rem);
    box-shadow: 0 0 1rem rgba(var(--color-foreground),.1);
    top: var(--slider-navigation-top-offset, 50%);
    margin-top: -1.5rem;
    transition: var(--transition);
    @media only screen and (min-width: 750px){
      opacity: 0 !important;
    }
}

.collection-tabs-banner-section .collection-banner-products-slider .collection--tab-slider-nav:hover {
    background: rgba(var(--color-foreground));
    color: rgba(var(--color-background));
}

.collection-tabs-banner-section .collection-banner-products-slider .collection--tab-slider-nav svg,
.collection-tabs-banner-section .collection-banner-products-slider .collection--tab-slider-nav svg path {
  fill: currentColor;
}
.collection--tab-slider-nav.button--rectangle{
  height: 3rem;
  width: 5rem;
}
.collection--tab-slider-nav.button--square{
  height: 4rem;
  width: 4rem;
}
.collection--tab-slider-nav:not(.icon--small_arrow) > svg {
    width: 1.5rem;
}
.collection--tab-slider-nav.icon--small_arrow > svg {
    width: 2rem;
}
.swiper-button-prev.collection--tab-slider-nav {
    inset-inline-start: 0;
}
.swiper-button-next.collection--tab-slider-nav {
    inset-inline-end: 0;
}
.collection-banner-products-slider:hover .collection--tab-slider-nav {
    opacity: 1 !important;
}
.collection-banner-products-slider:hover .collection--tab-slider-nav.swiper-button-disabled {
    opacity: 0.35 !important;
}


/* Product cards styling */
.collection-tab-product-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Product placeholder styles */

.product-placeholder-image {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--color-foreground), 0.06);
  border-radius: var(--rounded-image, 0.6rem);
  margin-bottom: 1.5rem;
  min-height: 180px;
}

.product-placeholder-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-placeholder-price {
  font-size: 1.6rem;
  font-weight: 600;
}

/* Right Column - Collection Banner */
.collection-banner-wrapper {
  position: relative;
  height: 100%;
  min-height: 40rem;
}

.collection-banner-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  border-radius: var(--banner-media-radius, 1.2rem);
  overflow: hidden;
}

.collection-banner-item.active {
  opacity: 1;
  visibility: visible;
}
.collection-banner-img {
  object-fit: cover;
}
.collection-banner-image.banner_image_ratio {
    height: 100%;
}
.collection-banner-item:hover .collection-banner-img {
  transform: scale(1.05);
}

.collection-banner-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.2rem;
  min-height: 400px;
  position: relative;
}

.collection-banner-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3rem 2rem;
  background-color: transparent;
  text-align: center;
  transform: translateY(2rem);
  opacity: 0;
  transition: all 0.5s ease 0.2s;
}
.media > .collection-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.collection-banner-item.active .collection-banner-content {
  transform: translateY(0);
  opacity: 1;
}

.collection-banner-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.collection-banner-description {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  opacity: 0.9;
}

.collection-banner-content .button:disabled {
  color: rgba(var(--color-foreground), 0.6);
  cursor: not-allowed;
  transform: none;
}
.collection-banner-title + .collection--banner-link {
    margin-top: 1rem;
}

/* Mobile Styles */
@media screen and (max-width: 749px) {
  .collection-tabs-banner-wrapper .row {
    flex-direction: column;
  }
  
  .collection-banner-wrapper {
    min-height: 350px;
    margin-top: 3rem;
  }
  
  .collection-tab-summary {
    padding: 1.2rem 0;
  }
  
  .accordion__title {
    font-size: 1.6rem;
  }
  
  .collection-banner-title {
    font-size: 2rem;
  }
  
  .collection-banner-content {
    padding: 2rem 1.5rem;
  }
  
  .collection-banner-placeholder {
    min-height: 300px;
  }
  
  .collection-banner-placeholder::after {
    font-size: 1rem;
    bottom: 1rem;
  }
}

/* Tablet Styles */
@media screen and (min-width: 750px) and (max-width: 991px) {
  .collection-banner-wrapper {
    min-height: 450px;
  }
  
  .collection-banner-title {
    font-size: 2.2rem;
  }
}

/* Large Desktop Styles */
@media screen and (min-width: 1200px) {
  .collection-banner-wrapper {
    min-height: 600px;
  }
  
  .collection-banner-title {
    font-size: 2.8rem;
  }
}

/* No custom elements fallback */
.no-custom-elements .collection-tabs-accordion details {
  margin-bottom: 1rem;
}

.no-custom-elements .collection-tabs-accordion details[open] {
  border-bottom: none;
}

.no-custom-elements .collection-banner-item:first-child {
  opacity: 1;
  visibility: visible;
  position: relative;
}

/* Fallback for browsers without Swiper */
.no-custom-elements .collection-banner-products-slider .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.no-custom-elements .collection-banner-products-slider .swiper-slide {
  flex: 0 0 calc(33.333% - 1.33rem);
  max-width: calc(33.333% - 1.33rem);
}

@media screen and (max-width: 991px) {
  .no-custom-elements .collection-banner-products-slider .swiper-slide {
    flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

@media screen and (max-width: 640px) {
  .no-custom-elements .collection-banner-products-slider .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Focus states for accessibility */
.collection-tab-summary:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground));
  outline-offset: 0.2rem;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .collection-tab-summary,
  .collection-banner-item,
  .collection-banner-img,
  .collection-banner-content {
    transition: none;
  }
  
  .collection-tabs-banner-accordion-content {
    animation: none;
  }
  
  .collection-banner-item:hover .collection-banner-img {
    transform: none;
  }
}

/* Row gap */
.collection-tabs-banner-wrapper {
  & .row {
    @media only screen and (min-width: 750px){
      --bs-gutter-x: 8rem;
    }
  }
}
/* END_SNIPPET:collection-tabs-banner-styles */

/* START_SNIPPET:collection-tabs-styles (INDEX:151) */
/** Collection Tabs — section-scoped UI (product cards use theme component styles). */

.collection-product-tabs {
  --tabs-gap: 0.6rem;
}

.collection-product-tabs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--tabs-gap);
  margin: 0 0 5rem;
  padding: 0;
}

.collection-tabs-simple-section .collection-tabs__header-row .collection-product-tabs__list {
  margin-block-end: 0;
  min-inline-size: 0;
}

.collection-tabs-simple-section
  .collection-tabs__header-row:not(.collection-tabs__header-row--align-center)
  .collection-product-tabs__list {
  flex: 1 1 auto;
}

.collection-tabs-simple-section .collection-tabs__header-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  margin-block-end: 1.75rem;
  padding-block-end: 0;
}

.collection-tabs-simple-section .collection-tabs__header-heading {
  margin-block-end: 0;
}

/* Vertical: modest gap heading → tabs; horizontal: no heading-only trailing margin — row gap + wrapper margin handle the group */
.collection-tabs-simple-section
  .collection-product-tabs[data-header-layout="vertical"]
  > .collection-product-tabs__heading-before-tabs {
  margin-block-end: clamp(0.65rem, 2vw, 1rem);
  margin-block-start: 0;
}

.collection-tabs-simple-section
  .collection-product-tabs[data-header-layout="vertical"]
  > .collection-product-tabs__list {
  margin-block-start: 0;
}

/* Collapse typography margins inside headings — section CSS defines spacing rhythm */
.collection-tabs-simple-section
  .collection-product-tabs[data-header-layout="vertical"]
  > .collection-product-tabs__heading-before-tabs :where(.section-heading__title, .section-heading__sub_title) {
  margin-block-start: 0;
  margin-block-end: 0;
}

.collection-tabs-simple-section
  .collection-product-tabs[data-header-layout="vertical"]
  > .collection-product-tabs__heading-before-tabs
  .section-heading__title + .section-heading__sub_title {
  margin-block-start: 0.375rem;
}

.collection-tabs-simple-section
  .collection-tabs__header-row
  .collection-tabs__header-heading .section-heading {
  margin-block: 0;
}

.collection-tabs-simple-section
  .collection-tabs__header-row
  .collection-tabs__header-heading :where(.section-heading__title, .section-heading__sub_title) {
  margin-block-start: 0;
  margin-block-end: 0;
}

.collection-tabs-simple-section
  .collection-tabs__header-row
  .collection-tabs__header-heading .section-heading__title + .section-heading__sub_title {
  margin-block-start: 0.375rem;
}

.collection-tabs-simple-section .collection-tabs__heading-empty {
  margin-block-end: 2rem;
}

.collection-tabs-simple-section .collection-tabs__tablist-shell {
  min-inline-size: 0;
}

.collection-product-tabs__tab {
  list-style: none;
  padding: 0;
  margin: 0;
}

.collection-product-tabs__button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  line-height: 1.35;
  white-space: nowrap;
  padding: 0.6rem 1.6rem;
  border: 2px solid rgba(var(--color-foreground), 0.25);
  border-radius: var(--button-border-radius, 0);
  background: transparent;
  color: rgb(var(--color-foreground));
  transition: background var(--duration-medium, 240ms)
      var(--ease-out-smooth, cubic-bezier(0.33, 1, 0.68, 1)),
    border-color var(--duration-medium, 240ms)
      var(--ease-out-smooth, cubic-bezier(0.33, 1, 0.68, 1));
}

.collection-product-tabs__button:hover {
  background: rgba(var(--color-foreground), 0.06);
  border-color: rgba(var(--color-foreground), 0.5);
}

.collection-product-tabs__button[aria-selected="true"] {
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  border-color: rgb(var(--color-button));
}

.collection-product-tabs__button:focus {
  outline: none;
}

.collection-product-tabs__button:focus-visible {
  outline: 2px solid rgba(var(--color-foreground), 0.55);
  outline-offset: 2px;
}

.collection-product-tabs__panels {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}

.collection-product-tabs__panel {
  grid-area: 1 / 1 / 2 / 2;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity var(--duration-medium, 320ms)
      var(--ease-out-smooth, cubic-bezier(0.33, 1, 0.68, 1));
  z-index: 0;
}

.collection-product-tabs__panel.is-active {
  opacity: 1;
  pointer-events: auto;
  transition:
    opacity var(--duration-medium, 320ms)
      var(--ease-out-smooth, cubic-bezier(0.33, 1, 0.68, 1));
  z-index: 1;
}

.collection-product-tabs__footer {
  margin-top: 2rem;
}

.collection-tabs__swiper .swiper-slide {
  height: auto;
  box-sizing: border-box;
}

.collection-tabs-panel-slider-inner {
  position: relative;
}

.mb--n30 {
  margin-bottom: -30px;
}

.collection-tabs-simple-section
  .collection-tabs-panel-slider-inner
  [data-collection-tab-slider-nav].slider--navgaition-button-absolute.collection-tabs__slider-nav--center,
.collection-tabs-simple-section
  .collection-tabs-panel-slider-inner
  [data-collection-tab-slider-nav].collection-tabs__slider-nav--bottom {
  margin-top: 0;
}

@media screen and (min-width: 750px) {
  .collection-tabs-simple-section .collection-tabs__header-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: clamp(1.25rem, 4vw, 3.5rem);
    margin-block-end: 5rem;
  }

  .collection-tabs-simple-section .collection-tabs__header-heading {
    flex: 1 1 12rem;
    min-inline-size: min(40%, 24rem);
  }

  .collection-tabs-simple-section .collection-tabs__tablist-shell {
    display: flex;
    justify-content: flex-end;
    flex: 0 1 auto;
    max-inline-size: 55%;
  }

  /* Center: one visual group — no flex-grow strip, vertical balance with heading */
  .collection-tabs-simple-section .collection-tabs__header-row--align-center {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: clamp(1.5rem, 5vw, 3.5rem);
    row-gap: 1rem;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-center
    .collection-tabs__header-heading {
    flex: 0 1 auto;
    max-inline-size: min(52rem, 100%);
    min-inline-size: 0;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-center
    .collection-tabs__tablist-shell {
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
    max-inline-size: 100%;
    min-inline-size: 0;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-right:not(.collection-tabs__header-row--no-heading) {
    flex-direction: row-reverse;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-right:not(.collection-tabs__header-row--no-heading)
    .collection-tabs__tablist-shell {
    justify-content: flex-start;
  }

  /* Horizontal + no heading: align tab strip without row-reverse swap. */
  .collection-tabs-simple-section .collection-tabs__header-row--no-heading {
    flex-wrap: nowrap;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading:not(.collection-tabs__header-row--align-center):not(.collection-tabs__header-row--align-right) {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading.collection-tabs__header-row--align-center {
    justify-content: center;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading.collection-tabs__header-row--align-right {
    flex-direction: row;
    justify-content: flex-end;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading
    .collection-tabs__tablist-shell {
    flex: 1 1 auto;
    max-inline-size: 100%;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row
    .collection-product-tabs__list {
    justify-content: flex-end;
    flex-wrap: wrap;
    row-gap: 0.25rem;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-center
    .collection-product-tabs__list {
    justify-content: center;
    flex: 0 1 auto;
    inline-size: fit-content;
    max-inline-size: 100%;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--align-right:not(.collection-tabs__header-row--no-heading)
    .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading.collection-tabs__header-row--align-right
    .collection-product-tabs__list {
    justify-content: flex-end;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading:not(.collection-tabs__header-row--align-center):not(.collection-tabs__header-row--align-right)
    .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--no-heading.collection-tabs__header-row--align-center
    .collection-product-tabs__list {
    justify-content: center;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-desktop-align="left"]
    > .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-desktop-align="center"]
    > .collection-product-tabs__list {
    justify-content: center;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-desktop-align="right"]
    > .collection-product-tabs__list {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 749px) {
  .collection-tabs-simple-section .collection-tabs__header-row--mobile-align-left {
    align-items: flex-start;
  }

  .collection-tabs-simple-section .collection-tabs__header-row--mobile-align-center {
    align-items: center;
  }

  .collection-tabs-simple-section .collection-tabs__header-row--mobile-align-right {
    align-items: flex-end;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-left
    .collection-product-tabs__list {
    justify-content: flex-start;
  }

  /* The list scrolls horizontally on mobile. `justify-content: center|flex-end` clips the
     start of an overflowing scroll container and makes it unreachable, so align with auto
     margins instead: centred while it fits, both ends scrollable once it overflows. */
  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-center
    .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-center
    .collection-product-tabs__list
    > .collection-product-tabs__tab:first-child {
    margin-inline-start: auto;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-center
    .collection-product-tabs__list
    > .collection-product-tabs__tab:last-child {
    margin-inline-end: auto;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-right
    .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-tabs__header-row--mobile-align-right
    .collection-product-tabs__list
    > .collection-product-tabs__tab:first-child {
    margin-inline-start: auto;
  }

  .collection-tabs-simple-section .collection-tabs__header-row .collection-tabs__tablist-shell {
    align-self: stretch;
    max-inline-size: 100%;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="left"]
    > .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="center"]
    > .collection-product-tabs__list,
  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="right"]
    > .collection-product-tabs__list {
    justify-content: flex-start;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="center"]
    > .collection-product-tabs__list
    > .collection-product-tabs__tab:first-child,
  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="right"]
    > .collection-product-tabs__list
    > .collection-product-tabs__tab:first-child {
    margin-inline-start: auto;
  }

  .collection-tabs-simple-section
    .collection-product-tabs[data-header-layout="vertical"][data-mobile-align="center"]
    > .collection-product-tabs__list
    > .collection-product-tabs__tab:last-child {
    margin-inline-end: auto;
  }

  .collection-product-tabs__list {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1.75rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .collection-product-tabs__list::-webkit-scrollbar {
    display: none;
  }

  .collection-product-tabs__tab {
    flex: 0 0 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .collection-product-tabs__button,
  .collection-product-tabs__panel {
    transition: none !important;
  }
}

.collection-tabs-simple-section .collection-tabs-panel-slider-inner [data-collection-tab-slider-nav].collection-tabs__slider-nav--bottom {
    margin-top: 20px;
}
/* END_SNIPPET:collection-tabs-styles */

/* START_SNIPPET:compare-table-styles (INDEX:152) */
.compare-table__wrap {
  width: 100%;
}
.compare-table__heading {
  text-align: center;
  margin-bottom: 2.5rem;
}
.compare-table__heading-text {
  color: inherit;
  margin: 0;
}
.compare-table__scroll-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.2) transparent;
  padding-bottom: 0.75rem;
}
.compare-table__scroll-wrap::-webkit-scrollbar {
  height: 4px;
}
.compare-table__scroll-wrap::-webkit-scrollbar-track {
  background: transparent;
}
.compare-table__scroll-wrap::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 4px;
}
.compare-table__grid {
  display: grid;
  column-gap: 1.5rem;
  row-gap: 1.75rem;
  align-items: start;
}
.compare-table__card {
  display: grid;
  grid-template-rows: subgrid;
  background: transparent;
  align-content: start;
}
.compare-table__image-wrap {
  border-radius: 12px;
  overflow: hidden;
  background: rgba(var(--color-foreground), 0.05);
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  position: relative;
}
.compare-table__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.compare-table__image-wrap .placeholder-svg {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.compare-table__product-title {
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding-top: 0.5rem;
  color: rgb(var(--color-foreground));
  align-self: start;
}
.compare-table__subtitle {
  color: rgba(var(--color-foreground), 0.65);
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.4;
  align-self: start;
}
.compare-table__feature-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  align-self: center;
}
.compare-table__feature-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.compare-table__feature-icon img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}
.compare-table__icon-placeholder {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(var(--color-foreground), 0.15);
}
.compare-table__feature-label {
  font-weight: 600;
  color: rgb(var(--color-foreground));
  line-height: 1.3;
}
.compare-table__feature-empty {
  font-weight: 400;
  color: rgba(var(--color-foreground), 0.4);
}
.compare-table__divider {
  border: none;
  border-top: 1px solid rgba(var(--color-foreground), 0.1);
  margin: 0;
  width: 100%;
  align-self: stretch;
}
.compare-table__weight {
  color: rgb(var(--color-foreground));
  margin: 0;
  align-self: start;
}
.compare-table__price {
  font-weight: 700;
  color: rgb(var(--color-foreground));
  margin: 0;
  align-self: start;
}
.compare-table__vendor {
  color: rgba(var(--color-foreground), 0.65);
  margin: 0;
  align-self: start;
}
.compare-table__description {
  color: rgba(var(--color-foreground), 0.75);
  margin: 0;
  align-self: start;
  line-height: 1.5;
}
.compare-table__btn {
  align-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  width: 100%;
}
.compare-table__btn-text {
  text-decoration: none;
}
.compare-table__btn-arrow {
  transition: transform 0.2s ease;
  text-decoration: none;
}
.compare-table__btn:hover .compare-table__btn-arrow {
  transform: translateX(3px);
}
.compare-table__btn.button.button--link {
  background: none;
  background-color: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  color: rgb(var(--color-link));
  font-weight: 600;
  justify-content: flex-start;
  width: auto;
}
.compare-table__btn.button.button--link .compare-table__btn-text {
  text-decoration: none;
}
.compare-table__btn.button.button--link:hover {
  background: none;
  background-color: transparent;
  box-shadow: none;
  color: rgb(var(--color-link));
}
.compare-table__btn.button.button--link:hover .compare-table__btn-text {
  color: rgb(var(--color-link));
}
.compare-table__qv-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.85);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.12);
  box-shadow: 0 2px 12px rgba(0,0,0,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  color: rgb(var(--color-foreground));
  padding: 0;
}
.compare-table__qv-btn svg {
  width: 18px;
  height: 18px;
}
.compare-table__image-wrap:hover .compare-table__qv-btn,
.compare-table__image-wrap:focus-within .compare-table__qv-btn {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
@media (hover: none) {
  .compare-table__qv-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.compare-table__qv-modal-opener {
  display: contents;
}
/* END_SNIPPET:compare-table-styles */

/* START_SNIPPET:complementary-product-rtl-styles (INDEX:154) */
.complementary--product__cart--btn {
  text-align: left;
}
html[dir="rtl"] .complementary-slideshow--slider .slideshow--nav-button > svg {
  transform: rotate(-180deg);
}
.complementary--product-card-content {
  text-align: start;
}
/* END_SNIPPET:complementary-product-rtl-styles */

/* START_SNIPPET:complementary-product-styles (INDEX:155) */
.complementary--product-card {
  display: grid;
  grid-template-columns: 8rem auto;
  gap: 1.5rem;
}
.complementary--product-card-content {
  text-align: left;
  display: grid;
  grid-template-columns: auto auto;
  gap: 1.5rem;
  padding-inline-end: 0.2rem;
}
.product__vendor {
  line-height: 1;
  margin-bottom: 0.8rem;
}
.complementary--product-card-content .product-grid-item__titleh {
  font-size: 1.4rem;
  margin: 0;
}

.complementary--product-card-content .price {
  font-size: 1.4rem;
}
.complementary--product-card + .complementary--product-card {
  margin-top: 1.5rem;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
  padding-top: 1.5rem;
}
.complementary__product--cart-btn {
  background: transparent;
  padding: 0;
  font-size: 1.3rem;
  border: 0.1rem solid rgba(var(--color-button), 0.1);
  padding: 0.6rem 1.2rem;
  color: rgba(var(--color-base-outline-button-labels));
  line-height: revert;
  border-radius: var(--button-border-radius);
  position: relative;
}
.complementary__product--cart-btn-inner > svg {
  width: 1rem;
  display: inline-block;
}
.complementary__product--cart-btn-inner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.complementary__product--cart-btn.loading::after {
  width: 1rem;
  height: 1rem;
  top: 0.8rem;
  left: 50%;
  margin-left: -0.5rem;
}
.complementary-products--slider:not(.complementary--prouduct-accordion) {
  margin-top: 2.5rem;
}
.complementary__product--cart-btn:hover {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
}
.complementary--prouduct-accordion {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.complementary--product-content-grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.complementary--product__cart--btn {
  text-align: right;
  align-self: center;
}
@media only screen and (min-width: 750px) and (max-width: 1199px),
  (max-width: 599px) {
  .complementary--product-card-content {
    grid-template-columns: auto;
  }
  .complementary--product__cart--btn {
    text-align: left;
  }
}
/* END_SNIPPET:complementary-product-styles */

/* START_SNIPPET:component-accordion-styles (INDEX:156) */
.accordion summary {
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1;
  padding: 1.5rem 0;
}

.accordion .summary__title {
  display: flex;
  align-items: center;
  flex: 1;
}
.accordion .summary__title .accordion__title {
  margin-bottom: 0;
}

.accordion + .accordion {
  margin-top: 0;
  border-top: none;
}

.accordion {
  margin-top: 2.5rem;
  margin-bottom: 0;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.accordion__title {
  display: block;
  align-self: center;
  max-width: calc(100% - 6rem);
  min-height: 1.6rem;
  margin: 0;
  word-break: break-word;
}

.accordion .icon-accordion {
  align-self: center;
  display: block;
  flex-shrink: 0;
  min-width: 1.6rem;
  margin-right: 1rem;
  fill: rgb(var(--color-foreground));
}

.accordion summary .icon-caret {
  display: block;
  flex-shrink: 0;
  align-self: center;
}

.accordion details[open] > summary .icon-caret {
  transform: rotate(180deg);
}

.accordion__content {
  margin-bottom: 1.5rem;
  word-break: break-word;
}

.accordion__content img {
  max-width: 100%;
}
/* END_SNIPPET:component-accordion-styles */

/* START_SNIPPET:component-cart-drawer-upsell-styles (INDEX:157) */
cart-drawer-upsell.cart-drawer-upsell,
.cart-drawer-upsell {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
  padding: 1rem 2rem 1.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid rgba(var(--color-foreground), 0.1);
}

.cart-drawer-upsell__inner {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
}

.cart-drawer-upsell__heading-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.cart-drawer-upsell__heading-meta {
  grid-column: 2;
  grid-row: 1;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  min-width: 0;
}

.cart-drawer-upsell__nav-group {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.12rem;
}

.cart-drawer-upsell__heading {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 1.35rem;
  line-height: 1.25;
  color: rgb(var(--color-foreground));
}

.cart-drawer-upsell__counter {
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  padding: 0.2rem 0.5rem;
  border: none;
  border-radius: 0.35rem;
  background: rgba(var(--color-foreground), 0.06);
  font-variant-numeric: tabular-nums;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: rgba(var(--color-foreground), 0.48);
}

.cart-drawer-upsell__viewport {
  --upsell-slide-gap: 10px;
  --upsell-slide-visible-ratio: 1.4;
  container-type: inline-size;
  container-name: cart-drawer-upsell-viewport;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
}

.cart-drawer-upsell__nav {
  position: relative;
  flex: 0 0 auto;
  inset: auto;
  transform: none;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid rgba(var(--color-foreground), 0.12);
  border-radius: 50%;
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  box-shadow: 0 1px 2px rgba(var(--color-foreground), 0.08);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.cart-drawer-upsell__nav:hover:not(.swiper-button-disabled) {
  background: rgba(var(--color-foreground), 0.06);
  color: rgb(var(--color-foreground));
}

.cart-drawer-upsell__nav .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  pointer-events: none;
}

.cart-drawer-upsell__nav svg {
  width: 0.4rem;
  height: auto;
  display: block;
}

.cart-drawer-upsell__nav.swiper-button-disabled {
  opacity: 0.34;
  visibility: visible;
  pointer-events: none;
  cursor: default;
  box-shadow: none;
}

.cart-drawer-upsell__nav.swiper-button-disabled svg {
  opacity: 0.75;
}

.cart-drawer-upsell__mount {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.cart-drawer-upsell-compact {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-width: 0;
  min-height: calc(4.25rem + 16px);
  padding: calc(.1rem + 4px) .55rem;
  background-color: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.12);
  border-radius: 0.45rem;
  box-shadow: 0 1px 2px rgba(var(--color-foreground), 0.06),
    0 1px 4px rgba(var(--color-foreground), 0.04);
  text-align: start;
  box-sizing: border-box;
}

.cart-drawer-upsell-compact__media {
  flex: 0 0 auto;
  width: 6rem;
  height: 6rem;
  border-radius: 0.3rem;
  overflow: hidden;
  background-color: rgba(var(--color-foreground), 0.06);
  align-self: center;
}

.cart-drawer-upsell-compact__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cart-drawer-upsell-compact__img--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
}

.cart-drawer-upsell-compact__img--placeholder svg {
  width: 60%;
  height: auto;
  opacity: 0.45;
}

.cart-drawer-upsell-compact__body {
  flex: 1 1 auto;
  min-width: 0;
}

.cart-drawer-upsell-compact__vendor {
  margin: 0 0 0.15rem;
  font-size: 1rem;
  line-height: 1.2;
  color: rgba(var(--color-foreground), 0.55);
  text-transform: none;
}

.cart-drawer-upsell-compact__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 0.2rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

.cart-drawer-upsell-compact__title:hover {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.cart-drawer-upsell-compact__price-wrap {
  line-height: 1.2;
}

.cart-drawer-upsell-compact__price-wrap .price {
  margin: 0;
  font-size: 1.05rem;
}

.cart-drawer-upsell-compact__price-el {
  font-size: inherit;
}

.cart-drawer-upsell-compact__action {
  flex: 0 0 auto;
  align-self: center;
}

.cart-drawer-upsell .quick-add {
  position: relative;
  grid-row: auto;
  grid-column: auto;
  grid-row-start: auto;
  margin: 0 !important;
  width: auto;
  z-index: 1;
}

.cart-drawer-upsell-compact__action product-form,
.cart-drawer-upsell-compact__action .product-form {
  display: block;
  margin: 0;
}

.cart-drawer-upsell-compact__action modal-opener {
  display: block;
}

.cart-drawer-upsell-compact__action .cart--icon-button,
.cart-drawer-upsell-compact__action .quick-add__submit.cart--icon-button {
  width: 3.35rem;
  height: 3.35rem;
  min-width: 3.35rem;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.1);
  box-shadow: 0 1px 3px rgba(var(--color-foreground), 0.12),
    0 1px 2px rgba(var(--color-foreground), 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart-drawer-upsell-compact__add {
  width: 3.35rem;
  height: 3.35rem;
  min-width: 3.35rem;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.1);
  box-shadow: 0 1px 3px rgba(var(--color-foreground), 0.12),
    0 1px 2px rgba(var(--color-foreground), 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart-drawer-upsell-compact__add svg {
  width: 1.45rem;
  height: 1.45rem;
}

.cart-drawer-upsell-compact__form {
  margin: 0;
}

.cart-drawer-upsell__swiper {
  container-type: inline-size;
  container-name: cart-drawer-upsell-swiper;
  padding: 0;
  margin-inline: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.cart-drawer-upsell__swiper .swiper-slide.cart-drawer-upsell__slide {
  display: flex;
  flex-shrink: 0;
  width: calc(
    (100cqi - var(--upsell-slide-gap)) / var(--upsell-slide-visible-ratio)
  );
  box-sizing: border-box;
  height: auto;
}

.cart-drawer-upsell__swiper .swiper-slide.cart-drawer-upsell__slide > .cart-drawer-upsell-compact {
  flex: 1 1 auto;
  min-width: 0;
}

.cart-drawer-upsell__swiper .swiper-wrapper {
  align-items: stretch;
}

@media screen and (max-width: 399px) {
  .cart-drawer-upsell-compact__media {
    width: 3.85rem;
    height: 3.85rem;
  }

  .cart-drawer-upsell-compact {
    min-height: calc(3.85rem + 16px);
    gap: 0.55rem;
    padding: calc(0.4rem + 6px) 0.5rem;
  }

  .cart-drawer-upsell-compact__title {
    font-size: 1.02rem;
  }

  .cart-drawer-upsell__heading {
    font-size: 1.2rem;
  }
}

.cart-drawer-upsell__status--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 0.25rem;
}

.cart-drawer-upsell__spinner {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  border: 2px solid rgba(var(--color-foreground), 0.12);
  border-top-color: rgba(var(--color-foreground), 0.72);
  border-radius: 50%;
  animation: cart-drawer-upsell-spin 0.65s linear infinite;
}

@keyframes cart-drawer-upsell-spin {
  to {
    transform: rotate(360deg);
  }
}

#offcanvas__mini_cart .cart-drawer-upsell {
  padding-inline: clamp(1.25rem, 3.85vmin, 1.75rem);
  padding-block: clamp(1.05rem, 2.75vmin, 1.4rem) clamp(1rem, 2.65vmin, 1.3rem);
  margin-block-start: 0;
  border-block-start: 0.1rem solid
    color-mix(in srgb, var(--cart-drawer-item-border, #eeeeee) 88%, transparent);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--body-line-height, inherit);
  letter-spacing: var(--body-letter-spacing, normal);
  --cart-drawer-upsell-counter-height: 32px;
  --cart-drawer-upsell-nav-size: 32px;
}

#offcanvas__mini_cart .cart-drawer-upsell__heading-row {
  margin-bottom: var(--cd-space-md);
  column-gap: var(--cd-space-md);
  align-items: center;
}

#offcanvas__mini_cart .cart-drawer-upsell__heading-meta {
  gap: 0.35rem;
  justify-content: flex-start;
  align-items: center;
}

#offcanvas__mini_cart .cart-drawer-upsell__nav-group {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
}

#offcanvas__mini_cart .cart-drawer-upsell__heading {
  font-family: var(--heading-global-family, var(--font-heading-family));
  font-style: var(--heading-global-style, var(--font-heading-style));
  font-weight: var(--heading-global-weight, var(--font-heading-weight, 700));
  font-size: calc(
    0.82 * var(--h6-font-size-mobile, calc(var(--font-heading-size) * 1.6rem))
  );
  letter-spacing: var(--h6-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  text-transform: var(--h6-text-transform, var(--heading-global-text-transform, uppercase));
  color: var(--cart-drawer-secondary-muted, #707070);
  line-height: var(--h6-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
}

#offcanvas__mini_cart .cart-drawer-upsell__counter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--cart-drawer-upsell-counter-height, 32px);
  min-height: var(--cart-drawer-upsell-counter-height, 32px);
  padding: 0 0.5rem;
  border: 0.1rem solid
    color-mix(in srgb, var(--cart-drawer-item-border, #eeeeee) 88%, transparent);
  background: rgb(var(--color-background));
  border-radius: 999px;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: var(--cd-fs-caption);
  font-weight: var(--font-body-weight);
  letter-spacing: var(--body-letter-spacing, normal);
  line-height: 1;
  color: var(--cart-drawer-secondary-muted, #707070);
}

#offcanvas__mini_cart .cart-drawer-upsell__nav {
  box-sizing: border-box;
  width: var(--cart-drawer-upsell-nav-size, 32px);
  height: var(--cart-drawer-upsell-nav-size, 32px);
  min-width: var(--cart-drawer-upsell-nav-size, 32px);
  max-width: var(--cart-drawer-upsell-nav-size, 32px);
  min-height: var(--cart-drawer-upsell-nav-size, 32px);
  max-height: var(--cart-drawer-upsell-nav-size, 32px);
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(var(--color-foreground), 0.07);
  border: 0.0625rem solid
    color-mix(
      in srgb,
      var(--cart-drawer-item-border, rgba(var(--color-foreground), 0.12)) 88%,
      transparent
    );
}

#offcanvas__mini_cart .cart-drawer-upsell__nav svg {
  width: 0.44rem;
  height: auto;
}

#offcanvas__mini_cart .cart-drawer-upsell__nav:focus {
  outline: none;
}

#offcanvas__mini_cart .cart-drawer-upsell__nav:focus-visible {
  outline: 0.125rem solid color-mix(in srgb, rgb(var(--color-foreground)) 35%, transparent);
  outline-offset: 0.12rem;
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__action .cart--icon-button,
#offcanvas__mini_cart .cart-drawer-upsell-compact__action .quick-add__submit.cart--icon-button,
#offcanvas__mini_cart .cart-drawer-upsell-compact__add {
  color: rgb(var(--color-foreground));
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__action .cart--icon-button:hover,
#offcanvas__mini_cart .cart-drawer-upsell-compact__action .quick-add__submit.cart--icon-button:hover {
  color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.07);
  box-shadow: 0 1px 3px rgba(var(--color-foreground), 0.12);
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__action button.cart--icon-button.loading:after {
  border: 2.5px solid rgba(var(--color-foreground), 0.18);
  border-left-color: transparent;
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__action button.cart--icon-button.loading:hover:after {
  border: 2.5px solid rgba(var(--color-foreground), 0.22);
  border-left-color: transparent;
}

#offcanvas__mini_cart .cart-drawer-upsell__swiper {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--color-foreground), 0.25) rgba(var(--color-foreground), 0.06);
}

#offcanvas__mini_cart .cart-drawer-upsell__swiper::-webkit-scrollbar {
  height: 5px;
}

#offcanvas__mini_cart .cart-drawer-upsell__swiper::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.08);
  border-radius: 999px;
}

#offcanvas__mini_cart .cart-drawer-upsell__swiper::-webkit-scrollbar-thumb {
  background: rgba(var(--color-foreground), 0.26);
  border-radius: 999px;
}

#offcanvas__mini_cart .cart-drawer-upsell-compact {
  border-color: color-mix(
    in srgb,
    var(--cart-drawer-item-border, rgba(var(--color-foreground), 0.12)) 88%,
    transparent
  );
  border-radius: var(--cart-drawer-thumb-radius, 0.45rem);
  gap: var(--cd-space-sm);
  align-items: center;
  min-height: calc(3.75rem + 12px);
  padding: var(--cd-space-xs) var(--cd-space-sm);
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__media {
  flex: 0 0 auto;
  overflow: hidden;
  align-self: center;
  border-radius: var(--cart-drawer-thumb-radius, 0.3rem);
  width: 5.35rem;
  height: 5.35rem;
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__vendor {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  letter-spacing: var(--body-letter-spacing, normal);
  font-size: var(--cd-fs-caption);
  line-height: var(--body-line-height, 1.2);
  margin: 0 0 var(--cd-space-3xs);
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__title {
  font-family: var(--heading-global-family, var(--font-heading-family));
  font-style: var(--heading-global-style, var(--font-heading-style));
  font-weight: var(--heading-global-weight, 600);
  letter-spacing: var(--h6-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  line-height: var(--h6-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
  font-size: calc(
    0.78 * var(--h6-font-size-mobile, calc(var(--font-heading-size) * 1.6rem))
  );
  text-transform: none;
  margin-block-end: var(--cd-space-3xs);
}

@media only screen and (min-width: 750px) {
  #offcanvas__mini_cart .cart-drawer-upsell__heading {
    font-size: calc(
      0.82 * var(--h6-font-size-tablet, calc(var(--font-heading-size) * 1.8rem))
    );
  }

  #offcanvas__mini_cart .cart-drawer-upsell-compact__title {
    font-size: calc(
      0.78 * var(--h6-font-size-tablet, calc(var(--font-heading-size) * 1.8rem))
    );
  }
}

#offcanvas__mini_cart .cart-drawer-upsell-compact__price-wrap .price {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  letter-spacing: var(--body-letter-spacing, normal);
  font-size: var(--cd-fs-body-sm);
}
/* END_SNIPPET:component-cart-drawer-upsell-styles */

/* START_SNIPPET:component-cart-items-rtl-styles (INDEX:158) */
/*
  Source: assets/component-cart-items-rtl.css
*/
html[dir="rtl"] {
.cart-items *.right {
  text-align: left;
}
.cart-items td {
  text-align: right;
}
@media screen and (min-width: 750px) {
  .cart-items th + th {
    padding-left: 0;
    padding-right: 4rem;
  }
  .cart-item > td + td {
    padding-left: 0;
    padding-right: 4rem;
  }
  .cart__footer > * + * {
    margin-left: 0;
    margin-right: 4rem;
  }
  .totals {
    justify-content: flex-start;
  }
  td.cart-item__quantity {
    justify-content: flex-end;
  }
  .cart-item cart-remove-button {
    margin: 0.5rem 1.5rem 0 0;
  }
  th.product__title--cart-items {
    text-align: right;
  }
}
.shipping__calculator--title svg {
  margin-left: 0;
  margin-right: 10px;
}
@media screen and (min-width: 990px) {
  .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide {
    padding-left: 0;
    padding-right: 6rem;
  }
}
}
/* END_SNIPPET:component-cart-items-rtl-styles */

/* START_SNIPPET:component-cart-items-styles (INDEX:159) */
.cart-items td,
.cart-items th {
  padding: 0;
  border: none;
}

.cart-items th {
  text-align: left;
  padding-bottom: 1.8rem;
  font-weight: normal;
}

.cart-item__quantity {
  display: flex;
}

.cart-item__totals {
  position: relative;
}

.cart-items *.right {
  text-align: right;
}

.cart-item__image {
  height: auto;
  max-width: 100%;
}

.cart-item__details {
  font-size: 1.6rem;
  line-height: 1.4;
}

.cart-item__details > * {
  margin: 0;
  max-width: 30rem;
}

.cart-item__details > * + * {
  margin-top: 0.8rem;
}

.cart-item__media {
  position: relative;
}

.cart-item__name {
  color: rgb(var(--color-foreground));
  text-decoration: none;
  display: block;
}

.cart-item__name:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.2rem;
}

.cart-item__price-wrapper > * {
  display: block;
  margin: 0;
  padding: 0;
}

.cart-item__discounted-prices dd {
  margin: 0;
}

.cart-item__discounted-prices .cart-item__old-price {
  font-size: 1.4rem;
}

.cart-item__old-price {
  opacity: 0.7;
}

.product-option {
  font-size: 1.4rem;
  line-height: 1.5;
}

.cart-item cart-remove-button {
  display: inline-block;
  margin-left: 1rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .cart-item cart-remove-button {
    width: 4.5rem;
    height: 4.5rem;
  }
}

cart-remove-button .button {
  box-shadow: none;
  color: rgba(var(--color-base-text), 0.75);
  min-width: 4.5rem;
  min-height: 4.5rem;
  padding: 0;
  margin: 0 0.1rem 0.1rem 0;
}

cart-remove-button .button:not([disabled]):hover {
  box-shadow: none;
  color: rgb(var(--color-foreground));
}

cart-remove-button .button:not([disabled]):focus-visible {
  box-shadow: none;
}

@media screen and (min-width: 750px) {
  cart-remove-button .button {
    min-width: 3.5rem;
    min-height: 3.5rem;
  }
}

cart-remove-button .icon-remove {
  height: 1.5rem;
  width: 1.5rem;
}

.cart-item .loading-overlay {
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .cart-item .loading-overlay {
    right: 0;
    padding-top: 4.5rem;
    bottom: auto;
  }
}

/* .loading-overlay:not(.hidden) ~ * {
  visibility: hidden;
} */

.cart-item__error {
  font-size: 1.2rem;
  display: flex;
  align-items: flex-start;
}

.cart-item__error-text {
  order: 1;
}

.cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.1rem;
}

.cart-item__error-text:empty + svg {
  display: none;
}

.product-option {
  color: rgba(var(--color-foreground), 0.7);
}

.product-option + .product-option {
  margin-top: 0.4rem;
}

.product-option * {
  display: inline;
  margin: 0;
}

.cart-item__details .product-option:has(dt) dd {
  margin-inline-start: 0.35em;
}

.cart-items thead th {
  text-transform: uppercase;
}

@media screen and (max-width: 749px) {
  .cart-items,
  .cart-items thead,
  .cart-items tbody {
    display: block;
    width: 100%;
  }

  .cart-items thead tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.2);
    margin-bottom: 4rem;
  }

  .cart-item {
    display: grid;
    grid-template: repeat(2, auto) / repeat(4, 1fr);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
  }

  .cart-item:last-child {
    margin-bottom: 0;
  }

  .cart-item__media {
    grid-row: 1 / 3;
  }

  .cart-item__details {
    grid-column: 2 / 4;
  }

  .cart-item__quantity {
    grid-column: 2 / 5;
    flex-wrap: wrap;
  }

  .cart-item__totals {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 750px) {
  .cart-items {
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: none;
    width: 100%;
    display: table;
  }

  .cart-items th {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }

  .cart-items thead th:first-child {
    width: 50%;
  }

  .cart-items th + th {
    padding-left: 4rem;
  }

  .cart-items td {
    vertical-align: top;
    padding-top: 4rem;
  }

  .cart-item {
    display: table-row;
  }

  .cart-item > td + td {
    padding-left: 4rem;
  }

  .cart-item__details {
    width: 35rem;
  }

  .cart-item__media {
    width: 10rem;
  }

  .cart-item cart-remove-button {
    margin: 0.5rem 0 0 1.5rem;
  }

  .cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
    margin-top: 1rem;
  }

  .cart-item__error {
    align-items: center;
  }

  .cart-item__error-text + svg {
    margin-top: -0.2rem;
  }
}

@media screen and (min-width: 990px) {
  .cart-item .cart-item__quantity,
  .cart-items .cart-items__heading--wide {
    padding-left: 6rem;
  }

  .cart-item__details {
    width: 50rem;
  }

  .cart-items thead th:first-child {
    width: 60%;
  }
}
.cart-item__details p {
  word-wrap: break-word;
}
/* END_SNIPPET:component-cart-items-styles */

/* START_SNIPPET:component-cart-notification-styles (INDEX:160) */
#cart-notification.cart-notification > .cart_notification_topbar {
  flex-shrink: 0;
}

#cart-notification.cart-notification > #min-cart-items {
  flex: 1 1 auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

#cart-notification.cart-notification > .cart-drawer-upsell {
  flex-shrink: 0;
}

#cart-notification.cart-notification > .cart-notification__links {
  flex-shrink: 0;
}

cart-notification#offcanvas__mini_cart {
  display: flex;
  flex-direction: column;
}

#offcanvas__mini_cart .cart-notification-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#cart-notification.cart-notification.d-flex.flex-direction-column {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

#offcanvas__mini_cart.active {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.cart-notification-product {
  align-items: flex-start;
  display: flex;
  gap: 2rem;
}
.cart-close-icon a {
  display: block;
  width: 20px;
  height: 20px;
}

@media screen and (min-width: 750px) {
  .header-wrapper:not(.header-wrapper--border-bottom)
    + cart-notification
    .cart-notification {
    border-top-width: 0.1rem;
  }
}
.cart-close-icon a:hover {
  color: rgba(var(--color-base-solid-button-labels)) !important;
  background: rgba(var(--color-base-accent-2));
}

.cart-notification-product dl {
  margin-bottom: 0;
  margin-top: 0;
}

.cart-notification-product__image {
  height: auto;
  max-width: 100%;
}
.cart-notification-product__name {
  margin-bottom: 0;
  margin-top: 0;
}
.cart-notification-product__option {
  color: rgba(var(--color-foreground), 0.7);
  margin-top: 1rem;
}

.cart-notification-product__option + .cart-notification-product__option {
  margin-top: 0.5rem;
}

.cart-notification-product__option > * {
  display: inline-block;
  margin: 0;
}

.cart-notification-product {
  position: relative;
}
.cart-close-icon a {
  display: block;
  width: 30px;
  height: 30px;
  color: rgb(var(--color-button-text));
  background: rgba(var(--color-button), var(--alpha-button-background));
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
}
.cart-close-icon .icon.icon-remove {
  width: 20px;
  height: 20px;
}
.cart-notification__quantity-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.cart-notification__quantity-wrapper .cart-close-icon button.link {
  font-size: 1.6rem;
}
#cart-notification-product > div {
  margin-top: 25px;
}
.cart-notification-product .loading-overlay {
  z-index: 9;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.cart-notification-product.loading::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 8;
}

.cart-notification-product svg.spinner {
  height: 30px;
}
.cart-notification__links {
  box-shadow: 0 0 10px 0 rgb(129 129 129 / 20%);
}
.cart_notification_topbar {
  padding: 20px 20px 0 20px;
}

.cart_notification_links_inner {
  padding: 20px;
}
.cart_notification_footer {
  padding: 20px 20px 0;
  align-items: center;
}
.cart_notification_action_button {
  font-size: 1.5rem;
  background: none;
  border: none;
  font-weight: 600;
}
.cart--action-popup-item + .cart--action-popup-item {
  border-left: 1px solid rgba(var(--color-foreground), 0.3);
  justify-content: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.notification_action_drawer {
  box-shadow: 20px 0 20px #0000001f;
  padding: 1.5rem 2rem;
  position: absolute;
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  transition: 0.25s ease-in-out;
  background: #fff;
  z-index: 98;
  left: 0;
}
.notification_action_drawer.active {
  transform: translateZ(0);
}
.cart_action_drawer_overlay.active {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 8;
}
.cart-notification-product__option + .cart-notification-product__option {
  margin-left: 10px;
}
.product-option span a {
  word-break: break-all;
}
.product-option {
  display: flex;
}
.product-option span + span {
  margin-left: 10px;
}
.product-option {
  margin-top: 10px;
}
span.discount__title > svg {
  width: 1.5rem;
  margin-right: 0.5rem;
}
span.discount__title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-style: italic;
}
.cart_notification--discount .discounts__discount + .discounts__discount {
  margin-top: 2rem;
}
.cart_notification--discount {
  margin-bottom: 2rem;
}
.cart_notification--footer {
  gap: 1.5rem;
}
.cart_notification--footer .button.button--secondary.button--full-width {
  padding: 1rem 1.5rem !important;
}
.cart_notification--title svg {
  width: 1.5rem;
  margin-right: 0.5rem;
}
.estimate__shipping--title svg {
  width: 1.5rem;
  margin-left: 0.5rem;
}
.cart_notification--title,
.estimate__shipping--title {
  display: inline-flex;
  align-items: center;
}
.quantity.cart-notification--product {
  width: 110px;
  border-radius: 5px;
}
.cart-notification--product .quantity__button {
  width: 35px;
}
.cart_notification_topbar > div + div {
  margin-top: 15px;
}
.cart__item_price .unit-price {
  margin-top: 5px;
}
.cart_notification_footer > .cart--action-popup-item {
  flex-grow: 1;
}
.cart-notification-product__info p.caption-with-letter-spacing {
  font-size: 1.3rem;
  opacity: 0.7;
}
.discounts__discount > .icon {
  color: rgb(var(--color-foreground));
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}

.cart__item_price .discounts__discount {
  font-size: 1.3rem;
  opacity: 0.8;
}
.cart-notification-product__info .product-option {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.cart-notification__product--image {
  width: 100%;
  max-width: 12rem;
}
.cart-notification-product__info .product-option span {
  margin: 0;
}
.cart-item__error {
  font-size: 1.2rem;
  display: flex;
  align-items: flex-start;
}

.cart-item__error-text {
  order: 1;
}
.cart-item__error-text + svg {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.6rem;
}
.cart-item__error-text:empty + svg {
  display: none;
}
.cart-notification__quantity-wrapper + .cart-item__error,
.cart-notification-product__actions-row + .cart-item__error {
  margin-top: 0.5rem;
}
.cart-notification__product--image {
  min-width: 12rem;
  max-width: 12rem;
}
.variant-remove-total .button--tertiary .svg-wrapper {
  line-height: 1;
}
.cart_notification--title {
  color: rgba(var(--color-foreground));
}
.cart-notification__close.modal__close-button {
  right: 3rem;
  top: 2rem;
  position: absolute;
}
.cart-notification__header {
  padding-right: 4rem;
}

.cart-discount__form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
}

#main-cart-footer .cart-discount__form {
  gap: 0.5rem;
}

#main-cart-footer input.cart-discount__input.input__field,
#main-cart-footer .cart-discount__button.button {
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
}

#main-cart-footer input.cart-discount__input.input__field {
  flex: 1 1 auto;
  min-width: 0;
  padding-inline: 1rem;
  border-radius: var(--button-border-radius);
  border-width: var(--inputs-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), 0.12);
  background: rgb(var(--color-background));
}

#main-cart-footer .cart-discount__button.button.button--small {
  flex: 0 0 auto;
  min-width: clamp(5.5rem, 22%, 8rem);
}

.cart--discount {
  padding-inline: 2rem;
  margin-block-start: 1.5rem !important;
}

.cart__checkout-button.button--primary.cart-page__checkout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.cart__checkout-button.cart-page__checkout .icon-padlock {
  width: 1.15rem;
  height: auto;
  flex-shrink: 0;
}

.cart--discount + .cart_notification_links_inner {
  margin-top: 0;
  padding-block-start: 1.5rem;
}

.cart-discount__summary-chevron {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  opacity: 0.88;
  color: rgb(var(--color-foreground));
}

.cart-discount__summary-chevron .icon-chevron {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.2s ease;
}

details.details.discount-details[open] .cart-discount__summary-chevron .icon-chevron {
  transform: rotate(180deg);
}

.cart-discount__heading-inner {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.cart-discount__title-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  opacity: 0.95;
}

.cart-discount__title-icon .icon {
  width: 1.6rem;
  height: 1.6rem;
}

summary.cart-discount__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

details.details.discount-details {
  border-block: none;
  padding-block: 0;
}

input.cart-discount__input.input__field {
  border-color: rgba(var(--color-foreground), 0.1);
}

.cart-discount__content {
  padding-top: 0;
  padding-inline: 0;
}

.cart-discount__error-container {
  display: none;
  margin-block-start: 1.5rem;
}

.cart-discount__error-container > * {
  display: none;
}

.cart-discount__error {
  padding: 0.8rem 1rem;
  background-color: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 4px;
  margin-bottom: 0.5rem;
  animation: cart-discount-fade-in 0.3s ease-in-out;
}

.cart-discount__error-text {
  color: #dc3545;
  font-size: 0.9rem;
  line-height: 1.4;
  margin: 0;
  font-weight: 500;
}

.cart-discount__applied-title {
  font-size: 0.9rem;
  margin-bottom: 1rem;
  color: rgba(var(--color-foreground), 0.8);
  margin-top: 0.8rem;
}

.cart-discount__applied-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cart-discount__pill {
  margin-bottom: 0.5rem;
}

.cart-discount__applied-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1rem;
  background-color: rgba(var(--color-foreground), 0.05);
  border-radius: 4px;
  border: 1px solid rgba(var(--color-foreground), 0.1);
}

.cart-discount__applied-info {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.cart-discount__applied-code {
  font-weight: 500;
  color: rgb(var(--color-foreground));
}

.cart-discount__applied-amount {
  font-size: 0.85rem;
  color: rgba(var(--color-foreground), 0.7);
}

.cart-discount__remove-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.8rem;
  background: none;
  border: 1px solid rgba(var(--color-foreground), 0.2);
  border-radius: 3px;
  color: rgba(var(--color-foreground), 0.8);
  cursor: pointer;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}

.cart-discount__remove-btn:hover {
  background-color: rgba(var(--color-foreground), 0.1);
  border-color: rgba(var(--color-foreground), 0.3);
}

.cart-discount__remove-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cart-discount__remove-btn .icon {
  width: 1rem;
  height: 1rem;
}

.cart-discount__button:disabled,
.cart-discount__input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.cart-discount__button:disabled {
  background-color: rgba(var(--color-button), 0.5);
}

.cart-notification.cart-discount-error--discount-code .cart-discount__error-container,
.cart-notification.cart-discount-error--discount-code .cart-discount__error--discount-code {
  display: block;
}

.cart_subtotal.cart-discount-error--discount-code .cart-discount__error-container,
.cart_subtotal.cart-discount-error--discount-code .cart-discount__error--discount-code {
  display: block;
}

@media screen and (max-width: 749px) {
  .cart-discount__applied-item {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .cart-discount__remove-btn {
    align-self: flex-end;
  }
}

@keyframes cart-discount-fade-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.free-shipping-progress {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
  margin: 0 0 1.6rem;
  padding: 1.4rem 1.6rem;
  box-sizing: border-box;
  border-radius: min(1.2rem, var(--border-radius, 1rem));
  background: rgba(var(--color-foreground), 0.04);
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.free-shipping-progress__message {
  margin: 0;
  padding: 0;
  color: rgba(var(--color-foreground), 0.88);
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.free-shipping-progress__message:empty {
  display: none;
}

.free-shipping-progress__track {
  direction: ltr;
  flex-shrink: 0;
  height: 0.7rem;
  width: 100%;
  border-radius: 999px;
  background: rgba(var(--color-foreground), 0.1);
  overflow: hidden;
  box-shadow: inset 0 0.1rem 0.15rem rgba(var(--color-foreground), 0.07);
}

.free-shipping-progress__fill {
  display: block;
  height: 100%;
  width: var(--free-shipping-progress, 0%);
  max-width: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    var(--free-shipping-gradient-start, rgb(var(--color-button))) 0%,
    var(--free-shipping-gradient-end, rgb(var(--color-button))) 100%
  );
  transform-origin: left center;
  box-shadow: 0 0.1rem 0.3rem rgba(var(--color-foreground), 0.12);
  transition: width 0.45s cubic-bezier(0.33, 1, 0.68, 1);
}

.free-shipping-progress--complete {
  background: rgba(var(--color-button), 0.07);
  border-color: rgba(var(--color-button), 0.18);
}

.free-shipping-progress--complete .free-shipping-progress__message {
  color: rgb(var(--color-foreground));
  font-weight: 600;
}

.free-shipping-progress--complete .free-shipping-progress__fill {
  box-shadow: 0 0.12rem 0.35rem rgba(var(--color-button), 0.35);
}

@media screen and (max-width: 749px) {
  .free-shipping-progress {
    padding: 1.2rem 1.4rem;
    gap: 1rem;
    margin-bottom: 1.4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .free-shipping-progress__fill {
    transition: none;
  }
}

.cart-notification__divider {
  border: 0;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.12);
  margin: 0;
  width: 100%;
  flex-shrink: 0;
}

.cart-drawer-empty__title {
  font-weight: var(--heading-global-weight, var(--font-heading-weight));
}

.cart-drawer-empty__count {
  color: rgba(var(--color-foreground), 0.55);
}

.item__empty_message {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 0.35rem 0.5rem;
  width: 100%;
}

.cart-notification__heading .item__empty_message {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-start;
  text-align: left;
}

.cart-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(1.75rem, 4.5vmin, 2.75rem);
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.cart-empty-state__main {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding: clamp(1rem, 3vmin, 1.75rem) 1.5rem;
  box-sizing: border-box;
}

.cart-empty-state__icon-wrap {
  width: clamp(6.4rem, 14vw, 7.6rem);
  height: clamp(6.4rem, 14vw, 7.6rem);
  border-radius: 50%;
  background: rgba(var(--color-foreground), 0.045);
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.cart-empty-state__icon-wrap .icon-cart-empty-outline {
  width: clamp(2.4rem, 6vw, 2.95rem);
  height: auto;
  aspect-ratio: 22 / 19;
  color: rgb(var(--color-foreground));
  display: block;
}

.cart-empty-state__heading {
  margin-top: 0;
  margin-bottom: 0.85rem;
  max-width: 24rem;
}

.cart-empty-state__subtext {
  margin: 0 0 1.75rem;
  max-width: 30rem;
  color: rgba(var(--color-foreground), 0.65);
}

.cart-empty-state__cta.button.button--primary {
  min-height: 4.8rem;
  padding-inline: clamp(2rem, 6vw, 2.85rem);
  padding-block: 1.05rem;
  column-gap: 0.85rem;
  box-sizing: border-box;
  border-radius: var(--button-border-radius);
  box-shadow:
    0 0.1rem 0 rgba(var(--color-button-text), 0.18) inset,
    0 0.08rem 0.15rem rgba(var(--color-shadow), 0.06),
    0 0.35rem 1rem rgba(var(--color-foreground), 0.08);
  transition:
    box-shadow var(--duration-short, 150ms) ease,
    transform var(--duration-short, 150ms) ease,
    background-color var(--duration-short, 150ms) ease,
    color var(--duration-short, 150ms) ease;
}

.cart-empty-state__cta.button.button--primary:hover {
  box-shadow:
    0 0.1rem 0 rgba(var(--color-button-text), 0.22) inset,
    0 0.2rem 0.55rem rgba(var(--color-shadow), 0.1),
    0 0.45rem 1.25rem rgba(var(--color-foreground), 0.12);
  transform: translateY(-0.08rem);
}

.cart-empty-state__cta.button.button--primary:active {
  transform: translateY(0);
  box-shadow:
    0 0.1rem 0 rgba(var(--color-button-text), 0.14) inset,
    0 0.05rem 0.2rem rgba(var(--color-shadow), 0.08);
}

.cart-empty-state__cta.text--with-btn-icon {
  gap: 0.85rem;
}

.cart-empty-state__cta.text--with-btn-icon .icon-arrow {
  width: clamp(1.2rem, 3.2vw, 1.45rem);
  height: auto;
  flex-shrink: 0;
  opacity: 0.95;
  transition: transform var(--duration-short, 150ms) ease;
}

.cart-empty-state__cta.button.button--primary:hover .icon-arrow {
  transform: translateX(0.2rem);
}

@media (prefers-reduced-motion: reduce) {
  .cart-empty-state__cta.button.button--primary,
  .cart-empty-state__cta.button.button--primary:hover,
  .cart-empty-state__cta.button.button--primary:active,
  .cart-empty-state__cta.button.button--primary .icon-arrow {
    transition: none;
    transform: none;
  }
}

.cart-empty-state__collections {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 clamp(1rem, 3vw, 1.25rem) clamp(0.75rem, 2.5vmin, 1.5rem);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cart-empty-state__collections-intro {
  margin: 0 0 1.5rem;
  max-width: 32rem;
  color: rgba(var(--color-foreground), 0.6);
}

.cart-empty-state__pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cart-empty-state__pills li {
  margin: 0;
}

.cart-empty-state__pill.button.button--secondary {
  padding: 0.85rem 1.25rem;
  line-height: 1.25;
  white-space: normal;
  text-align: center;
  max-width: min(100%, 22rem);
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) {
  justify-content: stretch;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) .cart-notification__heading {
  justify-content: center;
  text-align: center;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) .cart_notification_topbar {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: center;
  text-align: center;
  min-height: 0;
  padding-bottom: 0;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) .cart-notification__header {
  width: 100%;
  display: flex;
  justify-content: center;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) .cart-notification__divider {
  margin-top: 1.25rem;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline))
  .cart_notification_topbar
  > .empty__cart__item {
  flex: 1 1 auto;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

#cart-notification:has(.empty__cart__item:not(.no-js-inline)) .cart_notification_topbar > div + div {
  margin-top: 0;
}

@media screen and (max-width: 400px) {
  .cart-empty-state__cta.button.button--primary {
    width: 100%;
    max-width: 26rem;
    margin-inline: auto;
  }

  .cart-empty-state__pills {
    flex-direction: column;
    align-items: stretch;
  }

  .cart-empty-state__pill.button.button--secondary {
    justify-content: center;
    width: 100%;
    max-width: none;
  }
}

#offcanvas__mini_cart #cart-notification.cart-notification {
  --cart-drawer-item-border: #eeeeee;
  --cart-drawer-footer-surface: rgb(var(--color-background));
  --cart-drawer-sale-accent: #ef4444;
  --cart-drawer-sale-pill-bg: #fee2e2;
  --cart-drawer-success-fill: #10b981;
  --cart-drawer-secondary-muted: #707070;
  --cart-drawer-thumb-radius: 0.5rem;

  --cd-space-3xs: 0.125rem;
  --cd-space-2xs: clamp(0.25rem, 0.85vmin, 0.3125rem);
  --cd-space-xs: clamp(0.3125rem, 1.15vmin, 0.4375rem);
  --cd-space-sm: clamp(0.4375rem, 1.45vmin, 0.5625rem);
  --cd-space-md: clamp(0.5625rem, 1.75vmin, 0.6875rem);
  --cd-space-lg: clamp(0.6875rem, 2.05vmin, 0.875rem);
  --cd-space-xl: clamp(0.8125rem, 2.45vmin, 1.0625rem);
  --cd-space-2xl: clamp(1rem, 2.85vmin, 1.25rem);

  --cd-footer-gap: var(--cd-space-2xl);
  --cd-footer-gap-tight: var(--cd-space-xl);
  --cd-line-stack: clamp(0.375rem, 1.35vmin, 0.5rem);

  font-size: inherit;

  --cd-fs-body: 1em;
  --cd-fs-body-sm: 0.9125em;
  --cd-fs-caption: 0.84375em;
  --cd-fs-body-lg: 1.035em;
  --cd-fs-section: calc(var(--font-heading-size, 1) * 1.22rem);

  --cd-fw-regular: 400;
  --cd-fw-medium: 500;
  --cd-fw-semibold: 600;
  --cd-fw-bold: 700;

  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--body-line-height, calc(1 + 0.8 / var(--font-body-size, 1)));
  letter-spacing: var(--body-letter-spacing, normal);
}

@media only screen and (min-width: 750px) {
  #offcanvas__mini_cart #cart-notification .cart-drawer-empty__title {
    font-size: var(--h4-font-size-tablet, calc(var(--font-heading-size) * 2.4rem));
  }

  #offcanvas__mini_cart #cart-notification .cart-notification-product__name {
    font-size: calc(
      0.93 * var(--h5-font-size-tablet, calc(var(--font-heading-size) * 2rem))
    );
  }

  #offcanvas__mini_cart #cart-notification .totals__subtotal.mb-0 {
    font-size: var(--h6-font-size-tablet, calc(var(--font-heading-size) * 1.8rem));
  }

  #offcanvas__mini_cart #cart-notification #cart-notification-subtotal.cart--subtotal-price {
    font-size: calc(
      0.96 * var(--h5-font-size-tablet, calc(var(--font-heading-size) * 2rem))
    );
    flex-shrink: 0;
  }
}

#offcanvas__mini_cart .cart-notification-wrapper > .cart-notification__close.modal__close-button {
  top: auto;
  right: auto;
  left: auto;
  inset-block-start: clamp(0.55rem, 2vmin, 0.85rem);
  inset-inline-end: clamp(1.2rem, 3.5vmin, 1.75rem);
  width: auto;
  height: auto;
  min-width: max(2.75rem, 44px);
  min-height: max(2.75rem, 44px);
  padding: 0;
  margin: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  background: transparent;
  overflow: visible;
  box-sizing: border-box;
  border: none;
  -webkit-tap-highlight-color: transparent;
}

#offcanvas__mini_cart .cart-notification-wrapper > .cart-notification__close.modal__close-button:hover {
  background: transparent;
  box-shadow: none;
}

#offcanvas__mini_cart .cart-notification-wrapper > .cart-notification__close .icon-close {
  width: 1.42rem;
  height: 1.42rem;
  transform: translateY(-0.14rem);
}

#offcanvas__mini_cart #cart-notification .cart_notification_topbar {
  padding-inline: clamp(1.25rem, 3.85vmin, 1.75rem);
  padding-block-start: clamp(1.45rem, 3.65vmin, 1.9rem);
  padding-block-end: var(--cd-space-md);
  border-block-end: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 72%, transparent);
}

#offcanvas__mini_cart #cart-notification .cart-notification__header {
  padding-inline-end: clamp(2.65rem, 7.5vmin, 3.15rem);
}

#offcanvas__mini_cart #cart-notification .cart-notification__heading .item__empty_message {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35em 0.55rem;
}

#offcanvas__mini_cart #cart-notification .cart-drawer-empty__title {
  font-family: var(--heading-global-family, var(--font-heading-family));
  font-style: var(--heading-global-style, var(--font-heading-style));
  font-weight: var(--heading-global-weight, var(--font-heading-weight, var(--cd-fw-bold)));
  letter-spacing: var(--h4-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  font-size: var(--h4-font-size-mobile, calc(var(--font-heading-size) * 2rem));
  text-transform: var(--h4-text-transform, var(--heading-global-text-transform, uppercase));
  line-height: var(--h4-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
  color: rgb(var(--color-foreground));
}

#offcanvas__mini_cart #cart-notification .cart-drawer-empty__count {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  letter-spacing: var(--body-letter-spacing, normal);
  font-size: var(--cd-fs-caption);
  opacity: 0.52;
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification .cart-notification__heading .item__success_message {
  font-size: 1.05em;
}

#offcanvas__mini_cart #cart-notification .cart-notification__divider {
  margin: 0;
  border: none;
  width: 100%;
  height: 0;
  flex-shrink: 0;
  overflow: hidden;
  background: none;
}

#offcanvas__mini_cart
  #cart-notification:has(.empty__cart__item:not(.no-js-inline))
  .cart-notification__divider {
  margin-block-start: 1.25rem;
}

#offcanvas__mini_cart #cart-notification #min-cart-items.cart__items {
  padding-inline: clamp(1.25rem, 3.85vmin, 1.75rem);
  padding-block-start: clamp(0.65rem, 2.05vmin, 1rem);
  padding-block-end: clamp(0.9rem, 2.65vmin, 1.35rem);
}

#offcanvas__mini_cart #cart-notification #cart-notification-product > div {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-block: clamp(1.2rem, 3.15vmin, 1.55rem);
  border-block-end: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 72%, transparent);
}

#offcanvas__mini_cart #cart-notification #cart-notification-product > div:last-child {
  border-block-end: none;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product {
  align-items: flex-start;
  gap: clamp(0.9rem, 3vmin, 1.2rem);
}

#offcanvas__mini_cart #cart-notification .cart-notification__product--image {
  flex-shrink: 0;
  min-width: 0;
  max-width: clamp(5.85rem, 16.5vw, 7.35rem);
  border-radius: var(--cart-drawer-thumb-radius);
  overflow: hidden;
  box-shadow: 0 0 0 0.1rem
    color-mix(in srgb, var(--cart-drawer-item-border) 82%, transparent);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__image {
  width: 100%;
  vertical-align: middle;
  margin-inline: 0;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--cd-line-stack);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__info > .caption-with-letter-spacing:is(p) {
  margin-block: 0;
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
  font-size: var(--cd-fs-caption);
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__variants-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--cd-space-xs) var(--cd-space-sm);
  width: 100%;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__options-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cd-space-xs) var(--cd-space-sm);
  min-width: 0;
  flex: 1 1 auto;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__option-sep {
  color: rgba(var(--color-foreground), 0.35);
  font-weight: 500;
  line-height: 1;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__line-discounts {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__price-top {
  width: 100%;
  margin: 0;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__price-top .cart__item_price {
  margin: 0;
  text-align: start;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__price-top .cart-item__discounted-prices {
  justify-content: flex-start;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__actions-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--cd-space-lg);
  row-gap: var(--cd-space-xs);
  width: 100%;
  margin-block-start: var(--cd-space-2xs);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__remove-slot {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__actions-row .cart-notification__quantity-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  max-width: 9.125rem;
  min-width: min(100%, 7.125rem);
  margin: 0;
  padding: 0;
}

#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product,
#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification-product .quantity.cart-notification--product {
  box-sizing: border-box;
  display: inline-flex;
  align-items: stretch;
  width: auto;
  min-width: min(100%, 7.125rem);
  max-width: 9.125rem;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  margin-block-start: 0;
  margin-block-end: 0;
  padding: 0;
  padding-inline: 3px;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-foreground), 0.12);
  background: rgb(var(--color-background));
  box-shadow: none;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 2rem;
  max-width: none;
  height: 100%;
  min-height: 0;
  align-self: stretch;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent !important;
  border-radius: 50%;
  color: inherit;
  box-sizing: border-box;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button:hover,
#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button:active,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__button:hover,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__button:active {
  background: transparent !important;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button .svg-wrapper,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__button .svg-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button svg,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__button svg {
  width: 1.05rem;
  height: 1.05rem;
  opacity: 0.92;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button[name="plus"] .svg-wrapper,
#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification--product .quantity__button[name="plus"] svg,
#offcanvas__mini_cart
  #cart-notification.cart-drawer
  quantity-input.quantity.cart-notification--product
  .quantity__button[name="plus"]
  .svg-wrapper,
#offcanvas__mini_cart
  #cart-notification.cart-drawer
  quantity-input.quantity.cart-notification--product
  .quantity__button[name="plus"]
  svg {
  transform: none;
  transform-origin: center;
}

#offcanvas__mini_cart #cart-notification.cart-drawer .cart-notification-product .quantity__input.quantity__input,
#offcanvas__mini_cart #cart-notification.cart-drawer quantity-input.quantity.cart-notification--product .quantity__input.quantity__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  min-height: 0;
  padding: 0 6px;
  border: none;
  background: transparent;
  box-shadow: none;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: var(--cd-fs-caption);
  font-weight: var(--cd-fw-semibold);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__name {
  font-family: var(--heading-global-family, var(--font-heading-family));
  font-style: var(--heading-global-style, var(--font-heading-style));
  font-size: calc(
    0.93 * var(--h5-font-size-mobile, calc(var(--font-heading-size) * 1.8rem))
  );
  font-weight: var(--heading-global-weight, var(--font-heading-weight, var(--cd-fw-bold)));
  letter-spacing: var(--h5-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  line-height: var(--h5-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
  text-transform: none;
  padding-inline: 0;
  margin-block-end: 0;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__name a {
  text-decoration: none;
  color: rgb(var(--color-foreground));
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__option {
  margin: 0;
  font-size: var(--cd-fs-body-sm);
  line-height: var(--body-line-height, 1.4);
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.012em);
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification .cart__item_price .unit-price.caption {
  margin-block-start: var(--cd-space-2xs);
  color: var(--cart-drawer-secondary-muted);
  font-size: var(--cd-fs-caption);
  line-height: var(--body-line-height, 1.4);
}

#offcanvas__mini_cart #cart-notification .cart__item_price .price {
  margin: 0;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--cd-fw-semibold);
  font-size: var(--cd-fs-section);
  letter-spacing: calc(var(--body-letter-spacing, 0px) - 0.01em);
  font-variant-numeric: tabular-nums;
}

#offcanvas__mini_cart #cart-notification .cart__item_price .cart-item__discounted-prices {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.28rem 0.5rem;
  align-items: baseline;
  justify-content: flex-start;
}

#offcanvas__mini_cart #cart-notification .cart-item__old-price.price {
  color: rgba(var(--color-foreground), 0.45);
  font-size: 0.88em;
  font-weight: 500;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__line-discounts .discounts__discount svg {
  display: none;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__line-discounts .discounts__discount {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.16rem 0.58rem;
  margin: 0;
  border-radius: 999px;
  font-size: max(var(--cd-fs-caption), 0.75rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.35;
  color: var(--cart-drawer-sale-accent);
  background: var(--cart-drawer-sale-pill-bg);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__line-discounts .discounts__discount .icon {
  display: none;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__option span b {
  font-weight: 500;
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__option--solo {
  font-weight: var(--font-body-weight);
}

#offcanvas__mini_cart #cart-notification .cart-close-icon .cart--remove-button {
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 0.05em;
  white-space: nowrap;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__actions-row .cart-close-icon .cart--remove-button,
#offcanvas__mini_cart #cart-notification .cart-notification-product__actions-row .cart-close-icon a {
  font-size: var(--cd-fs-body-sm);
  font-weight: var(--cd-fw-medium);
  line-height: 1.35;
  text-decoration: underline;
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  text-align: start;
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__info > .cart-item__error {
  margin-block-start: 0.35rem;
}

#offcanvas__mini_cart #cart-notification .cart-notification-product__info > .product-option {
  margin-block-start: var(--cd-space-3xs);
  font-size: var(--cd-fs-body-sm);
  line-height: var(--body-line-height, 1.5);
  color: var(--cart-drawer-secondary-muted);
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer.cart-drawer-footer-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--cd-footer-gap);
  padding-block: var(--cd-space-xl) var(--cd-space-2xl);
  padding-inline: clamp(1.25rem, 3.85vmin, 1.75rem);
  margin: 0;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer #cart--discount-wrapper {
  margin: 0;
  border: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 85%, transparent);
  border-radius: var(--textarea-border-radius);
  background-color: rgb(var(--color-background));
  padding-inline: clamp(0.95rem, 2.2vw, 1.25rem);
  padding-block: 0;
  box-sizing: border-box;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart--discount {
  padding-inline: 0;
  margin-block-start: 0 !important;
  margin-inline: 0;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer details.details.discount-details {
  display: flex;
  flex-direction: column;
  margin-block-start: 0;
  padding-block: 0;
  border-block: none;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-drawer-footer__actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 148px), 1fr));
  gap: var(--cd-space-xs);
  width: 100%;
  align-items: stretch;
  padding: 0;
  margin: 0;
}

#offcanvas__mini_cart
  #cart-notification
  #cart--drawer--footer
  .cart-drawer-footer__actions.cart_notification_footer
  .cart--action-popup-item
  + .cart--action-popup-item {
  border-inline-start: none;
}

#offcanvas__mini_cart
  #cart-notification
  #cart--drawer--footer
  .cart-drawer-footer__actions.cart_notification_footer
  > .cart--action-popup-item {
  flex-grow: unset;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-drawer-footer__actions .cart_notification_action_button {
  width: 100%;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart_notification_links_inner {
  padding: 0;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-drawer-footer__totals-zone {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--cd-footer-gap-tight);
  margin: 0;
  padding-block-start: var(--cd-space-xl);
  border-block-start: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 72%, transparent);
}

#offcanvas__mini_cart #cart-notification .cart-notification__links > * {
  margin-top: 0;
}

#offcanvas__mini_cart #cart-notification .cart-notification__links {
  box-shadow: none;
  margin: 0;
  margin-block-start: auto;
  border-block-start: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 72%, transparent);
  background-color: var(--cart-drawer-footer-surface);
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__content {
  padding: 0 0 clamp(0.95rem, 2.2vw, 1.25rem);
  margin: 0;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer summary.cart-discount__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 0;
  padding-block: clamp(0.95rem, 2.2vw, 1.25rem);
  padding-inline: 0;
  margin: 0;
  list-style: none;
  cursor: pointer;
  border-radius: 0.25rem;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer summary.cart-discount__summary:focus {
  outline: none;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer summary.cart-discount__summary:focus-visible {
  outline: 0.125rem solid color-mix(in srgb, rgb(var(--color-foreground)) 35%, transparent);
  outline-offset: 0.2rem;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer summary.cart-discount__summary::-webkit-details-marker {
  display: none;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer summary.cart-discount__summary .cart-discount__label {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-heading-weight);
  font-size: var(--cd-fs-body-sm, 0.94rem);
  letter-spacing: var(--body-letter-spacing);
  line-height: 1.3;
  text-transform: none;
  color: rgb(var(--color-foreground));
  opacity: 1;
  flex: 1 1 auto;
  min-width: 0;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  color: rgb(var(--color-foreground));
  opacity: 1;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__title-icon .icon {
  width: 100%;
  height: 100%;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__summary-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: rgb(var(--color-foreground));
  opacity: 0.9;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__summary-chevron .icon-chevron {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.2s ease;
}

#offcanvas__mini_cart
  #cart-notification
  #cart--drawer--footer
  details.discount-details[open]
  .cart-discount__summary-chevron
  .icon-chevron {
  transform: rotate(180deg);
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart_notification_action_button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--cd-space-sm);
  min-height: 3rem;
  padding-block: var(--cd-space-sm);
  padding-inline: var(--cd-space-lg);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-size: calc(var(--button-font-size) * 1.5rem);
  font-weight: var(--button-font-weight);
  line-height: 1.28;
  text-transform: var(--button-text-case);
  white-space: nowrap;
  border-radius: 999px;
  border: 0.1rem solid var(--cart-drawer-item-border);
  background: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart_notification_action_button svg {
  flex-shrink: 0;
  display: block;
  width: 1.28rem;
  height: 1.28rem;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__form {
  gap: 0.5rem;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer input.cart-discount__input.input__field {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
  padding-inline: 1rem;
  border-radius: var(--button-border-radius);
  border-width: var(--inputs-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), 0.12);
  background: rgb(var(--color-background));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--cd-fs-body);
  line-height: var(--body-line-height, 1.35);
  letter-spacing: var(--body-letter-spacing, normal);
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer .cart-discount__button.button {
  flex: 0 0 auto;
  min-width: clamp(5.5rem, 24%, 8.5rem);
  min-height: 40px;
  height: 40px;
  box-sizing: border-box;
  padding-inline: var(--cd-space-md);
  border-radius: var(--button-border-radius);
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--button-font-weight);
  font-size: calc(var(--button-font-size) * 1.5rem);
  letter-spacing: var(--button-letter-spacing);
  text-transform: var(--button-text-case);
  line-height: 1.2;
}

#offcanvas__mini_cart #cart-notification cart-remove-button-2.cart-close-icon {
  display: inline-flex;
  align-items: center;
}

#offcanvas__mini_cart #cart-notification #cart--drawer--footer > .free-shipping-progress,
#offcanvas__mini_cart #cart-notification #cart--drawer--footer [data-free-shipping-progress] {
  margin: 0;
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress {
  padding: var(--cd-space-lg);
  gap: var(--cd-space-md);
  border-radius: 0.5rem;
  border: 0.1rem solid color-mix(in srgb, var(--cart-drawer-item-border) 72%, transparent);
  background: rgb(var(--color-background));
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress__message {
  margin: 0;
  color: rgba(var(--color-foreground), 0.78);
  font-size: var(--cd-fs-body-sm);
  font-weight: var(--cd-fw-medium);
  line-height: var(--body-line-height, 1.45);
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress--complete {
  background: color-mix(in srgb, var(--cart-drawer-success-fill) 12%, rgb(var(--color-background)) 88%);
  border-color: color-mix(in srgb, var(--cart-drawer-success-fill) 35%, rgb(var(--color-background)) 65%);
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress--complete .free-shipping-progress__message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--cd-space-sm);
  text-align: start;
  color: rgb(var(--color-foreground));
  font-weight: var(--cd-fw-semibold);
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress--complete .free-shipping-progress__message::before {
  content: "";
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  background: var(--cart-drawer-success-fill);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress__track {
  min-height: 0.45rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(var(--color-foreground), 0.08);
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress__fill {
  border-radius: inherit;
}

#offcanvas__mini_cart #cart-notification .free-shipping-progress--complete .free-shipping-progress__fill {
  box-shadow: none;
  background: var(--cart-drawer-success-fill);
}

#offcanvas__mini_cart #cart-notification .cart-drawer-footer__totals-zone .cart-drawer-totals__head {
  margin-block-end: 0;
}

#offcanvas__mini_cart #cart-notification .cart-drawer-footer__totals-zone .totals {
  margin: 0;
}

#offcanvas__mini_cart #cart-notification .cart-drawer-footer__totals-zone .cart_notification--discount {
  margin-bottom: 0;
}

#offcanvas__mini_cart #cart-notification .cart-drawer-footer__totals-zone #cart-notification-discount {
  margin: 0;
}
/* END_SNIPPET:component-cart-notification-styles */

/* START_SNIPPET:component-cart-page-styles (INDEX:161) */
#MainContent:has(#main-cart-items) {
  --cart-page-border: color-mix(in srgb, rgb(var(--color-foreground)) 20%, transparent);
  --cart-page-muted: rgba(var(--color-foreground), 0.88);
  --cart-page-success: #059669;
  --cart-page-sale: #c72424;
  --cart-page-radius: 0.6rem;
  --cart-page-radius-sm: 0.35rem;
  --cart-page-pill-border: rgba(var(--color-foreground), 0.18);
  --cart-page-summary-pad: clamp(2rem, 3vw, 2.75rem);
  --cart-page-summary-stack-gap: 1.5rem;
  --cart-page-discount-stack-gap: 0.75rem;
  --cart-page-summary-collapsible-pad-end: clamp(1.1rem, 2.4vw, 1.65rem);
  --cart-page-summary-collapsible-pad-start: 0.5rem;
  --cart-page-fs-caption: 0.75em;
  --cart-page-fs-body-sm: 1.6rem;
  --cart-drawer-success-fill: #10b981;
}

#MainContent:has(#main-cart-items) > .shopify-section {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 1.035em;
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
}

@media screen and (min-width: 990px) {
  #MainContent:has(#main-cart-items) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 40rem);
    column-gap: clamp(2rem, 4vw, 4rem);
    row-gap: 0;
    align-items: start;
    width: 100%;
    max-width: var(--page-width, 138rem);
    margin-inline: auto;
    padding-inline: 1.5rem;
    padding-bottom: 5rem;
  }

  #MainContent:has(#main-cart-items)
    > .shopify-section:has(nav[aria-label='breadcrumbs']) {
    grid-column: 1 / -1;
  }

  body #MainContent:has(#main-cart-items) > .shopify-section:has(#main-cart-items):not(:has(.cart-page-unified)) {
    grid-column: 1;
  }

  body #MainContent:has(#main-cart-items) > .shopify-section:has(.cart-page-unified) {
    grid-column: 1 / -1;
  }

  body #MainContent:has(#main-cart-items) > .shopify-section.cart__footer-wrapper {
    grid-column: 2;
    position: sticky;
    top: 2rem;
  }

  body #MainContent:has(#main-cart-items)
    > .shopify-section:not(:has(nav[aria-label='breadcrumbs'])):not(:has(#main-cart-items)):not(
      .cart__footer-wrapper
    ) {
    grid-column: 1 / -1;
  }

  .cart-page-unified__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 40rem);
    column-gap: clamp(2rem, 4vw, 4rem);
    align-items: start;
    width: 100%;
    max-width: var(--page-width, 138rem);
    margin-inline: auto;
    padding-inline: 0;
  }

  .cart-page-unified__summary {
    position: sticky;
    top: 2rem;
  }

  #MainContent:has(#main-cart-items) > .shopify-section:has(.cart-page-unified) .cart_template_wrapper.container,
  #MainContent:has(#main-cart-items) > .shopify-section:has(.cart-page-unified) .cart_subtotal.container {
    max-width: none;
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }

  #MainContent:has(#main-cart-items)
    > .shopify-section:has(.cart-page-unified)
    .cart_template_wrapper
    > .row,
  #MainContent:has(#main-cart-items) > .shopify-section:has(.cart-page-unified) .cart_subtotal > .row {
    margin-inline: 0;
  }

  #MainContent:has(#main-cart-items)
    > .shopify-section:has(.cart-page-unified)
    .cart_template_wrapper
    .col-12,
  #MainContent:has(#main-cart-items) > .shopify-section:has(.cart-page-unified) .cart_subtotal .col-12 {
    padding-inline: 0;
  }

  #MainContent:has(#main-cart-items) > .shopify-section.cart__footer-wrapper .cart_subtotal.container {
    max-width: none;
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }

  #MainContent:has(#main-cart-items) > .shopify-section.cart__footer-wrapper .cart_subtotal > .row {
    margin-inline: 0;
  }

  #MainContent:has(#main-cart-items) > .shopify-section.cart__footer-wrapper .cart_subtotal .col-12 {
    padding-inline: 0;
  }
}

#main-cart-items .free-shipping-progress--cart-page {
  margin-bottom: 2rem;
}

#main-cart-items .free-shipping-progress--cart-page .free-shipping-progress__message {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: inherit;
  line-height: var(--body-line-height);
}

#main-cart-items .free-shipping-progress--cart-page .free-shipping-progress__markers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 0.85rem;
  font-size: var(--cart-page-fs-caption);
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
  line-height: var(--body-line-height);
  color: var(--cart-page-muted);
}

#main-cart-items .free-shipping-progress--cart-page .free-shipping-progress__marker--end {
  text-align: end;
}

#main-cart-items .free-shipping-progress--cart-page.free-shipping-progress--complete {
  background: color-mix(in srgb, var(--cart-drawer-success-fill) 12%, rgb(var(--color-background)) 88%);
  border-color: color-mix(in srgb, var(--cart-drawer-success-fill) 35%, rgb(var(--color-background)) 65%);
}

#main-cart-items
  .free-shipping-progress--cart-page.free-shipping-progress--complete
  .free-shipping-progress__message {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  text-align: start;
  color: rgb(var(--color-foreground));
  font-weight: 600;
}

#main-cart-items
  .free-shipping-progress--cart-page.free-shipping-progress--complete
  .free-shipping-progress__message::before {
  content: '';
  flex-shrink: 0;
  width: 1.55rem;
  height: 1.55rem;
  background: var(--cart-drawer-success-fill);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

#main-cart-items
  .free-shipping-progress--cart-page.free-shipping-progress--complete
  .free-shipping-progress__fill {
  box-shadow: none;
  background: var(--cart-drawer-success-fill);
}

#main-cart-footer .cart__footer {
  padding-top: 0;
  display: block;
  border: none;
  padding-bottom: 0;
}

#main-cart-footer .cart__footer > div:only-child {
  margin-inline: 0 !important;
  width: 100% !important;
  max-width: none;
}

#main-cart-footer.is-empty .cart-page__summary-card,
#main-cart-footer .col-12 > .is-empty .cart-page__summary-card {
  display: none;
}

@media screen and (min-width: 990px) {
  body #MainContent:has(#main-cart-items):has(cart-items.is-empty) .cart-page-unified__summary {
    display: none;
  }

  body #MainContent:has(#main-cart-items):has(cart-items.is-empty) .cart-page-unified__grid {
    display: block;
  }

  body #MainContent:has(#main-cart-items):has(cart-items.is-empty)
    > .shopify-section:has(#main-cart-items):not(:has(.cart-page-unified)) {
    grid-column: 1 / -1;
  }

  body #MainContent:has(#main-cart-items):has(cart-items.is-empty) > .shopify-section.cart__footer-wrapper {
    display: none;
  }
}

#MainContent:has(#main-cart-items) cart-items.is-empty .cart__warnings {
  text-align: center;
  color: rgb(var(--color-foreground));
}

#MainContent:has(#main-cart-items) cart-items.is-empty .cart-empty-page__account {
  text-align: center;
  color: rgb(var(--color-foreground));
}

#MainContent:has(#main-cart-items) .cart-item__vendor {
  font-family: var(--font-body-family);
  font-size: var(--cart-page-fs-caption);
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
  line-height: var(--body-line-height);
  text-transform: uppercase;
  margin: 0 0 0.35rem;
  color: var(--cart-page-muted);
}

#MainContent:has(#main-cart-items) .cart-items thead th.product__title--cart-items {
  padding-bottom: 1.25rem;
}

@media screen and (min-width: 750px) {
  #MainContent:has(#main-cart-items) .cart__items {
    grid-column-start: unset;
    grid-column-end: unset;
  }

  #MainContent:has(#main-cart-items) .cart-items .cart-items__heading--wide {
    display: none;
  }

  #MainContent:has(#main-cart-items) .cart-items {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0;
  }

  #MainContent:has(#main-cart-items) .cart-items > thead > tr {
    border-bottom: 0.1rem solid var(--cart-page-border);
  }

  #MainContent:has(#main-cart-items) .cart-items thead th {
    border-bottom: 0;
  }

  #MainContent:has(#main-cart-items) .cart-items tbody tr.cart-item {
    border-bottom: 0.1rem solid var(--cart-page-border);
  }

  #MainContent:has(#main-cart-items) .cart-items tbody tr.cart-item:last-child {
    border-bottom: none;
  }

  #MainContent:has(#main-cart-items) .cart-item td {
    border-block-end: none;
    padding-block: clamp(2rem, 3vw, 2.75rem);
  }

  #MainContent:has(#main-cart-items)
    .cart-items
    thead
    th.cart-items-heading-price.right {
    text-align: start;
    width: auto;
    max-width: 11rem;
    white-space: nowrap;
  }

  #MainContent:has(#main-cart-items) td.cart-item__totals.small-hide {
    text-align: start;
    vertical-align: top;
  }

  #MainContent:has(#main-cart-items) td.cart-item__totals.small-hide .cart-item__price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
    gap: 0.25rem;
  }

  #MainContent:has(#main-cart-items) .cart-item__media {
    width: clamp(7.5rem, 9vw, 9.75rem);
    min-width: 7.5rem;
    vertical-align: top;
  }

  #MainContent:has(#main-cart-items) .cart-item__media a {
    display: block;
  }

  #MainContent:has(#main-cart-items)
    .cart-item__media
    img.cart-item__image.cart-page__thumb {
    width: 100%;
    max-width: 9.75rem;
    height: auto;
    display: block;
    object-fit: contain;
  }

  #MainContent:has(#main-cart-items) .cart-item td.cart-item__details {
    padding-left: clamp(1rem, 2vw, 1.75rem);
  }

  #MainContent:has(#main-cart-items) .cart-items thead th:first-child {
    width: auto;
    max-width: none;
  }
}

@media screen and (min-width: 990px) {
  #MainContent:has(#main-cart-items) .cart-item__details {
    max-width: 36rem;
    width: auto;
  }
}


#MainContent:has(#main-cart-items) .cart-page__thumb,
#MainContent:has(#main-cart-items) .cart-item__media img.cart-page__thumb {
  border-radius: var(--cart-page-radius-sm);
  overflow: hidden;
  background: color-mix(in srgb, rgb(var(--color-foreground)) 6%, transparent);
}

#MainContent:has(#main-cart-items) .cart-page__continue-wrap {
  margin: 0;
  margin-top: clamp(2rem, 4vw, 2.75rem);
  padding-block: clamp(1.2rem, 2.5vw, 1.45rem);
  border-block: 0.1rem solid var(--cart-page-border);
}

#MainContent:has(#main-cart-items) .cart-page__continue {
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  margin: 0;
  padding: 0;
  font-family: var(--font-body-family);
  font-size: var(--cart-page-fs-body-sm);
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: var(--font-body-weight);
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

#MainContent:has(#main-cart-items) .cart-page__continue:hover {
  color: rgb(var(--color-foreground));
  opacity: 0.72;
}

#MainContent:has(#main-cart-items) .cart-page__continue-arrow {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
}

#MainContent:has(#main-cart-items) .cart-page__continue-arrow .icon {
  width: 0.95em;
  height: 0.68em;
  display: block;
  transform: scaleX(-1);
}

#MainContent:has(#main-cart-items) .cart-page__continue-arrow svg {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 749px) {
  #MainContent:has(#main-cart-items) .cart-page__continue-wrap {
    margin-top: 1.75rem;
    padding-block: 1.05rem;
  }
}

#main-cart-footer .cart-page__summary-cart-note .cart-note__label.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#MainContent:has(#main-cart-items) cart-remove-button .button.button--tertiary {
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
  --alpha-button-background: 0;
}

#MainContent:has(#main-cart-items)
  cart-remove-button
  .button.button--tertiary:not([disabled]):hover,
#MainContent:has(#main-cart-items)
  cart-remove-button
  .button.button--tertiary:not([disabled]):focus-visible {
  background-color: transparent;
  box-shadow: none;
  border-color: transparent;
  color: rgb(var(--color-foreground));
  opacity: 0.75;
}

@media screen and (min-width: 750px) {
  #MainContent:has(#main-cart-items)
    .cart-item__quantity {
    vertical-align: top;
    padding-top: clamp(2rem, 3vw, 2.75rem);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  #MainContent:has(#main-cart-items)
    #main-cart-items
    .quantity__button
    .icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  #MainContent:has(#main-cart-items) cart-remove-button .button.button--tertiary {
    gap: 0.35rem;
    display: inline-flex;
    align-items: center;
    font-family: var(--font-body-family);
    font-size: var(--cart-page-fs-caption);
    letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
    line-height: var(--body-line-height);
    text-transform: var(--heading-global-text-transform, var(--header-text-case, none));
    font-weight: var(--font-body-weight);
    color: var(--cart-page-muted);
  }

  #MainContent:has(#main-cart-items) cart-remove-button .cart-page__remove-x {
    font-size: 1em;
    line-height: 1;
    font-weight: 400;
    transform: translateY(-0.05em);
    margin-inline-end: 0.15rem;
  }

  #MainContent:has(#main-cart-items) cart-remove-button .icon-remove {
    display: none;
  }

  #MainContent:has(#main-cart-items) cart-remove-button .cart-page__remove-word {
    clip: unset;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
  }

  #MainContent:has(#main-cart-items) #main-cart-items .quantity {
    border: 0.1rem solid var(--cart-page-pill-border);
    border-radius: 999px;
    min-height: 3.8rem;
    padding-inline: 0.4rem;
    background: rgb(var(--color-background));
  }

  #MainContent:has(#main-cart-items) #main-cart-items .quantity .quantity__input {
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
    font-size: 1em;
    max-width: 3.5rem;
  }

  #MainContent:has(#main-cart-items) .cart-item__quantity .quantity.cart-page__qty-row {
    margin-block-end: 0;
  }

  #MainContent:has(#main-cart-items) .cart-page__sale-row .cart-item__discounted-prices {
    align-items: flex-start;
    text-align: start;
  }

  #MainContent:has(#main-cart-items)
    .cart-page__sale-row
    .cart-item__discounted-prices
    dd.price.price--end {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: var(--cart-page-fs-body-sm);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    text-transform: none;
    color: var(--cart-page-sale);
  }

  #MainContent:has(#main-cart-items)
    .cart-page__sale-row
    .cart-item__discounted-prices
    .cart-page__sale-pill {
    display: inline-block;
    font-size: 0.65em;
    line-height: 1;
    padding: 0.25em 0.45em;
    border: 1px solid var(--cart-page-sale);
    border-radius: 0.25em;
    letter-spacing: var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0));
    text-transform: uppercase;
    color: var(--cart-page-sale);
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.small-hide
    .cart-page__line-total-value--plain {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: var(--cart-page-fs-body-sm);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    text-transform: none;
    display: block;
    text-align: start;
    color: rgb(var(--color-foreground));
  }
}


@media screen and (max-width: 749px) {
  #MainContent:has(#main-cart-items)
    .cart-item__media
    img.cart-item__image.cart-page__thumb {
    max-width: min(11rem, 32vw);
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  #MainContent:has(#main-cart-items)
    #main-cart-items
    .quantity__button
    .icon {
    width: 1.1rem;
    height: 1.1rem;
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.medium-hide.large-up-hide.right {
    text-align: start;
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.medium-hide.large-up-hide
    .cart-item__price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.medium-hide.large-up-hide
    .cart-page__line-total-value--plain {
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
    font-size: var(--cart-page-fs-body-sm);
    letter-spacing: var(--body-letter-spacing);
    line-height: var(--body-line-height);
    text-transform: none;
    text-align: start;
    color: rgb(var(--color-foreground));
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.medium-hide.large-up-hide
    .cart-page__sale-row.cart-item__discounted-prices {
    align-items: flex-start;
    text-align: start;
  }

  #MainContent:has(#main-cart-items)
    td.cart-item__totals.medium-hide.large-up-hide
    .cart-page__sale-row.cart-item__discounted-prices
    dd.price.price--end {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: var(--cart-page-fs-body-sm);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    text-transform: none;
    justify-content: flex-start;
    color: var(--cart-page-sale);
  }

  #MainContent:has(#main-cart-items) cart-remove-button .cart-page__remove-word {
    clip: unset;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
    font-size: var(--cart-page-fs-caption);
    letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.06em);
    line-height: var(--body-line-height);
    text-transform: var(--heading-global-text-transform, var(--header-text-case, none));
  }

  #MainContent:has(#main-cart-items) cart-remove-button .cart-page__remove-x {
    display: none;
  }
}

#MainContent:has(#main-cart-items) .cart-page__inventory {
  font-size: var(--cart-page-fs-caption);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  margin: 0;
  padding: 0;
}

#MainContent:has(#main-cart-items) .cart-page__inventory--ok {
  color: var(--cart-page-success);
}

#MainContent:has(#main-cart-items) .cart-page__inventory--low {
  color: #ca6a06;
}

#main-cart-footer .cart-page__summary-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(1.15rem, 2.5vw, 1.5rem);
  border: 0.1rem solid var(--cart-page-border);
  border-radius: var(--cart-page-radius);
  padding: var(--cart-page-summary-pad);
  background-color: color-mix(in srgb, rgb(var(--color-foreground)) 5%, rgb(var(--color-background)));
}

#main-cart-footer .cart-page__summary-title {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-heading-weight);
  font-size: clamp(1.05rem, 2.1vw, 1.22rem);
  line-height: var(--body-line-height);
  letter-spacing: calc(var(--body-letter-spacing, 0px) + 0.14em);
  text-transform: uppercase;
  margin: 0 0 0.15rem;
  color: rgb(var(--color-foreground));
}

#main-cart-footer .cart-page__summary-divider {
  height: 0.1rem;
  margin: 0.35rem 0 0.55rem;
  border: none;
  background-color: var(--cart-page-border);
}

#main-cart-footer .cart-page__summary-panel-bordered {
  border: 0.1rem solid var(--cart-page-border);
  border-radius: var(--textarea-border-radius);
  background-color: rgb(var(--color-background));
  padding: clamp(1rem, 2.2vw, 1.35rem);
  box-sizing: border-box;
}

#main-cart-footer .cart-page__summary-panel-bordered .cart-discount__input.input__field {
  background-color: color-mix(in srgb, rgb(var(--color-foreground)) 4%, rgb(var(--color-background)));
}

#main-cart-footer .input__field {
  box-sizing: border-box;
  min-height: 40px;
  height: 40px;
}

#main-cart-footer .cart-page__checkout-block.cart__ctas {
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

@media screen and (min-width: 750px) {
  #main-cart-footer .cart-page__checkout-block.cart__ctas {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 0.75rem;
  }
}

#main-cart-footer .cart-page__summary-panels {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin-top: 0.25rem;
}

#main-cart-footer .cart-page__summary-panels.cart-page__summary-panels--lead {
  margin-top: 0;
}

#main-cart-footer .cart-page__summary-collapsible {
  border: 0.1rem solid var(--cart-page-border);
  border-radius: var(--textarea-border-radius);
  background-color: rgb(var(--color-background));
  overflow: hidden;
}

#main-cart-footer .cart-page__summary-collapsible-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: clamp(0.95rem, 2vw, 1.2rem) clamp(1rem, 2.2vw, 1rem);
  margin: 0;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--cart-page-fs-body-sm);
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
}

#main-cart-footer .cart-page__summary-collapsible-summary::-webkit-details-marker {
  display: none;
}

#main-cart-footer .cart-page__summary-collapsible-start {
  display: flex;
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  flex: 1;
}

#main-cart-footer .cart-page__summary-collapsible-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  opacity: 0.95;
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
}

#main-cart-footer .cart-page__summary-collapsible-icon svg {
  width: 100%;
  height: 100%;
}

#main-cart-footer .cart-page__summary-collapsible-label {
  flex: 1;
  min-width: 0;
  text-align: start;
  color: rgb(var(--color-foreground));
  opacity: 0.88;
}

#main-cart-footer .cart-page__summary-collapsible-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: rgb(var(--color-foreground));
  opacity: 0.9;
}

#main-cart-footer .cart-page__summary-collapsible-chevron .icon-chevron {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.2s ease;
}

#main-cart-footer .cart-page__summary-collapsible[open] .cart-page__summary-collapsible-chevron .icon-chevron {
  transform: rotate(180deg);
}

#main-cart-footer .cart-page__summary-collapsible-body {
  padding: 0 clamp(1rem, 2.2vw, 1.25rem) var(--cart-page-summary-collapsible-pad-end);
}

#main-cart-footer .cart-page__summary-cart-note.cart__note {
  display: block;
  padding-block-start: var(--cart-page-summary-collapsible-pad-start);
}

#main-cart-footer .cart-page__summary-cart-note .field__input {
  margin-top: 0;
  background-color: color-mix(in srgb, rgb(var(--color-foreground)) 4%, rgb(var(--color-background)));
}

#main-cart-footer .cart-page__shipping-summary-body {
  padding-block-start: var(--cart-page-summary-collapsible-pad-start);
}

#main-cart-footer .cart-page__shipping-summary-body .shipping_rate_package {
  margin-top: 1rem;
}

#main-cart-footer .cart-page__shipping-summary-body .shipping_rate_package p {
  margin: 0 0 0.6rem;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: inherit;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  color: rgb(var(--color-foreground));
}

#main-cart-footer .cart-page__discount-block {
  margin: 0;
}

#main-cart-footer .cart-page__discount-block .cart--discount {
  padding-inline: 0;
  margin-block-start: 0 !important;
}

#main-cart-footer .cart-page__summary-card details.discount-details {
  display: flex;
  flex-direction: column;
  border: none;
  padding-block: 0;
}

#main-cart-footer .cart-page__summary-card summary.cart-discount__summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0;
  margin: 0;
}

#main-cart-footer .cart-page__summary-card summary.cart-discount__summary::-webkit-details-marker {
  display: none;
}

#main-cart-footer .cart-page__summary-card .cart-discount__label {
  flex: 1;
  min-width: 0;
  text-align: start;
  color: rgb(var(--color-foreground));
  opacity: 1;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-heading-weight);
  font-size: var(--cart-page-fs-body-sm);
  line-height: 1.3;
  letter-spacing: var(--body-letter-spacing);
  margin: 0;
}

#main-cart-footer .cart-page__summary-card .cart-discount__title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.35rem;
  height: 1.35rem;
  color: rgb(var(--color-foreground));
  opacity: 1;
}

#main-cart-footer .cart-page__summary-card .cart-discount__title-icon .icon {
  width: 100%;
  height: 100%;
}

#main-cart-footer .cart-page__summary-card .cart-discount__summary-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  color: rgb(var(--color-foreground));
  opacity: 0.9;
}

#main-cart-footer .cart-page__summary-card .cart-discount__summary-chevron .icon-chevron {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform 0.2s ease;
}

#main-cart-footer
  .cart-page__summary-card
  details.discount-details[open]
  .cart-discount__summary-chevron
  .icon-chevron {
  transform: rotate(180deg);
}

#main-cart-footer .cart-page__summary-card .cart-discount__content {
  padding-top: 1rem !important;
}

#main-cart-footer .cart-page__summary-card .cart-discount__content > cart-discount {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#main-cart-footer .cart-page__summary-card .cart-discount__error-container {
  margin-block-start: 0;
}

#main-cart-footer .cart-page__summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: inherit;
  line-height: var(--body-line-height);
  letter-spacing: var(--body-letter-spacing);
  color: rgb(var(--color-foreground));
}

#main-cart-footer .cart-page__summary-row--muted .cart-page__summary-label {
  color: var(--cart-page-muted);
}

#main-cart-footer .cart-page__summary-row-value--success {
  color: var(--cart-page-success);
  font-weight: var(--font-heading-weight);
}

#main-cart-footer .cart-page__summary-row--total .cart-page__summary-label {
  font-family: var(--h6-font-family, var(--heading-global-family, var(--font-heading-family)));
  font-style: var(--h6-font-style, var(--heading-global-style, var(--font-heading-style)));
  font-weight: var(--h6-font-weight, var(--heading-global-weight, var(--font-heading-weight)));
  font-size: var(--h6-font-size-mobile, calc(var(--font-heading-size) * 1.6rem));
  line-height: var(--h6-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
  letter-spacing: var(--h6-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  text-transform: var(--h6-text-transform, var(--heading-global-text-transform, var(--header-text-case)));
}

@media only screen and (min-width: 750px) {
  #main-cart-footer .cart-page__summary-row--total .cart-page__summary-label {
    font-size: var(--h6-font-size-tablet, calc(var(--font-heading-size) * 1.8rem));
  }
}

#main-cart-footer .cart-page__summary-row--total .cart-page__summary-value {
  font-family: var(--h4-font-family, var(--heading-global-family, var(--font-heading-family)));
  font-style: var(--h4-font-style, var(--heading-global-style, var(--font-heading-style)));
  font-weight: var(--h4-font-weight, var(--heading-global-weight, var(--font-heading-weight)));
  font-size: var(--h4-font-size-mobile, calc(var(--font-heading-size) * 2rem));
  line-height: var(--h4-line-height, var(--heading-global-line-height, calc(1 + 0.3 / max(1, var(--font-heading-size)))));
  letter-spacing: var(--h4-letter-spacing, var(--heading-global-letter-spacing, var(--heading-letter-spacing, 0)));
  text-transform: var(--h4-text-transform, var(--heading-global-text-transform, var(--header-text-case)));
}

@media only screen and (min-width: 750px) {
  #main-cart-footer .cart-page__summary-row--total .cart-page__summary-value {
    font-size: var(--h4-font-size-tablet, calc(var(--font-heading-size) * 2.4rem));
  }
}

#main-cart-footer #cart--discount-wrapper {
  margin: 0;
}

#main-cart-footer #cart-discount {
  flex: 1;
  margin: 0;
}

#main-cart-footer .cart-discount__form {
  gap: 0.5rem;
}

#main-cart-footer .cart-page__estimated-block {
  display: grid;
  gap: 1rem;
  padding-block-start: 0;
}

#main-cart-footer .cart-page__estimated-block .discounts.list-unstyled {
  margin-top: -0.5rem !important;
  margin-inline: 0;
}

#main-cart-footer
  .cart-page__estimated-block
  .discounts.list-unstyled
  .discounts__discount.discounts__discount--end {
  color: var(--cart-page-success);
  font-weight: var(--font-heading-weight);
}

#main-cart-footer .cart-page__summary-card .cart-discount__applied {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0;
}

#main-cart-footer .cart-page__summary-card .cart-discount__applied-title.h6 {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--cart-page-fs-caption);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  color: var(--cart-page-muted);
  margin: 0;
}

#main-cart-footer .cart-page__summary-card .cart-discount__applied-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-cart-footer .cart-page__summary-card .cart-discount__pill {
  background: rgba(5, 150, 105, 0.12);
  border-color: transparent;
  margin-bottom: 0;
}

#main-cart-footer .cart-page__summary-card small.tax-note {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  text-align: start;
  display: block;
  margin-inline: 0 !important;
  margin-block-start: 0 !important;
  color: var(--cart-page-muted);
  font-size: 1.02rem;
  letter-spacing: 0.07rem;
  line-height: 1.7;
}

@media screen and (min-width: 750px) {
  #main-cart-footer .cart-page__summary-card small.tax-note {
    font-size: 1.22rem;
  }
}

#main-cart-footer .cart-page__summary-card .cart__checkout-button {
  max-width: none;
  width: 100%;
  border-radius: var(--button-border-radius);
  min-height: 5.2rem;
}

#main-cart-footer .cart-page__summary-card .cart__dynamic-checkout-buttons {
  max-width: none;
  width: 100%;
}

#main-cart-footer .cart-page__trust-heading {
  flex: 1 0 100%;
  width: 100%;
  margin: 0 0 0.6rem;
  padding: 0;
  text-align: center;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: var(--cart-page-fs-body-sm);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  color: rgb(var(--color-foreground));
}

#main-cart-footer .cart-page__trust {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 0.85rem;
  justify-content: stretch;
  margin-top: 0;
  padding-top: 1rem;
  border-top: 0.1rem solid var(--cart-page-border);
}

#main-cart-footer .cart-page__trust-item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex: unset;
  max-width: none;
  min-width: 0;
  text-align: start;
}

#main-cart-footer .cart-page__trust-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  color: rgb(var(--color-foreground));
  opacity: 0.75;
}

#main-cart-footer .cart-page__trust-icon svg {
  width: 1.35rem;
  height: 1.35rem;
  display: block;
}

#main-cart-footer .cart-page__trust-text {
  margin: 0;
  color: var(--cart-page-muted);
  font-size: var(--cart-page-fs-caption);
  line-height: var(--body-line-height);
}

#main-cart-footer .cart-page__payment-row {
  margin-top: 0;
  padding-top: 1rem;
  border-top: 0.1rem solid var(--cart-page-border);
}

#main-cart-footer .cart-page__payment-row .list-payment {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.6rem 0.1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-cart-footer .cart-page__payment-row .list-payment__item svg {
  width: clamp(34px, 8vw, 42px);
  height: auto;
}

@media screen and (max-width: 989px) {
  #MainContent:has(#main-cart-items) {
    padding-inline: 1.5rem;
    padding-bottom: 3rem;
  }

  body #MainContent:has(#main-cart-items) > .shopify-section.cart__footer-wrapper {
    position: relative;
    top: unset;
    margin-top: 2rem;
  }

  body #MainContent:has(#main-cart-items) .cart-page-unified__summary {
    position: relative;
    top: unset;
    margin-top: 2rem;
  }
}

@media (prefers-color-scheme: dark) {
  #MainContent:has(#main-cart-items) {
    color-scheme: light dark;
  }
}
/* END_SNIPPET:component-cart-page-styles */

/* START_SNIPPET:component-cart-styles (INDEX:162) */
.cart {
  position: relative;
  display: block;
}

cart-items.is-empty .cart__contents,
cart-items.is-empty .title-wrapper-with-link,
cart-items.is-empty .cart__footer {
  display: none;
}

cart-items.is-empty .cart__warnings {
  display: block;
}

.cart__warnings {
  display: none;
  text-align: center;
}

cart-items.is-empty .cart__warnings {
  max-width: 54rem;
  margin-inline: auto;
}

.cart-empty-page__account {
  margin-top: clamp(2rem, 4vw, 3.25rem);
  padding-top: clamp(1.75rem, 3vw, 2.75rem);
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

cart-items.is-empty .cart-empty-page__account .cart__login-title {
  margin-top: 0;
}

.cart__contents > * + * {
  margin-top: 2.5rem;
}

.cart__login-title {
  margin: 5.5rem 0 0.5rem;
}

.cart__login-paragraph {
  margin-top: 0.8rem;
}

.cart__login-paragraph a {
  font-size: inherit;
}

cart-items {
  display: block;
}

.cart__items {
  position: relative;
  padding-bottom: 3rem;
}

.cart__items--disabled {
  pointer-events: none;
}

.cart__footer {
  padding: 4rem 0 0;
}

.cart__footer-wrapper:last-child .cart__footer,
.cart-page-unified .cart__footer {
  padding-bottom: 5rem;
}

.cart__footer > div:only-child {
  margin-left: auto;
}

.cart__footer > * + * {
  margin-top: 4rem;
}

.cart__footer .discounts {
  margin-top: 1rem;
}

.cart__note {
  display: block;
}

.cart__note label {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  height: 1.8rem;
  margin-bottom: 2rem;
  color: rgba(var(--color-foreground), 0.75);
}

.cart__note .field__input {
  padding: 1rem;
}

@media screen and (min-width: 750px) {
  .cart__items {
    grid-column-start: 1;
    grid-column-end: 3;
    padding-bottom: 4rem;
  }

  .cart__contents > * + * {
    margin-top: 0;
  }

  .cart__items + .cart__footer {
    grid-column: 2;
  }

  .cart__footer {
    display: flex;
    justify-content: space-between;
    border: 0;
  }

  .cart__footer-wrapper:last-child,
  .shopify-section:has(.cart-page-unified) {
    padding-top: 0;
  }

  .cart__footer > * {
    width: 35rem;
  }

  .cart__footer > * + * {
    margin-left: 4rem;
    margin-top: 0;
  }
}

.cart__ctas button {
  width: 100%;
}

.cart__ctas > *:not(noscript:first-child) + * {
  margin-top: 1rem;
}

.cart__update-button {
  margin-bottom: 1rem;
}

.cart__dynamic-checkout-buttons {
  max-width: 36rem;
  margin: 0 auto;
}

.cart__blocks>*+* {
    margin-top: 2rem;
}
.cart__dynamic-checkout-buttons div[role='button'] {
  border-radius: 0 !important;
}

.cart-note__label {
  display: inline-block;
  margin-bottom: 1rem;
  line-height: 2;
}

.tax-note {
  margin: 1.5rem 0 1.6rem auto;
  text-align: center;
  display: block;
}

.cart__checkout-button {
  max-width: 36rem;
}

.cart__ctas {
  text-align: center;
}
input#coupon_code_cart {
    max-width: 36rem;
}
@media screen and (min-width: 750px) {
  .cart-note {
    max-width: 35rem;
  }

  .cart__update-button {
    margin-bottom: 0;
    margin-right: 0.8rem;
  }

  .tax-note {
    margin-bottom: 1.5rem;
    text-align: start;
  }

  [data-shopify-buttoncontainer] {
    justify-content: flex-end;
  }

  .cart__ctas {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
  }
  
}
.cart__coupon--code {
    text-align: right;
}
.cart__coupon--title{
	margin-bottom: 5px;
    margin-top: 0;
}
@media only screen and (max-width: 750px){
  .discounts__discount--end {
    justify-content: center;
  }
  .cart__coupon--code {
    text-align: center;
  }
}
.shipping__calculator--title svg {
    width: 1.5rem;
    margin-left: 10px;
}
.shipping__calculator--title{
	display: inline-flex;
    align-items: center;
}
/* END_SNIPPET:component-cart-styles */

/* START_SNIPPET:component-collage-styles (INDEX:163) */
/*
  Source: assets/component-collage.css
*/
/* component-grid */
.collage {
  display: grid;
  grid-column-gap: var(--grid-mobile-horizontal-spacing);
  grid-row-gap: var(--grid-mobile-vertical-spacing);
}

@media only screen and (min-width: 750px) {
  .collage_column_4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .collage_column_2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .collage_column_6 .collage__item:nth-child(1),
  .collage_column_6 .collage__item:nth-child(6) {
    grid-column: span 2;
  }
  .collage_column_2 .collage__item:nth-child(2),
  .collage_column_4 .collage__item:nth-child(2),
  .collage_column_4 .collage__item:nth-child(3) {
    grid-column: span 2;
  }
  .collage_column_5 .collage__item:nth-child(1),
  .collage_column_many .collage__item:nth-child(1) {
    grid-column: span 2;
  }
  .collage_column_3 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_2 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_3
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder,
  .collage_column_2
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder {
    height: 46rem;
    padding: 0;
  }
  .collage_column_4 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_4
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder {
    height: 38rem;
    padding: 0;
  }
  .collage_column_1 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_1
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder {
    padding-bottom: 33.3333%;
  }
  .collage_column_5 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_5
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder {
    height: 35rem;
    padding: 0;
  }
  .collage_column_6 .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_many .collage__item .banner__list--media.mosaic--auto-fit,
  .collage_column_6
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder,
  .collage_column_many
    .collage__item
    .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit).placeholder {
    height: 35rem;
    padding: 0;
  }
  .collage__item .banner__list--media.mosaic--adapt-fit:not(.mosaic--auto-fit) {
    padding-bottom: var(--mosaic-banner-padding);
  }
}
@media only screen and (min-width: 992px) {
  .collage_column_3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .collage_column_3 .collage__item:nth-child(2) {
    grid-column: span 2;
  }
  .collage_column_5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .collage_column_many {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .collage_column_many {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  .collage_column_3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collage_column_3 .collage__item:nth-child(2) {
    grid-column: span 2;
    order: -1;
  }
  .collage_column_5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collage_column_many {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collage_column_many {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .collage_column_6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .collage_column_many {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 749px) {
  .collage__item .banner__list--media.mosaic--adapt-fit,
  .collage__item .banner__list--media.mosaic--auto-fit {
    padding-bottom: var(
      --mosaic-banner-padding-mobile,
      var(--mosaic-banner-padding)
    );
  }
}
/* END_SNIPPET:component-collage-styles */

/* START_SNIPPET:component-collection-hero-styles (INDEX:164) */
.collection-hero--with-image .collection-hero__inner {
  margin-bottom: 0;
}
.collection-hero__title.capitalize.text--bold {
  font-weight: bold;
}
@media screen and (min-width: 750px) {
  .collection-hero--with-image .collection-hero__inner {
    padding-bottom: 0;
  }
}

.collection-hero__text-wrapper {
  width: 100%;
}
.collection-hero__title ~ .collection-hero__description {
  font-size: 1.7rem;
}
.collection-hero__text-wrapper > * + * {
  margin-top: 1rem;
}

@media screen and (min-width: 750px) {
  .collection-hero--with-image .collection-hero__description {
    max-width: 100%;
  }
  .collection__image--media-full:not(.content__overlap--image)
    .collection-hero__text-wrapper {
    padding-left: 0;
  }
}

.collection-hero--with-image .collection-hero__title {
  margin: 0;
}

.collection__image--media-full .collection-hero__image-container,
.collection__image--media-full .collection-hero__text-wrapper {
  margin: 0;
  width: 100%;
  display: block;
}
.color-background-3 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background), 0.1);
}

@media screen and (max-width: 749px) {
  .collection__hero-media--small {
    height: 30rem;
  }
  .collection__hero-media--medium {
    height: 35rem;
  }
  .collection__hero-media--large {
    height: 45rem;
  }
  .collection-hero__inner.content__overlap--image--small {
    min-height: 30rem;
  }
  .collection-hero__inner.content__overlap--image--medium {
    min-height: 35rem;
  }
  .collection-hero__inner.content__overlap--image--large {
    min-height: 45rem;
  }
  .collection-hero__inner {
    flex-direction: column-reverse;
  }
  .collection-hero__image-container {
    width: 100%;
  }
  .collection-hero__text-wrapper.boxed__overlap--image-content {
    padding-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .collection-hero__inner {
    padding-bottom: 0;
  }
  .collection-hero--with-image .collection-hero__text-wrapper {
    width: 100%;
  }
  .collection-hero__image-container.collection__hero-media--small {
    height: 35rem;
  }
  .collection__hero-media--medium {
    height: 50rem;
  }
  .collection__hero-media--large {
    height: 60rem;
  }
  .collection-hero__inner.content__overlap--image--small {
    min-height: 35rem;
  }
  .collection-hero__inner.content__overlap--image--medium {
    min-height: 50rem;
  }
  .collection-hero__inner.content__overlap--image--large {
    min-height: 60rem;
  }

  .collection__image--media-two-thirds .collection-hero__image-container {
    width: 70%;
  }
  .collection__image--media-two-thirds .collection-hero__text-wrapper {
    width: 30%;
  }
  .collection__image--media-third .collection-hero__image-container {
    width: 30%;
  }
  .collection__image--media-third .collection-hero__text-wrapper {
    width: 70%;
  }
  .content__overlap--image .collection-hero__image-container.media {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
  }
  .collection__image--media-full
    .collection-hero__text-wrapper.collection__hero--full-width:not(
      .hero__inner--no-gap
    ) {
    padding-left: 3rem;
  }
  .collection-hero__text-wrapper.collection__hero--full-width.hero__inner--no-gap {
    padding-left: 0;
  }
  .collection-hero__text-wrapper.boxed__overlap--image-content {
    padding: 0 3rem;
  }
}
.collection-hero__text-wrapper:not(.collection-hero--with-image):not(
    .color-background-1
  ) {
  padding-left: 2rem;
  padding-right: 2rem;
}
.collection-hero.wrapper--full-width
  .collection-hero__text-wrapper:not(.collection-hero--with-image):not(
    .color-background-1
  ) {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
.collection-hero__inner.content__overlap--image {
  position: relative;
  overflow: hidden;
}
.collection-hero__text-wrapper {
  position: relative;
  z-index: 8;
}
.collection-hero__image-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 7;
}
.content__overlap--image .collection-hero__image-container {
  margin-left: 0;
}
.collection-hero.wrapper--full-width
  .collection-hero__text-wrapper:not(.collection-hero--with-image) {
  background: transparent;
}
.collection-hero.wrapper--full-width .color--background-transparent {
  background: transparent;
}
.breadcrumbs__link {
  color: rgba(var(--color-foreground));
}
/* New css here */

.collection__image--media-grid {
  display: grid;
  gap: 3rem;
}
@media only screen and (min-width: 992px) {
  .collection-hero__text-wrapper:not(.collection-hero__text--width) {
    max-width: calc(2 / 3 * 100%);
  }
  .collection__image--media-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .collection-hero__text-wrapper:not(.collection-hero--with-image):not(
      .color-background-1
    ) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.collection-hero__text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.collection-hero__text-wrapper.text-center {
  margin: 0 auto;
}
.collection-hero__text-wrapper.text-right {
  margin-left: auto;
}
.collection-hero__inner.content__overlap--image {
  display: flex;
  align-items: center;
}
.collection_Banner--radius {
  border-radius: 1rem;
  overflow: hidden;
}
.collection__image--media-grid .collection-hero__text-wrapper {
  padding-left: 3rem;
}
@media only screen and (max-width: 749px) {
  .collection__image--media-grid .collection-hero__text-wrapper {
    order: 2;
    padding-bottom: 3rem;
  }
}
.collection-hero.section__margin--top {
  margin-top: 5rem;
}
.collection-hero__text-wrapper .breadcrumbs__wrapper {
  margin-top: 0.5rem;
}
/* END_SNIPPET:component-collection-hero-styles */

/* START_SNIPPET:component-deferred-media-styles (INDEX:165) */
/*
  Source: assets/component-deferred-media.css
*/
.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.media > .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.deferred-media {
  overflow: hidden;
}

.deferred-media:not([loaded]) template {
  z-index: -1;
}

.deferred-media[loaded] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width)
      rgba(var(--color-foreground), var(--media-border-opacity)),
    0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)),
    0 0 0 calc(var(--media-border-width) + 0.5rem)
      rgba(var(--color-foreground), 0.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width)
      rgba(var(--color-foreground), var(--media-border-opacity)),
    0 0 0 calc(var(--media-border-width) + 0.3rem) rgb(var(--color-background)),
    0 0 0 calc(var(--media-border-width) + 0.5rem)
      rgba(var(--color-foreground), 0.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.global-media-settings--full-width .deferred-media__poster,
.global-media-settings--full-width
  .deferred-media__poster:is(:focus, :focus-visible) {
  border-radius: 0;
}

/* outline styling for Windows High Contrast Mode */
@media (forced-colors: active) {
  .deferred-media__poster:focus {
    outline: transparent solid 1px;
  }
}
.deferred-media__poster:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.deferred-media__poster-button {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.2rem;
  width: 6.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease,
    color var(--duration-short) ease;
  z-index: 1;
}

.deferred-media__poster-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.deferred-media__poster-button .icon {
  width: 2rem;
  height: 2rem;
}

.deferred-media__poster-button .icon-play {
  margin-left: 0.2rem;
}
/* END_SNIPPET:component-deferred-media-styles */

/* START_SNIPPET:component-discounts-styles (INDEX:166) */
.discounts {
  font-size: 1.2rem;
}

.discounts__discount {
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.discounts__discount svg {
  color: rgba(var(--color-button), var(--alpha-button-background));
}

.discounts__discount--end {
  justify-content: flex-end;
}

.discounts__discount > .icon {
  color: rgb(var(--color-foreground));
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
}
@media only screen and (max-width: 750px){
  
  .discounts__discount--end {
    justify-content: center;
  }
}
/* END_SNIPPET:component-discounts-styles */

/* START_SNIPPET:component-facets-styles (INDEX:167) */
.facets-container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
}

.active-facets-mobile {
  margin-bottom: 0.5rem;
}

.mobile-facets__list {
  overflow-y: auto;
}

@media screen and (min-width: 750px) {
  .facets-container > * + * {
    margin-top: 0;
  }

  .facets__form .product-count {
    grid-column-start: 3;
    align-self: flex-start;
  }
}

@media screen and (max-width: 989px) {
  .facets-container {
    grid-template-columns: auto minmax(0, max-content);
    column-gap: 2rem;
  }
}
.facet-filters {
  align-items: flex-start;
  display: flex;
  grid-column: 2;
  grid-row: 1;
  padding-left: 2.5rem;
}
@media screen and (min-width: 990px) {
  .facet-filters {
    padding-left: 3rem;
  }
}
.facet-filters__label {
  display: block;
  color: rgba(var(--color-foreground));
  font-size: 1.4rem;
  margin: 0 1rem 0 0;
  font-weight: 700;
}
.facet-filters__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  cursor: pointer;
  height: 4.5rem;
  padding: 0 1.5rem;
  min-width: 25rem;
  margin-top: 2.4rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
}

.facet-filters__summary::after {
  position: static;
}

.facet-filters__field {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.facet-filters__field .select {
  width: auto;
}

.facet-filters__field .select:after,
.facet-filters__field .select:before,
.mobile-facets__sort .select:after,
.mobile-facets__sort .select:before {
  content: none;
}

.facet-filters__field .select__select,
.mobile-facets__sort .select__select {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
  border: none;
}

.facet-filters button {
  margin-left: 2.5rem;
}

.facet-filters__sort {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-size: 1.4rem;
  height: auto;
  margin: 0;
  padding: 8px 40px 7px 12px !important;
  border: 1px solid rgba(var(--color-foreground), 0.2);
  color: rgba(var(--color-foreground));
}
.facet-filters__sort + .icon-caret {
  right: 1rem;
}

@media screen and (forced-colors: active) {
  .facet-filters__sort {
    border: none;
  }
}

.facet-filters__sort,
.facet-filters__sort:hover {
  box-shadow: none;
  filter: none;
  transition: none;
}

.mobile-facets__sort .select__select:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.mobile-facets__sort .select__select.focused,
.no-js .mobile-facets__sort .select__select:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.facet-filters__sort:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
}

.facet-filters__sort.focused,
.no-js .facet-filters__sort:focus {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.no-js .facet-filters__sort:focus:not(:focus-visible),
.no-js .mobile-facets__sort .select__select:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.facets {
  display: block;
  grid-column-start: span 2;
}

.facets__wrapper {
  align-items: center;
  align-self: flex-start;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.facets__heading {
  display: block;
  color: rgba(var(--color-foreground), 0.85);
  font-size: 1.4rem;
  margin: -1.5rem 2rem 0 0;
}
.facets__reset {
  margin-left: auto;
  text-decoration: none;
}

.facets__summary {
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.6rem;
  padding: 0 1.75rem 0 0;
  margin-bottom: 1.5rem;
}

.facets__disclosure fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.facets__disclosure[open] .facets__summary,
.facets__summary:hover {
  color: rgb(var(--color-foreground));
}

.facets__disclosure[open] .facets__display {
  animation: animateMenuOpen var(--duration-default) ease;
}
.facets__summary span {
  transition: text-decoration var(--duration-short) ease;
  font-weight: 600;
  color: rgba(var(--color-foreground));
}
.facets__summary span.facets__selected {
  color: rgba(var(--color-foreground), 0.75);
}
.facets__summary:hover span {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.disclosure-has-popup[open] > .facets__summary::before {
  z-index: 2;
}
.facets__display {
  background-color: rgb(var(--color-background));
  position: absolute;
  top: calc(100% + 1.2rem);
  left: 0;
  width: 28rem;
  max-height: 55rem;
  overflow-y: auto;
  border-radius: 0.5rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.05);
}
.facets__header {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.05);
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  position: sticky;
  top: 0;
  background-color: rgb(var(--color-background));
  z-index: 1;
}

.facets__list {
  padding: 0.5rem 2rem;
}
.facets-layout-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  padding: 1.5rem 0;
  gap: 1.5rem 1rem;
}
.facets__item {
  display: flex;
  align-items: center;
  color: rgba(var(--color-foreground));
}

.facets-layout-list .facets__label:hover .facet-checkbox__text,
.facets-layout-list input:focus ~ .facet-checkbox__text {
  text-decoration: underline;
}

.facets-layout-grid > * {
  align-items: flex-start;
}

.facets-layout-grid .facets__label {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0;
  height: 100%;
  font-size: 1.3rem;
}

.facets__item label,
.facets__item input[type="checkbox"] {
  cursor: pointer;
}

.facet-checkbox {
  padding: 1rem 0 1rem 0;
  flex-grow: 1;
  position: relative;
  font-size: 1.5rem;
  display: flex;
  word-break: break-word;
  line-height: normal;
}

:is(
    .facets__label:hover,
    .facets__label.active,
    .facets__label:has(:focus-visible)
  ) {
  color: rgba(var(--color-foreground), 1);
}

@supports not selector(:has(a, b)) {
  .facets__label:focus-within {
    color: rgba(var(--color-foreground), 1);
  }
}

.facet-checkbox input[type="checkbox"]:not(.swatch-input__input) {
  position: absolute;
  opacity: 1;
  width: 1.6rem;
  height: 1.6rem;
  left: -0.4rem;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
}
.facets-layout-grid input[type="checkbox"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
}

.facets__visual-display-wrapper {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.no-js .facet-checkbox input[type="checkbox"] {
  z-index: 0;
}

.facet-checkbox--disabled {
  color: rgba(var(--color-foreground), 0.4);
}

.facets__price {
  display: flex;
  padding: 2rem;
}

.facets__price .field + .field-currency {
  margin-left: 2rem;
}

.facets__price .field {
  align-items: center;
}

.facets__price .field-currency {
  align-self: center;
  margin-right: 0.6rem;
}

.facets__price .field__label {
  left: 1.5rem;
}

button.facets__button {
  min-height: 0;
  margin: 0 0 0 0.5rem;
  box-shadow: none;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

.facets__button-no-js {
  transform: translateY(-0.6rem);
}

.active-facets {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: -0.5rem;
}

.active-facets__button {
  display: block;
  margin-right: 1.5rem;
  margin-top: 1.5rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-decoration: none;
}

span.active-facets__button-inner {
  color: rgb(var(--color-foreground));
  box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
  border-radius: 2.6rem;
  font-size: 1rem;
  min-height: 0;
  min-width: 0;
  padding: 1rem 1.2rem;
  display: flex;
  align-items: stretch;
}

span.active-facets__button-inner:before,
span.active-facets__button-inner:after {
  display: none;
}

.active-facets__button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
}

.active-facets__button-wrapper * {
  font-size: 1rem;
}

@media screen and (min-width: 990px) {
  .active-facets__button {
    margin-right: 1.5rem;
  }

  .active-facets__button-wrapper *,
  span.active-facets__button-inner {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 989px) {
  .active-facets {
    margin: 0 -1.2rem -1.2rem;
  }

  .active-facets__button,
  .active-facets__button-remove {
    margin: 0;
    padding: 1.2rem;
  }

  span.active-facets__button-inner {
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
  }

  .active-facets__button-wrapper {
    padding-top: 0;
    margin-left: 1.2rem;
  }
}

.active-facets__button:hover .active-facets__button-inner {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-foreground));
}

.active-facets__button--light .active-facets__button-inner {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  border-color: transparent;
}

.active-facets__button--light:hover .active-facets__button-inner {
  box-shadow: unset;
}

a.active-facets__button:focus-visible {
  outline: none;
  box-shadow: none;
}

a.active-facets__button.focused,
.no-js a.active-facets__button:focus {
  outline: none;
  box-shadow: none;
}

a.active-facets__button:focus-visible .active-facets__button-inner {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2),
    0 0 0 0.2rem rgb(var(--color-background)),
    0 0 0 0.4rem rgb(var(--color-foreground));
  outline: none;
}

a.active-facets__button.focused .active-facets__button-inner,
.no-js a.active-facets__button:focus .active-facets__button-inner {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2),
    0 0 0 0.2rem rgb(var(--color-background)),
    0 0 0 0.4rem rgb(var(--color-foreground));
  outline: none;
}

.active-facets__button svg {
  align-self: center;
  flex-shrink: 0;
  margin-left: 0.6rem;
  margin-right: -0.2rem;
  pointer-events: none;
  width: 1rem;
}

@media all and (min-width: 990px) {
  .active-facets__button svg {
    margin-right: -0.4rem;
    margin-top: 0.1rem;
    width: 1rem;
  }
}

.active-facets facet-remove:only-child {
  display: none;
}

.facets-vertical
  .active-facets
  .active-facets-vertical-filter:only-child
  > facet-remove {
  display: none;
}

.facets-vertical .active-facets-vertical-filter {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.facets-vertical .active-facets-vertical-filter .active-facets__button-wrapper {
  padding-top: 0;
  display: flex;
  align-items: flex-start;
}

.facets-vertical .active-facets__button {
  margin-top: 0;
}

.active-facets__button.disabled,
.mobile-facets__clear.disabled {
  pointer-events: none;
}

.mobile-facets__clear-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mobile-facets {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(var(--color-foreground), 0.5);
  pointer-events: none;
}

.mobile-facets__disclosure {
  display: flex;
}

.mobile-facets__wrapper {
  margin-left: 0;
  display: flex;
}

.mobile-facets__wrapper .disclosure-has-popup[open] > summary::before {
  height: 100vh;
  z-index: 3;
}

.mobile-facets__inner {
  background-color: rgb(var(--color-background));
  width: calc(100% - 5rem);
  margin-left: auto;
  height: 100%;
  overflow-y: auto;
  pointer-events: all;
  transition: transform var(--duration-short) ease;
  max-width: 37.5rem;
  display: flex;
  flex-direction: column;
}
.menu-opening .mobile-facets__inner {
  transform: translateX(0);
}

.js .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
  transform: translateX(105vw);
}

.mobile-facets__header {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding: 1rem 2.5rem;
  text-align: center;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 2;
}

.mobile-facets__header-inner {
  flex-grow: 1;
  position: relative;
}

.mobile-facets__info {
  padding: 0 2.6rem;
}

.mobile-facets__heading {
  font-size: calc(var(--font-heading-scale) * 1.4rem);
  margin: 0;
}

.mobile-facets__count {
  color: rgba(var(--color-foreground), 0.7);
  font-size: 1.3rem;
  margin: 0;
  flex-grow: 1;
}

.mobile-facets__open-wrapper {
  display: inline-block;
}

.mobile-facets__open {
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  color: rgba(var(--color-link), var(--alpha-link));
  background: rgba(var(--color-foreground), 0.06);
  padding: 1rem;
  border-radius: 3px;
}
.mobile-facets__open:hover {
  color: rgb(var(--color-link));
}

.mobile-facets__open:hover line,
.mobile-facets__open:hover circle {
  stroke: rgb(var(--color-link));
}

.mobile-facets__open-label {
  transition: text-decoration var(--duration-short) ease;
}

.mobile-facets__open:hover .mobile-facets__open-label {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.mobile-facets__open > * + * {
  margin-left: 1rem;
}

.mobile-facets__open svg {
  width: 2rem;
}

.mobile-facets__open line,
.mobile-facets__open circle {
  stroke: rgba(var(--color-link), var(--alpha-link));
}

.mobile-facets__close {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0.7rem;
  right: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  z-index: 101;
  opacity: 0;
  transition: opacity var(--duration-short) ease;
}

.mobile-facets__close svg {
  width: 2.2rem;
}

details.menu-opening .mobile-facets__close {
  display: flex;
  opacity: 1;
}

details.menu-opening .mobile-facets__close svg {
  margin: 0;
}
.mobile-facets__close-button {
  align-items: center;
  background-color: transparent;
  font-size: 1.4rem;
  font: inherit;
  letter-spacing: inherit;
  margin-top: 1.5rem;
  padding: 1.2rem 2.6rem;
  text-decoration: none;

  display: grid;
  grid-template-columns: min-content 1fr;
  text-align: start;
}

.mobile-facets__close-button > .facets__and-helptext {
  grid-column-start: 2;
}

.mobile-facets__close-button .icon-arrow {
  transform: rotate(180deg);
  margin-right: 1rem;
}
.no-js .mobile-facets__close-button {
  display: none;
}
.facets__and-helptext {
    color: rgba(var(--color-foreground),.5);
    font-size: calc(var(--font-heading-scale) * 1.2rem);
    line-height: calc(var(--font-heading-scale) * 1.2rem);
}

.mobile-facets__main {
  padding: 2.7rem 1.5rem 0;
  position: relative;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.mobile-facets__details[open] .icon-caret {
  transform: rotate(180deg);
}

.no-js .mobile-facets__details {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.04);
}

.mobile-facets__highlight {
  opacity: 0;
  visibility: hidden;
}

.mobile-facets__checkbox:checked + .mobile-facets__highlight {
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: rgba(var(--color-foreground), 0.04);
}

.mobile-facets__summary {
  padding: 1.3rem 2.5rem;
}

.mobile-facets__summary svg {
  margin-left: auto;
}

.mobile-facets__summary > div,
.facets__summary > div {
  display: flex;
  align-items: center;
}

.js .mobile-facets__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 3;
  transform: translateX(100%);
  visibility: hidden;
  display: flex;
  flex-direction: column;
}

.js details[open] > .mobile-facets__submenu {
  transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1),
    visibility 0.4s cubic-bezier(0.29, 0.63, 0.44, 1);
}

.js details[open].menu-opening > .mobile-facets__submenu {
  transform: translateX(0);
  visibility: visible;
}

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

.js .mobile-facets .submenu-open {
  visibility: hidden;
}
.mobile-facets__item {
    position: relative;
    padding: 1rem 2rem 1rem 2.5rem;
}
.facets-layout-grid  li.mobile-facets__item {
    padding: 0;
}
input.mobile-facets__checkbox {
  border: 0;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  left: 2.1rem;
  top: 1.2rem;
  z-index: 0;
  appearance: none;
  -webkit-appearance: none;
}
.mobile-facets__label {
    width: 100%;
    transition: background-color .2s ease;
    word-break: break-word;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.mobile-facets__label > svg {
  background-color: rgb(var(--color-background));
  position: relative;
  z-index: 2;
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.mobile-facets__label .icon-checkmark {
  position: absolute;
  top: 2.1rem;
  left: 2.8rem;
  visibility: hidden;
}
input.mobile-facets__checkbox:focus {
  box-shadow: unset;
}
.mobile-facets__label
  > input[type="checkbox"]:checked
  ~ .checkbox__mobile--label
  span.facet-checked-box {
  opacity: 1;
}

.mobile-facets__arrow,
.mobile-facets__summary .icon-caret {
  margin-left: auto;
  display: block;
}

.mobile-facets__label--disabled {
  opacity: 0.5;
}

.mobile-facets__footer {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding: 2rem;
  bottom: 0;
  position: sticky;
  display: flex;
  z-index: 2;
  margin-top: auto;
  background-color: rgb(var(--color-background));
}

.mobile-facets__footer > * + * {
  margin-left: 1rem;
}

.mobile-facets__footer > * {
  width: 50%;
}

.mobile-facets__footer noscript .button {
  width: 100%;
}

.mobile-facets__sort {
  display: flex;
  justify-content: space-between;
}

.mobile-facets__sort label {
  flex-shrink: 0;
}

.mobile-facets__sort .select {
  width: auto;
}

.no-js .mobile-facets__sort .select {
  position: relative;
  right: -1rem;
}

.mobile-facets__sort .select .icon-caret {
  right: 0;
}

.mobile-facets__sort .select__select {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
}

.product-count {
  align-self: center;
  position: relative;
  text-align: right;
}

.product-count__text {
  font-size: 1.4rem;
  margin: 0;
}

.product-count__text.loading {
  visibility: hidden;
}

.product-count .loading-overlay__spinner,
.product-count-vertical .loading-overlay__spinner {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}

.product-count__text.loading + .loading-overlay__spinner {
  display: block;
}

@media screen and (min-width: 750px) {
  .facets-vertical {
    display: flex;
  }

  .facets-wrap-vertical {
    border: none;
    margin: 0;
    padding: 0;
  }

  .facets__form-vertical {
    display: flex;
    flex-direction: column;
    width: 28.5rem;
  }

  .facets__disclosure-vertical {
    margin-right: 0;
  }

  .facets-vertical .facets__summary {
    margin-bottom: 0;
    border-radius: 0.5rem 0.5rem 0 0;
    padding: 1.5rem;
  }

  .facets__heading--vertical {
    margin: 0 0 1.5rem 0;
    font-size: 1.5rem;
  }

  .facets__header-vertical {
    padding: 1.5rem 2rem 1.5rem 0;
    font-size: 1.4rem;
  }

  .facets__display-vertical {
    padding: 1.5rem;
    margin: 0;
  }

  .facets-vertical .facets-wrapper {
    padding-right: 2rem;
  }

  .facets-vertical .facets-wrapper--no-filters {
    display: none;
  }

  .no-js .facets-vertical .facets-wrapper--no-filters {
    display: block;
  }

  .facets-vertical .product-grid-container {
    width: 100%;
  }

  .facets-vertical-form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .product-count-vertical {
    margin-left: 2rem;
  }

  .facets-vertical .active-facets__button-wrapper {
    margin-bottom: 2rem;
  }

  .facets-vertical .no-js .facets__button-no-js {
    transform: none;
    margin-left: 0;
  }

  .facets-vertical .no-js .facet-filters__field {
    justify-content: flex-start;
    padding-bottom: 1rem;
    padding-top: 2rem;
  }

  .facets-vertical .facets__price {
    padding: 0.5rem 0.5rem 0.5rem 0;
  }

  .facets-vertical .facets__price .field:last-of-type {
    margin-left: 1rem;
  }

  .facets-vertical .active-facets__button {
    margin-bottom: 1.5rem;
  }

  .no-js .facets-vertical .facet-filters.sorting {
    padding-left: 0;
    flex-direction: column;
  }

  .facets-vertical .facet-checkbox input[type="checkbox"] {
    z-index: 0;
  }

  .no-js .facets-vertical .facets-container {
    display: flex;
    flex-direction: column;
  }

  .facets-vertical .active-facets facet-remove:last-of-type {
    margin-bottom: 1rem;
  }

  .facets-vertical .active-facets {
    margin: 0;
    align-items: flex-start;
  }

  .facets__disclosure-vertical[open] .facets__summary .icon-caret {
    transform: rotate(180deg);
    right: 1.5rem;
  }

  .facets-container-drawer {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 0;
  }

  .facets-container-drawer .mobile-facets__wrapper {
    margin-right: 2rem;
  }

  .facets-container-drawer .product-count {
    margin: 0 0 0.5rem 3.5rem;
  }

  .facets-container-drawer .facets-pill {
    width: 100%;
  }

  .facets-container-drawer .facets__form {
    display: block;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .facets-vertical .active-facets__button {
    padding: 1rem;
    margin-bottom: 0;
    margin-left: -0.5rem;
  }

  .facets-vertical .active-facets__button-remove {
    padding: 0 1rem 1rem;
  }
}
.icon-arrow {
  width: 1.5rem;
}
.button-show-more.link {
  font-size: 1.5rem;
}
.underlined-link {
  color: rgba(var(--color-link), var(--alpha-link));
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness ease 0.1s;
  text-decoration: underline;
}
span.checkbox-facet-check {
  width: 1.8rem;
  height: 1.8rem;
  border: 2px solid rgb(var(--color-foreground), 0.25);
  border-radius: 0.5rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
span.facet-checked-box {
  background: rgba(var(--color-background));
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  position: absolute;
  /* .checkbox-facet-check is content-box, so its outer size is 1.8rem plus
     2px of border on each side. Centre against that, not against 1.8rem. */
  left: 0.6rem;
  transition: var(--transition);
  opacity: 0;
  top: 1.6rem;
}
.mobile-facets__label> span.facet-checked-box {
    top: 0.8rem;
}
.facet-checkbox > input[type="checkbox"]:checked ~ span.facet-checked-box {
  opacity: 1;
}
label.facet-checkbox > input:focus {
  box-shadow: none;
}
.facet-checkbox > input[type="checkbox"]:focus ~ span.checkbox-facet-check {
  border-color: rgb(var(--color-foreground), 0.35);
}
.facets-layout-list .checkbox-facet-label-count {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0 0 0 0.5rem;
}
details.facets__disclosure-vertical {
  box-shadow: 0 0 0.5rem rgba(var(--color-foreground), 0.1);
  border-radius: 0.5rem;
}
.facets__disclosure-vertical + .facets__disclosure-vertical {
  margin-top: 2rem;
}
.facets__disclosure {
  width: 13em;
}
.facets__disclosure summary.facets__summary {
  margin: 0;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
}
.active-facets.active-facets-desktop.horizontal--active-filter {
  margin-top: 2rem;
}
.facets__header--label {
  width: 100%;
  flex-grow: 1;
  font-size: 1.2rem;
  margin-top: 5px;
  color: rgba(var(--color-foreground), 0.6);
}
.facets__summary > div.horizontal--filter-header {
  flex-wrap: wrap;
}
summary .horizontal--filter-header .icon-caret {
  top: 25px;
}
.facets__disclosure[open] summary.facets__summary {
  box-shadow: 0 0.2rem 0.5em rgba(var(--color-foreground), 0.1);
}
.product__grid_column_buttons.drawer__grid--column-switcher {
  gap: 1rem;
}
.facets__active-filter-drawer {
  margin-top: 1.5rem;
}
span.checkbox__mobile--label {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
}
.checkbox__mobile--label > .facet-checked-box {
  top: 0.6rem;
}
.mobile-facets__submenu .facets__price {
  padding-top: 0;
}
.mobile-facets__details + .mobile-facets__details {
  margin-top: 2rem;
}

.mobile-facets__details {
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5em rgba(var(--color-foreground), 0.1);
}
.Mobile--price__with--slider {
  padding: 0 2.5rem;
}
.facets__disclosure.price__filter .price__slider--filter {
  padding: 1.5rem 2rem;
}
.facets__disclosure.price__filter .price__widget:not(.price__slider--filter) {
  padding: 1rem 2rem 2rem;
}
.facets__header--price-max {
  font-size: 1.6rem;
  color: rgba(var(--color-foreground));
  margin-bottom: 1rem;
}
.facets__summary .icon-caret {
  color: rgba(var(--color-foreground), 0.6);
  width: 1.5rem;
  top: calc(50% - 0.7rem);
}
.text--bold {
  font-weight: bold;
}
:is(
    .facets__label:hover,
    .facets__label.active,
    .facets__label:has(:focus-visible)
  ) {
  color: rgba(var(--color-foreground), 1);
}

.facets-layout-grid--swatch
  .mobile-facets__label.visual-display-parent--swatch {
  align-items: unset;
}
.facets-layout-grid .visual-display-parent {
  cursor: pointer;
}
.mobile-facets__label>input[type=checkbox]:checked~span.facet-checked-box {
    opacity: 1;
}
/* component-list-menu.css migration — list menu disclosure */
.list-menu--right {
  right: 0;
}

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

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

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

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

/* component-menu-drawer.css migration — menu drawer */
.header__icon--menu {
  position: initial;
}

.js menu-drawer > details > summary::before,
.js menu-drawer > details[open]:not(.menu-opening) > summary::before {
  content: '';
  position: absolute;
  cursor: default;
  width: 100%;
  height: calc(100vh - 100%);
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
  top: 100%;
  left: 0;
  background: rgba(var(--color-foreground), 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: opacity 0s,
    visibility 0s;
}

menu-drawer > details[open] > summary::before {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--duration-default) ease,
    visibility var(--duration-default) ease;
}

.menu-drawer {
  position: absolute;
  transform: translateX(-100%);
  visibility: hidden;
  z-index: 3;
  left: 0;
  top: 100%;
  width: calc(100vw - 4rem);
  padding: 0;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  border-left: 0;
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
}

.js .menu-drawer {
  height: calc(100vh - 100%);
  height: calc(
    var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))
  );
}

.js details[open] > .menu-drawer,
.js details[open] > .menu-drawer__submenu {
  transition: transform var(--duration-default) ease,
    visibility var(--duration-default) 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;
}

@media screen and (min-width: 750px) {
  .menu-drawer {
    width: 40rem;
  }

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

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

.menu-drawer__navigation-container {
  display: grid;
  grid-template-rows: 1fr auto;
  align-content: space-between;
  overflow-y: auto;
  height: 100%;
}

.menu-drawer__navigation {
  padding: 5.6rem 0;
}

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

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

.no-js .menu-drawer__navigation > ul > li {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.no-js .menu-drawer__submenu ul > li {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.js .menu-drawer__menu li {
  margin-bottom: 0.2rem;
}

.menu-drawer__menu-item {
  padding: 1.1rem 3.2rem;
  text-decoration: none;
  font-size: 1.8rem;
}

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

.no-js .menu-drawer__submenu .menu-drawer__menu-item {
  padding: 1.2rem 5.2rem 1.2rem 6rem;
}

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

.menu-drawer summary.menu-drawer__menu-item {
  padding-right: 5.2rem;
}

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

.menu-drawer__menu-item--active,
.menu-drawer__menu-item:focus,
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover,
.menu-drawer__close-button:hover {
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-foreground), 0.04);
}

.menu-drawer__menu-item--active:hover {
  background-color: rgba(var(--color-foreground), 0.08);
}

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

.menu-drawer__menu-item > .icon-arrow {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.icon-arrow{
	width: 20px;
}
.js .menu-drawer__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--color-background));
  border-left: 0.1rem solid rgba(var(--color-foreground), 0.2);
  z-index: 1;
  transform: translateX(100%);
  visibility: hidden;
}

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

.menu-drawer__close-button {
  margin-top: 1.5rem;
  padding: 1.2rem 2.6rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  width: 100%;
  background-color: transparent;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
}

.no-js .menu-drawer__close-button {
  display: none;
}

.menu-drawer__close-button .icon-arrow {
  transform: rotate(180deg);
  margin-right: 1rem;
}

.menu-drawer__utility-links {
  padding: 2rem;
  background-color: rgba(var(--color-foreground), 0.03);
}

.menu-drawer__account {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 1.2rem;
  margin-left: -1.2rem;
  font-size: 1.4rem;
}

.menu-drawer__account .icon-account {
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}

.menu-drawer .list-social {
  justify-content: flex-start;
  margin-left: -1.25rem;
  margin-top: 2rem;
}

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

.menu-drawer .list-social__link {
  padding: 1.3rem 1.25rem !important;
}

.menu-drawer__utility-links .list-social__link:hover {
  color: rgba(var(--color-foreground), 0.75);
}
/* END_SNIPPET:component-facets-styles */

/* START_SNIPPET:component-grid-styles (INDEX:168) */
/*
  Source: assets/component-grid.css
*/
/* component-grid */
.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);
}

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

.grid:last-child {
  margin-bottom: 0;
}

.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;
}

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

.grid--gapless.grid {
  column-gap: 0;
  row-gap: 0;
}

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

.grid--1-col .grid__item {
  max-width: 100%;
  width: 100%;
}

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

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

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

@media screen and (min-width: 750px) {
  .grid--2-col .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--4-col-tablet .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }

  .grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
  }

  .grid--2-col-tablet .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

@media screen and (max-width: 989px) {
  .grid--1-col-tablet-down .grid__item {
    width: 100%;
    max-width: 100%;
  }

  .slider--tablet.grid--peek {
    margin: 0;
    width: 100%;
  }

  .slider--tablet.grid--peek .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .slider.slider--tablet .scroll-trigger.animate--slide-in,
  .slider.slider--mobile .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--tablet {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .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);
  }

  .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);
  }

  .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);
  }

  .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);
  }

  .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);
  }

  .slider.slider--desktop .scroll-trigger.animate--slide-in {
    animation: none;
    opacity: 1;
    transform: inherit;
  }

  .scroll-trigger:not(.scroll-trigger--offscreen) .slider--desktop {
    animation: var(--animation-slide-in);
  }
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid--1-col-desktop .grid__item {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 749px) {
  .grid--peek.slider--mobile {
    margin: 0;
    width: 100%;
  }

  .grid--peek.slider--mobile .grid__item {
    box-sizing: content-box;
    margin: 0;
  }

  .grid--peek .grid__item {
    min-width: 35%;
  }

  .grid--peek.slider .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  /* Fix to show some space at the end of our sliders in all browsers */
  .grid--peek.slider:after {
    margin-left: calc(-1 * var(--grid-mobile-horizontal-spacing));
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item,
  .grid--peek .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--1-col-tablet-down .grid__item,
  .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) {
  .slider--tablet.grid--peek .grid__item {
    width: calc(25% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
  .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }

  .slider--tablet.grid--peek .grid__item:first-of-type {
    margin-left: 1.5rem;
  }

  .grid--2-col-tablet-down .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .grid--1-col-tablet-down.grid--peek .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) - 3rem);
  }
}
/* END_SNIPPET:component-grid-styles */

/* START_SNIPPET:component-image-with-text-styles (INDEX:169) */
.image-with-text__media--placeholder.placeholder {
  height: 35rem;
}
.image-with-text__content:empty {
    display: none;
}
.image-with-text__media {
  min-height: 100%;
}
@media only screen and (min-width: 992px) {
  .image-with-text__grid.desktop-row-reverse:not(
      .lookbook__media--fullwidth--reverse
    ) {
    flex-direction: row-reverse;
  }
  .image-with-text__grid.desktop-row-reverse.lookbook__media--fullwidth--reverse {
    flex-direction: column-reverse;
  }
}
.image-with-text__media {
  min-height: 100%;
}
.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--large {
  height: 43.5rem;
}

.image-with-text__media--medium {
  height: 30rem;
}

@media screen and (min-width: 767px) {
  .image-with-text__media--small {
    height: 31.4rem;
  }
  .image-with-text__media--medium {
    height: 50rem;
  }
  .image-with-text__media--large {
    height: 69.5rem;
  }
  .image-with-text__media--placeholder.placeholder {
    height: 45rem;
  }
}
.image-with-text__content > * + * {
  margin-top: 2rem;
}
.image-with-text__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: center;
  padding: 3rem;
  position: relative;
}

@media only screen and (max-width: 749px) {
  .image-with-text__content.mobile__text-center {
    text-align: center;
    align-items: center;
  }
  .image-with-text__content.mobile__text-left {
    text-align: left;
    align-items: flex-start;
  }
  .image-with-text__content.mobile__text-right {
    text-align: right;
    align-items: flex-end;
  }
  .image-with-text__media-item {
    width: 100%;
  }

  .image-with-text__text-item {
    width: 100%;
  }
}
.image-with-text__grid.rounded--image, .rounded--image .image-with-text__media-item {
    overflow: hidden;
}
/* END_SNIPPET:component-image-with-text-styles */

/* START_SNIPPET:component-list-payment-styles (INDEX:170) */
.list-payment {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -0.5rem 0;
  padding-top: 1rem;
  padding-left: 0;
}

@media screen and (min-width: 750px) {
  .list-payment {
    justify-content: flex-end;
    margin: -0.5rem;
    padding-top: 0;
  }
}

.list-payment__item {
  align-items: center;
  display: flex;
  padding: 0.5rem;
}
/* END_SNIPPET:component-list-payment-styles */

/* START_SNIPPET:component-list-social-styles (INDEX:171) */
.list-social {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 749px) {
  .list-social {
    justify-content: center;
  }
}
.list-social__link .icon {
  height: auto;
  width: 1.7rem;
}
.list-social__link {
  align-items: center;
  display: flex;
  padding: 1.3rem;
}
.list-social__link:hover .icon {
  transform: scale(1.07);
}
/* END_SNIPPET:component-list-social-styles */

/* START_SNIPPET:component-loading-overlay-styles (INDEX:172) */
.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 3rem;
}

@media screen and (max-width: 749px) {
  .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .loading-overlay {
    left: 0;
  }
}

.loading-overlay__spinner {
  width: 3rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}
/* END_SNIPPET:component-loading-overlay-styles */

/* START_SNIPPET:component-mobile-scrolling-styles (INDEX:173) */
/*
  Source: assets/component-mobile-scrolling.css
*/
@media (max-width: 749px) {
  .mobile--scoller {
    overflow: hidden;
  }
  .mobile--scoller-inner {
    padding-bottom: 20px;
    margin-bottom: -20px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
  }
  .mobile--scoller-inner .collage,
  .mobile--scoller-inner .grid {
    display: flex;
    flex-flow: row nowrap;
  }
  .mobile--scoller-inner .collage .collage__item:not(:only-of-type),
  .mobile--scoller-inner .grid .grid__item:not(:only-of-type) {
    width: 85%;
    max-width: 85%;
    flex: none;
    scroll-snap-align: center;
  }
}
/* END_SNIPPET:component-mobile-scrolling-styles */

/* START_SNIPPET:component-modal-video-styles (INDEX:174) */
/*
  Source: assets/component-modal-video.css
*/
.modal-video {
  background: rgba(var(--color-foreground), 0.2);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: -1;
}

.modal-video[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.modal-video__content {
  background-color: rgb(var(--color-background));
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  width: 100%;
}

.modal-video__toggle {
  align-items: center;
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.55);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 0 0 0 auto;
  padding: 1.2rem;
  position: fixed;
  right: 0.5rem;
  top: 2rem;
  width: 4rem;
  z-index: 2;
}

@media screen and (min-width: 750px) {
  .modal-video__toggle {
    right: 4.8rem;
    top: 3.5rem;
  }
}

@media screen and (min-width: 990px) {
  .modal-video__toggle {
    right: 4.3rem;
    top: 3rem;
  }
}

.modal-video__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

.modal-video__content-info {
  height: calc(100% - 6rem);
  margin: 0 auto;
  padding-top: 8rem;
  width: calc(100% - 1rem);
}

@media screen and (min-width: 750px) {
  .modal-video__content-info {
    height: calc(100% - 7.5rem);
    padding-top: 9.5rem;
    width: calc(100% - 9.6rem);
  }
}

@media screen and (min-width: 990px) {
  .modal-video__content-info {
    height: calc(100% - 7rem);
    padding-top: 9rem;
    width: calc(100% - 8.6rem);
  }
}

.modal-video__video,
.modal-video__video iframe {
  height: 100%;
  width: 100%;
}

.modal-video__video iframe {
  position: static;
  border: 0;
}
/* Collage video card */
.media > .deferred--video-media__poster-button {
  color: rgba(var(--color-foreground));
  z-index: 8;
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
.media > .collage__card--video-play-btn.deferred--video-media__poster-button {
  left: 1.5rem;
  top: 1.5rem;
  bottom: 1.5rem;
  align-items: flex-end;
  text-transform: uppercase;
  font-weight: 600;
}
.collage__card--video-play-btn.deferred--video-media__poster-button .icon-play {
  width: 2.2rem;
  height: auto;
}
.collage__card--video-play-btn-inner {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* END_SNIPPET:component-modal-video-styles */

/* START_SNIPPET:component-model-viewer-ui-styles (INDEX:175) */
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: rgba(var(--color-foreground), 0.75);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(var(--color-foreground), 0.55);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active,
.shopify-model-viewer-ui
  .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(var(--color-foreground), 0.55);
  background: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui
  .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(var(--color-foreground), 0.04);
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background));
  border-color: rgba(var(--color-foreground), 0.1);
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease,
    color var(--duration-short) ease;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
  width: 4.8rem;
  height: 4.8rem;
  margin-top: 0.3rem;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  transform: translate(-50%, -50%) scale(1.1);
}
button.shopify-model-viewer-ui__button.shopify-model-viewer-ui__button--poster {
  opacity: 0;
}
.shopify-model-viewer-ui__disabled
  + .shopify-model-viewer-ui__controls-overlay
  > button {
  opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  bottom: 70px;
}
/* END_SNIPPET:component-model-viewer-ui-styles */

/* START_SNIPPET:component-pagination-rtl-styles (INDEX:176) */
/*
  Source: assets/component-pagination-rtl.css
*/
html[dir="rtl"] .pagination__item--next .icon {
  transform: rotate(-90deg);
}
html[dir="rtl"] .pagination__item--prev .icon {
  transform: rotate(90deg);
}
/* END_SNIPPET:component-pagination-rtl-styles */

/* START_SNIPPET:component-pagination-styles (INDEX:177) */
.pagination-wrapper {
  margin-top: 30px;
}

.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination__list > li:not(:last-child) {
  margin-right: 5px;
}
.pagination__item {
  color: rgb(var(--color-foreground)) !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 50px;
  width: 50px;
  padding: 0;
  text-decoration: none !important;
  background: bottom;
  border-radius: 50%;
  background: rgb(var(--color-foreground), 0.05) !important;
}
.pagination__item-arrow:hover .icon {
  color: rgb(var(--color-background));
}
a.pagination__item:hover::after {
  height: 0.2rem;
}

.pagination__item .icon-caret {
  height: auto;
  width: 1.6rem;
}
.pagination__item--current {
  font-weight: 600;
}
.pagination__item--current,
.pagination__item:hover {
  background: rgb(var(--color-foreground)) !important;
  color: rgb(var(--color-background)) !important;
}

.pagination__item--next .icon {
  margin-left: -0.2rem;
  transform: rotate(90deg);
}

.pagination__item--next:hover .icon {
  transform: rotate(90deg) scale(1.07);
}

.pagination__item--prev .icon {
  margin-right: -0.2rem;
  transform: rotate(-90deg);
}

.pagination__item--prev:hover .icon {
  transform: rotate(-90deg) scale(1.07);
}

.pagination__item-arrow {
  color: rgba(var(--color-foreground), 0.75);
}

.pagination__item-arrow:hover::after {
  display: none;
}
/* END_SNIPPET:component-pagination-styles */

/* START_SNIPPET:component-pickup-availability-styles (INDEX:178) */
pickup-availability {
  display: block;
}

pickup-availability[available] {
  min-height: 8rem;
}

.pickup-availability-preview {
  align-items: flex-start;
  display: flex;
  gap: 0.2rem;
  padding: 1rem 2rem 0 0;
}

.pickup-availability-preview .icon {
  flex-shrink: 0;
  height: 1.8rem;
}

.pickup-availability-preview .icon-unavailable {
    height: 1.6rem;
    margin-top: .5rem;
    margin-right: 0.5rem;
}

.pickup-availability-button {
  background-color: transparent;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.06rem;
  padding: 0 0 0.2rem;
  text-align: left;
  text-decoration: underline;
}

.pickup-availability-button:hover {
  color: rgb(var(--color-foreground));
}

.pickup-availability-info * {
  margin: 0 0 0.6rem;
}
pickup-availability-drawer {
    background-color: rgb(var(--color-background));
    border: 0.1rem solid rgba(var(--color-foreground), 0.2);
    height: 100%;
    opacity: 0;
    overflow-y: auto;
    padding: 2rem;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    transition: opacity var(--duration-default) ease,
    transform var(--duration-default) ease;
    transform: translateX(100%);
    width: 100%;
}
pickup-availability-drawer[open] {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (min-width: 750px) {
  pickup-availability-drawer {
    transform: translateX(100%);
    width: 37.5rem;
  }

  pickup-availability-drawer[open] {
    opacity: 1;
    transform: translateX(0);
    animation: animateDrawerOpen var(--duration-default) ease;
  }
}

.pickup-availability-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}

.pickup-availability-drawer-title {
  margin: 0.5rem 0 0;
}

.pickup-availability-header .icon {
  width: 2rem;
}

.pickup-availability-drawer-button {
  background-color: transparent;
  border: none;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  display: block;
  height: 4.4rem;
  padding: 1.2rem;
  width: 4.4rem;
}

.pickup-availability-drawer-button:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.pickup-availability-variant {
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 0 0 1.2rem;
  text-transform: capitalize;
}

.pickup-availability-variant > * + strong {
  margin-left: 1rem;
}

.pickup-availability-list__item {
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding: 2rem 0;
}

.pickup-availability-list__item:first-child {
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.pickup-availability-list__item > * {
  margin: 0;
}

.pickup-availability-list__item > * + * {
  margin-top: 1rem;
}

.pickup-availability-address {
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.5;
}

.pickup-availability-address p {
  margin: 0;
}

@keyframes animateDrawerOpen {
  @media screen and (max-width: 749px) {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @media screen and (min-width: 750px) {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
}


.unavailability__location--name .icon-unavailable {
    width: 2rem;
    flex-shrink: 0;
    margin-right: 1rem;
}
.unavailability__location--name {
    display: flex;
}
/* END_SNIPPET:component-pickup-availability-styles */

/* START_SNIPPET:component-price-styles (INDEX:179) */
/*
  Source: assets/component-price.css
*/
.price {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 0.5rem 0 0;
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
  }
}

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block;
}

.volume-pricing--sale-badge .price__badge-sale {
  margin-left: 0.5rem;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

.unit-price {
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}

@media screen and (min-width: 750px) {
  .price__box_wrapper .price:not(.price--on-sale) {
    font-size: 3rem;
  }
}
/* END_SNIPPET:component-price-styles */

/* START_SNIPPET:component-product-model-styles (INDEX:180) */
.button.product__xr-button {
  background: rgba(var(--color-foreground), 0.08);
  color: rgb(var(--color-foreground));
  margin: 1rem auto;
  box-shadow: none;
}

.button.product__xr-button:hover {
  box-shadow: none;
}

.product__xr-button[data-shopify-xr-hidden] {
  visibility: hidden;
  display: none;
}

@media screen and (max-width: 749px) {
   .active .product__xr-button:not([data-shopify-xr-hidden]) {
    display: block;
  }
}

@media screen and (min-width: 750px) {
  slider-component + .button.product__xr-button {
    display: none;
  }

  .product__xr-button[data-shopify-xr-hidden] {
    display: none;
  }
}

.product__xr-button .icon {
  width: 1.4rem;
  margin-right: 1rem;
}

button.button.button--full-width.product__xr-button {
    width: 80%;
}
/* END_SNIPPET:component-product-model-styles */

/* START_SNIPPET:component-product-variant-picker-styles (INDEX:181) */
variant-selects {
  display: block;
}

.product--no-media .product-form__input--pill,
.product--no-media .product-form__input--swatch,
.product--no-media .product-form__input--dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form__input.product-form__input--pill,
.product--no-media .product-form__input.product-form__input--swatch {
  flex-wrap: wrap;
  margin: 0 auto 1.2rem auto;
}

.product--no-media .product-form__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

:is(.product-form__input--pill, .product-form__input--swatch) .form__label {
  margin-bottom: 0.2rem;
}

.product-form__input input[type="radio"] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.product-form__input
  input[type="radio"]:not(.disabled):not(.visually-disabled)
  + label
  > .label-unavailable {
  display: none;
}

.product-form__input--dropdown {
  --swatch-input--size: 2rem;
  margin-bottom: 1.6rem;
}

.product-form__input--dropdown .dropdown-swatch + select {
  padding-left: calc(2.4rem + var(--swatch-input--size));
}

.product-form__input--dropdown .dropdown-swatch {
  position: absolute;
  left: 1.6rem;
  top: calc(50% - var(--swatch-input--size) / 2);
  width: var(--swatch-input--size);
  height: var(--swatch-input--size);
  z-index: 1;
}

.product-form__input--pill input[type="radio"] + label {
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
  background-color: rgb(var(--color-background));
  color: rgba(var(--color-foreground));
  border-radius: 0.5rem;
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 0.7rem 0.5rem 0.2rem 0;
  padding: 1rem 1.5rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
  position: relative;
}

.product-form__input--pill input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: calc(var(--variant-pills-border-width) * -1);
  right: calc(var(--variant-pills-border-width) * -1);
  bottom: calc(var(--variant-pills-border-width) * -1);
  left: calc(var(--variant-pills-border-width) * -1);
  z-index: -1;
  border-radius: var(--variant-pills-radius);
  box-shadow: var(--variant-pills-shadow-horizontal-offset)
    var(--variant-pills-shadow-vertical-offset)
    var(--variant-pills-shadow-blur-radius)
    rgba(var(--color-shadow), var(--variant-pills-shadow-opacity));
}

.product-form__input--pill input[type="radio"] + label:hover {
  border-color: rgb(var(--color-foreground));
}

.product-form__input--pill input[type="radio"]:checked + label {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}

@media screen and (forced-colors: active) {
  .product-form__input--pill input[type="radio"]:checked + label {
    text-decoration: underline;
  }

  .product-form__input--pill input[type="radio"]:focus-visible + label {
    outline: transparent solid 1px;
    outline-offset: 2px;
  }
}

.product-form__input--pill input[type="radio"]:checked + label::selection {
  background-color: rgba(var(--color-background), 0.3);
}

.product-form__input--pill input[type="radio"]:disabled + label,
.product-form__input--pill input[type="radio"].disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.6);
  text-decoration: line-through;
}

.product-form__input--pill input[type="radio"].disabled:checked + label,
.product-form__input--pill input[type="radio"]:disabled:checked + label {
  color: rgba(var(--color-background), 0.6);
}
.product-form__input--pill input[type="radio"]:focus-visible + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

.product-form__input--pill input[type="radio"].focused + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

.product-form__input--swatch {
  display: flex;
  flex-wrap: wrap;
}

.product-form__input--swatch .swatch-input__input + .swatch-input__label {
  --swatch-input--size: 3.5rem;
  margin: 0.7rem 1.2rem 0.2rem 0;
}

@media screen and (min-width: 750px) {
  .product-form__input--swatch
    .swatch-input__input
    + .swatch-input__label:is(.swatch--shape-medium) {
    --swatch-input--size: 5rem;
  }
  .product-form__input--swatch
    .swatch-input__input
    + .swatch-input__label:is(.swatch--shape-large) {
    --swatch-input--size: 6.5rem;
  }
}
/* Size guide link shown on the right of a variant option label. The label is a
   <legend> in the swatch and pill pickers, so the rule covers both it and the
   <label> used by the dropdown picker. */
.product-form__input--has-size-guide > .form__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 0.4rem;
  width: 100%;
}

.product-form__input--has-size-guide > .form__label > .product-size-guide-opener {
  margin-inline-start: auto;
}

/* The block version of this button is sized for a row of its own. On a label
   line it reads better as small caps, quieter than the option name it sits
   beside. The base rules use !important, so these have to as well. */
.product-size-guide-opener .product-popup-modal__button.link {
  font-size: 1.2rem !important;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
  min-height: 0;
  padding: 0;
  gap: 0.4rem;
  text-underline-offset: 0.5rem !important;
  text-decoration-thickness: 0.1rem !important;
  transition: color var(--duration-short) ease,
    text-decoration-thickness var(--duration-short) ease;
}

.product-size-guide-opener .product-popup-modal__button.link:hover {
  color: rgb(var(--color-foreground));
  text-decoration-thickness: 0.2rem !important;
}

.product-size-guide-opener .product-popup-modal__button.link > svg {
  /* The block version spaces the icon with margin-right, which would add to the
     gap above. Clear it and let the gap alone do the spacing. */
  margin-right: 0;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.75;
  transition: opacity var(--duration-short) ease;
}

.product-size-guide-opener .product-popup-modal__button.link:hover > svg {
  opacity: 1;
}
/* END_SNIPPET:component-product-variant-picker-styles */

/* START_SNIPPET:component-rating-styles (INDEX:182) */
.rating {
  display: inline-block;
  margin: 0;
}

.rating-star {
  --letter-spacing: 0.8;
  --font-size: 1.7;
}
.rating-star {
  --color-rating-star: rgb(var(--color-foreground));
  --percent: calc(
    (
        var(--rating) / var(--rating-max) + var(--rating-decimal) *
          var(--font-size) /
          (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
      ) * 100%
  );
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: inline-block;
  font-family: Times;
  margin: 0;
}

.rating-star::before {
  content: "★★★★★";
  background: linear-gradient(
    90deg,
    var(--color-icon, rgb(var(--color-foreground))) var(--percent),
    rgba(var(--color-foreground), 0.15) var(--percent)
  );
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.rating-text {
  display: none;
}

.rating-count {
  display: inline-block;
  margin: 0;
}

@media (forced-colors: active) {
  .rating {
    display: none;
  }

  .rating-text {
    display: block;
  }
}
/* END_SNIPPET:component-rating-styles */

/* START_SNIPPET:component-search-styles (INDEX:183) */
.search__input.field__input {
  padding-right: 5rem;
}
.search__button .icon {
  height: 25px;
  width: 25px;
}
input::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.reset__button {
  right: 4.4rem !important;
  top: 0.2rem;
}
.reset__button .icon.icon-close {
  height: 1.8rem;
  width: 1.8rem;
  stroke-width: 0.1rem;
}
/* END_SNIPPET:component-search-styles */

/* START_SNIPPET:component-show-more-styles (INDEX:184) */
.button-show-more {
  padding-left: 0;
  justify-content: flex-start;
  padding-bottom: 1.1rem;
}

.button-show-more, 
.button-show-less {
  margin-top: 1.5rem;
}
/* END_SNIPPET:component-show-more-styles */

/* START_SNIPPET:component-slider-styles (INDEX:185) */
slider-component {
  --desktop-margin-left-first-item: max(
    5rem,
    calc((100vw - var(--page-width) + 10rem - 8px) / 2)
  );
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 989px) {
  .no-js slider-component .slider {
    padding-bottom: 3rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc(
    var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)
  );
  --shadow-padding-bottom: calc(
    var(--shadow-vertical-offset) + var(--shadow-blur-radius)
  );
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(
      var(--focus-outline-padding),
      var(--shadow-padding-bottom)
    );
  }
  .slider.slider--mobile.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .slider.slider--tablet-up {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet-up .slider__slide {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(
      var(--focus-outline-padding),
      var(--shadow-padding-bottom)
    );
  }

  .slider.slider--tablet.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--tablet.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}

@media screen and (min-width: 990px) {
  .slider-component-desktop.page-width {
    max-width: none;
  }

  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    scroll-padding-left: var(--desktop-margin-left-first-item);
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(
      var(--focus-outline-padding),
      var(--shadow-padding-bottom)
    );
  }

  .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item);
    scroll-margin-left: var(--desktop-margin-left-first-item);
  }

  .slider.slider--desktop .slider__slide:last-child {
    margin-right: 5rem;
  }

  .slider-component-full-width .slider--desktop {
    scroll-padding-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 1.5rem;
    scroll-margin-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:last-child {
    margin-right: 1.5rem;
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 5 - 8px * 2);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 4 - 8px * 3);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 3 - 8px * 4);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) / 2 - 8px * 5);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: calc((100% - var(--desktop-margin-left-first-item)) - 8px * 9);
  }

  .slider.slider--desktop.contains-card--standard
    .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground))
    rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 1.2rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 990px) {
  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .slider--desktop:not(.slider--tablet) + .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
}

.slider-button {
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

.slider-button .icon {
  height: 1.5rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}

/* Prev/next clusters: under html[dir=rtl], flex “start” mirrors and arrow SVGs can face inward. Isolate with LTR progression (no JS). Add .carousel-nav--ltr on the nav wrapper. */
.carousel-nav--ltr {
  direction: ltr;
}
/* END_SNIPPET:component-slider-styles */

/* START_SNIPPET:component-swatch-input-styles (INDEX:186) */
.swatch-input__input + .swatch-input__label {
  --swatch-input--border-radius: 50%;
  display: inline-block;
  max-width: 100%;
  border-radius: var(--swatch-input--border-radius);
  cursor: pointer;
  outline-offset: 0.2rem;
  outline-color: transparent;
  outline-style: solid;
  transition-property: outline-color, outline-width, box-shadow;
  transition-duration: var(--duration-short);
  transition-timing-function: ease;
  forced-color-adjust: none;
}

.swatch-input__input + .swatch-input__label.swatch-input__label--square {
  --swatch-input--border-radius: 0.2rem;
}

.swatch-input__input:active + .swatch-input__label,
.swatch-input__input:checked + .swatch-input__label {
  outline: 0.1rem solid rgb(var(--color-foreground));
}

.swatch-input__input + .swatch-input__label:hover,
.swatch-input__input:hover + .swatch-input__label {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.4);
}

.swatch-input__input:focus-visible + .swatch-input__label {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  box-shadow: 0 0 0 0.2rem rgb(var(--color-background)),
    0 0 0.1rem 0.5rem rgba(var(--color-foreground), 0.25);
}

.swatch-input__input:active:focus-visible + .swatch-input__label,
.swatch-input__input:checked:focus-visible + .swatch-input__label {
  outline: 0.1rem solid rgb(var(--color-foreground));
  box-shadow: 0 0 0 0.2rem rgb(var(--color-background)),
    0 0 0.1rem 0.4rem rgba(var(--color-foreground), 0.25);
}

.swatch-input__input.visually-disabled:not(:active):not(:checked)
  + .swatch-input__label {
  transition: none;
}
.swatch-input__input.visually-disabled:not(:active):not(:checked)
  + .swatch-input__label:hover {
  outline: none;
}

.swatch-input__input:disabled + .swatch-input__label {
  pointer-events: none;
}

.swatch-input__input:disabled + .swatch-input__label > .swatch,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch {
  position: relative;
  overflow: hidden;
}

.swatch-input__input:disabled + .swatch-input__label > .swatch,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch {
  opacity: 0.4;
}

.swatch-input__input:disabled + .swatch-input__label > .swatch::after,
.swatch-input__input.visually-disabled + .swatch-input__label > .swatch::after {
  --diagonal--size: calc(var(--swatch-input--size) * 1.414);
  --crossed-line--size: 0.1rem;
  content: "";
  position: absolute;
  bottom: calc(var(--crossed-line--size) * -0.5);
  left: 0;
  width: var(--diagonal--size);
  height: var(--crossed-line--size);
  background-color: rgb(var(--color-foreground));
  transform: rotate(-45deg);
  transform-origin: left;
}
/* END_SNIPPET:component-swatch-input-styles */

/* START_SNIPPET:component-swatch-styles (INDEX:187) */
.swatch {
  --swatch--size: var(--swatch-input--size, 3.2rem);
  --swatch--border-radius: var(--swatch-input--border-radius, 50%);
  display: block;
  width: var(--swatch--size);
  max-width: 100%;
  aspect-ratio: 1 / 1;
  --custom-background-color: var(
    --background-gradient,
    var(--color-swatch-background)
  );
  background: var(--custom-background-color, var(--swatch--background));
  background-position: var(--swatch-focal-point, initial);
  background-size: cover;
  background-origin: border-box;
  border: 0.1rem solid rgba(var(--color-foreground), 0.15);
  border-radius: var(--swatch--border-radius);
}
.swatch--square {
  --swatch--border-radius: var(--swatch-input--border-radius, 0.2rem);
}

.swatch--unavailable {
  border-style: dashed;
  border-color: rgba(var(--color-foreground), 0.5);
}
/* END_SNIPPET:component-swatch-styles */

/* START_SNIPPET:component-totals-styles (INDEX:188) */
.totals {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.totals > * {
  font-size: 1.6rem;
  margin: 0;
}

.totals * {
  line-height: 1;
}

.totals > * + * {
    margin-inline-start: 2rem;
}

.totals__subtotal-value {
  font-size: 1.8rem;
}

.cart__ctas + .totals {
  margin-top: 2rem;
}

@media all and (min-width: 750px) {
  .totals {
    justify-content: flex-end;
  }
}
/* END_SNIPPET:component-totals-styles */

/* START_SNIPPET:component-volume-pricing-styles (INDEX:189) */
volume-pricing {
  display: block;
  margin-top: 2rem;
}

volume-pricing li:nth-child(odd) {
  background: rgba(var(--color-foreground), 0.04);
}

volume-pricing ul {
  margin-top: 1.2rem;
}

volume-pricing li {
  font-size: 1.4rem;
  letter-spacing: 0.06rem;
  padding: 0.6rem 0.8rem;
  display: flex;
  justify-content: space-between;
}

div.volume-pricing-note {
  margin-top: -2.6rem;
}

.product--no-media .volume-pricing-note {
  text-align: center;
}

.product--no-media volume-pricing {
  width: 30rem;
}

.volume-pricing-note span,
volume-pricing .label-show-more {
  font-size: 1.2rem;
  letter-spacing: 0.07rem;
}

volume-pricing show-more-button {
  margin-top: 0.8rem;
}

.product-form__input price-per-item,
.price-per-item__container {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.product-form__input .price-per-item {
  color: rgba(var(--color-foreground));
  font-size: 1.4rem;
  letter-spacing: 0.06rem;
}

.price-per-item dl {
  margin: 0;
}

.price-per-item dd {
  margin-left: 0;
}

.price-per-item__container .variant-item__old-price,
.price__regular .variant-item__old-price {
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.2rem;
  letter-spacing: 0.07rem;
}
/* END_SNIPPET:component-volume-pricing-styles */

/* START_SNIPPET:contact-form-styles (INDEX:190) */
/*
  Source: assets/section-contact-form.css
*/
.contact__list--item-content p {
  margin: 0;
}
.contact__list--item-content p {
  margin: 0;
}
span.h4.contact__list--item-heading {
  color: rgb(var(--color-foreground), 0.7);
  margin-bottom: 0.5rem;
  display: block;
}
.contact__heading {
  margin-bottom: 3rem;
}
.contact__form--wrapper.color-background-3 {
  background-color: rgba(var(--color-background), 0.1);
}
.contact__form--wrapper .input__field,
.contact__form--wrapper input[type="email"],
.contact__form--wrapper input[type="text"] {
  background-color: transparent;
  border-radius: unset;
  border-left: transparent;
  border-right: transparent;
  padding: 0;
  border-top: transparent;
  font-weight: 600;
  border-color: rgba(var(--color-foreground), 0.15);
  margin-bottom: 0;
}
.contact__form--wrapper {
  border-radius: 2rem;
}
.contact__form--wrapper input:focus {
  box-shadow: none;
  border-color: rgba(var(--color-foreground));
}
.contact__form--wrapper *:focus-visible {
  box-shadow: none;
  outline: none;
  border-color: rgba(var(--color-foreground));
}
.contact__form--wrapper .input__field_form + .input__field_form {
  margin-top: 3.8rem;
}
.contact__form--wrapper .input__field_form.textarea__field {
  margin-top: 5rem;
}
.contact__form--wrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(var(--color-foreground));
}
.contact__form--wrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(var(--color-foreground));
}
.contact__form--wrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(var(--color-foreground));
}
.contact__form--wrapper input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(var(--color-foreground));
}
.contact__form--wrapper textarea::placeholder {
  color: rgba(var(--color-foreground));
}
.contact__form--header {
  margin-bottom: 5rem;
}
.contact__form--heading {
  font-weight: 600;
}
.contact__button {
  margin-top: 4rem;
  text-align: center;
}
.contact__button button.link.with--icon>svg {
  width: 20px !important;
}
.full--width-section .contact__list--wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 1200px) {
  .contact__form--container {
    padding: 0 10rem;
  }
}
.text__area {
  padding: 1.2rem;
  min-height: 10rem;
  resize: none;
}

@media only screen and (min-width: 768px) {
  .half--width-section .contact__list--item + .contact__list--item {
    margin-top: 7rem;
  }
  .contact__heading {
    margin-bottom: 7.5rem;
  }
  .contact__form--wrapper {
    padding: 8rem 6rem;
  }
}

@media only screen and (max-width: 767px) {
  .contact__list--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
  }
  .contact__list--wrapper {
    margin-bottom: 3rem;
  }
  .contact__form--wrapper {
    padding: 6rem 3rem;
  }
}

/*  */
.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}
/* END_SNIPPET:contact-form-styles */

/* START_SNIPPET:countdown-banner-styles (INDEX:191) */
.countdown--timer-banner {
  margin-bottom: 3rem;
  gap: 2rem;
}
.deals__banner--content__subtitle {
  margin-bottom: 12px;
  color: rgba(var(--color-button));
}

@media only screen and (min-width: 992px) {
  .deals__banner--content__subtitle {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 15px;
  }
  .countdown--timer-banner {
    gap: 4rem;
  }
}
.deals__banner--content__maintitle {
  font-size: 2rem;
  line-height: 2.7rem;
  margin-bottom: 15px;
}

.countdown--timer-media--small {
  height: 19.4rem;
}
.countdown--timer-media--large {
  height: 43.5rem;
}
.countdown--timer-media--medium {
  height: 30rem;
}

.countdown--timer-media--adapt.placeholder {
  height: 35rem;
}
@media screen and (min-width: 750px) {
  .countdown--timer-media--small {
    height: 31.4rem;
  }
  .countdown--timer-media--medium {
    height: 50rem;
  }
  .countdown--timer-media--large {
    height: 69.5rem;
  }
  .deals__banner--content__maintitle {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-bottom: 14px;
  }
  .countdown--timer-banner {
    gap: 3rem;
  }
  .countdown--timer-media--adapt.placeholder {
    height: 50rem;
  }
}

@media only screen and (min-width: 992px) {
  .deals__banner--content__maintitle {
    font-size: 2.8rem;
    line-height: 3.8rem;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .deals__banner--content__maintitle {
    font-size: 3rem;
    line-height: 4rem;
  }
}
@media only screen and (min-width: 1366px) {
  .deals__banner--content__maintitle {
    font-size: 3.2rem;
    line-height: 4.2rem;
  }
}
@media only screen and (min-width: 1600px) {
  .deals__banner--content__maintitle {
    font-size: 3.6rem;
    line-height: 4.8rem;
  }
}
@media only screen and (min-width: 1200px) {
  .deals__banner--content__desc {
    font-size: 1.7rem;
  }
}

.countdown--timer-banner > .countdown-item {
  padding: 0.3rem 0.7rem;
  text-align: center;
  border-radius: 0.5rem;
  position: relative;
  border: 0.1rem solid rgba(var(--color-foreground), 0.19);
  min-width: 4.5rem;
}
.countdown--timer-banner > .countdown-item + .countdown-item:before {
  position: absolute;
  content: ":";
  left: -2rem;
  top: 50%;
  font-size: 3rem;
  -webkit-transform: translatey(-50%);
  transform: translatey(-50%);
  color: rgba(var(--color-foreground));
}
.countdown--timer-banner .countdown__digit {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: rgba(var(--color-foreground));
}
.countdown--timer-banner .countdown__labels {
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 2rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .countdown--timer-banner > .countdown-item {
    padding: 0.8rem 1rem;
    min-width: 8.5rem;
  }
  .countdown--timer-banner .countdown__digit {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 992px) {
  .countdown--timer-banner .countdown__labels {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
  .countdown--timer-banner > .countdown-item + .countdown-item:before {
    left: -2rem;
  }
}

@media only screen and (min-width: 1200px) {
  .countdown--timer-banner .countdown__labels {
    font-size: 1.6rem;
  }
  .countdown--timer-banner .countdown__digit {
    font-size: 2.6rem;
    line-height: 4rem;
  }
  .countdown--timer-banner > .countdown-item {
    padding: 0.6rem 1.2rem;
    min-width: 8rem;
  }
}
.deals__banner--section {
  position: relative;
}
.countdown--banner__content {
  position: relative;
  z-index: 8;
}
.countdown-item > span {
  display: block;
}
.countdown--banner__content--box {
  position: relative;
}
.deals__banner--content__desc > p {
  margin-bottom: 0;
}
.deals__banner--content__desc {
  margin-bottom: 2.5rem;
}
.countdown--timer-banner .countdown__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.countdown--timer-banner {
  flex-wrap: wrap;
}

@media only screen and (max-width: 749px) {
  .deals__banner--content {
    margin-top: 23px;
    order: 2;
  }
  .timer__video--content-inner {
    padding: 0 2rem 3rem;
  }
  .countdown--timer-banner > .countdown-item + .countdown-item:before {
    left: -1.5rem;
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  .countdown--timer-banner > .countdown-item {
    padding: 0.5rem 0.8rem;
    min-width: 5rem;
  }
}
@media only screen and (min-width: 750px) {
  .timer__video--content {
    padding: 5rem;
  }
  .countdown--timer-content-reverse:not(.full--width-column) {
    flex-direction: row-reverse;
  }
  .countdown--timer-content-reverse.full--width-column {
    flex-direction: column-reverse;
  }
  .countdown--timer-banner .countdown__digit {
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .countdown--timer-media.grid__item {
    align-self: center;
  }
  .timer__video--content-inner.timer--content-horizontal-gird-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .timer--content-horizontal-gird-item .countdown--timer-banner {
    margin-bottom: 0;
  }
  .timer--content-horizontal-gird-item .deals__banner--content__desc {
    margin-bottom: 0;
    max-width: 40rem;
  }
  .timer__video--content.timer--horizontal-content {
    padding: 4rem;
  }
}
.countdown--media-radius-true {
  border-radius: 1.5rem;
}
.box--square-true .countdown-item {
  border-radius: 0;
}
/* END_SNIPPET:countdown-banner-styles */

/* START_SNIPPET:countdown-timer-styles (INDEX:192) */
.product--card__countdown {
  display: flex;
  justify-content: space-evenly;
  padding: 0.8rem 0;
}

.product--card__countdown>div {
  flex-grow: 1;
  text-align: center;
  position: relative;
}
.product--card__countdown .countdown__inner>span {
  display: block;
  line-height: 1;
}

.product--card__countdown .countdown__digit {
  font-size: 1.6rem;
  font-weight: bold;
  color: rgba(var(--color-foreground));
}

.product--card__countdown span.countdown__labels {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.product--card__countdown .countdown-item + .countdown-item::before {
  width: 1px;
  position: absolute;
  content: "";
  height: 80%;
  left: 0;
  background: rgba(var(--color-foreground));
  top: 50%;
  transform: translateY(-50%);
  margin-left: -0.5px;
}
@media only screen and (max-width: 767px){
  .product--card__countdown .countdown__digit,.product--card__countdown span.countdown__labels {
    font-size: 1.3rem;
  }
  .product--card__countdown .countdown-item + .countdown-item::before {
    width: 5px;
    height: 5px;
    margin-left: -2.5px;
    border-radius: 50%;
  }
  .product--card__countdown .countdown-item:last-child {
    display: none;
  }
}
.product-grid-item__content .product--card__countdown {
    margin-bottom: 1.5rem;
    border-radius: 0.5rem;
}
@media only screen and (min-width: 750px){
  .product__grid_timer.timer_placed--on-image {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    transition: var(--transition);
      }
  .timer_placed--on-image .product--card__countdown {
    border-radius: 5px;
  }
  .grid-col-4 .timer_placed--on-image .product--card__countdown .countdown-item:last-child {
    display: none;
  }
  .product-grid-item:hover .product__grid_timer.timer_placed--on-image {
    opacity: 0;
    visibility: hidden;
  }
  .timer_placed--on-image-mobile{
  	display: none;
  }
}

@media only screen and (max-width: 749px){
  .product__grid_timer.timer_placed--on-image {
    display: none;
  }
}
/* END_SNIPPET:countdown-timer-styles */

/* START_SNIPPET:custom-typography-vars (INDEX:194) */
.custom-typography,
  .custom-typography > * {
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    text-transform: var(--text-transform);
    text-wrap: var(--text-wrap);
  }
/* END_SNIPPET:custom-typography-vars */

/* START_SNIPPET:customer-rtl-styles (INDEX:195) */
/*
  Source: assets/customer-rtl.css
*/
.customer ul {
  text-align: right;
  padding-right: 0;
}
.customer__menu li a svg {
  margin-right: 0;
  margin-left: 1rem;
}
.customer .addresses ul {
  text-align: right;
  padding-right: 0;
}
li[data-address] > h2 {
  text-align: right;
}
@media only screen and (min-width: 750px) {
  .addresses form > div:nth-of-type(1) {
    padding-right: 0;
    padding-left: 2rem;
  }
}
.addresses form > div {
  width: 100%;
  text-align: right;
}
/* END_SNIPPET:customer-rtl-styles */

/* START_SNIPPET:customer-styles (INDEX:196) */
/*
  Source: assets/customer.css
*/
.customer form {
  margin-top: 4rem;
}

.customer button {
  margin: 2rem 0 1rem;
}

.customer ul {
  line-height: 1.6;
  padding-left: 4.4rem;
  text-align: left;
}

.customer ul a {
  display: inline;
}

.customer strong {
  font-weight: normal;
  color: rgb(var(--color-foreground));
}

.customer h2.form__message {
  font-size: 1.8rem;
}

@media only screen and (min-width: 750px) {
  .customer h2.form__message {
    font-size: 2.2rem;
  }
}

.customer .field {
  margin: 2rem 0 0 0;
}

.customer .field:first-of-type {
  margin-top: 0;
}

/* Customer Table */
.customer table {
  table-layout: auto;
  border-collapse: collapse;
  border-bottom: 0.01rem solid rgba(var(--color-foreground), 0.08);
  box-shadow: none;
  width: 100%;
  font-size: 1.6rem;
  position: relative;
}

@media screen and (min-width: 750px) {
  .customer table {
    border: none;
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.08);
  }
}

.customer tbody {
  color: rgb(var(--color-foreground));
}

.customer th,
.customer td {
  font-weight: 400;
  line-height: 1;
  border: none;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .customer td {
    padding-right: 2.2rem;
  }
}

.customer tbody td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.customer td:empty {
  display: initial;
}

.customer thead th {
  font-size: 1.2rem;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
}

.customer tbody td:first-of-type {
  padding-top: 4rem;
}

@media screen and (min-width: 750px) {
  .customer th,
  .customer td:first-of-type {
    text-align: left;
    padding-left: 0;
    padding-right: 2.2rem;
  }

  .customer thead th,
  .customer tbody td {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }

  .customer th:first-of-type,
  .customer td:first-of-type {
    padding-left: 2.2rem;
  }

  .customer tbody td {
    vertical-align: top;
  }

  .customer tbody td:first-of-type {
    padding-top: 2.4rem;
  }
}

.customer tbody td:last-of-type {
  padding-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .customer tbody td:last-of-type {
    padding-bottom: 0;
  }
}

.customer tbody tr {
  border-top: 0.01rem solid rgba(var(--color-foreground), 0.08);
}

@media screen and (min-width: 750px) {
  .customer tbody tr:first-of-type {
    border-top: none;
  }
}

.customer tfoot td:first-of-type,
.customer tfoot td {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.customer tfoot td:first-of-type {
  text-align: left;
}

.customer tfoot tr:first-of-type td {
  padding-top: 4rem;
}

@media screen and (min-width: 750px) {
  .customer tfoot tr:first-of-type td,
  .customer tfoot tr:first-of-type th {
    padding-top: 2.4rem;
  }
}

.customer tfoot tr:last-of-type td {
  padding-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .customer tfoot tr:last-of-type td,
  .customer tfoot tr:last-of-type th {
    padding-bottom: 2.4rem;
  }
}

/* works around colspan phantom border issues */
.customer thead::after,
.customer tfoot::before {
  content: " ";
  height: 0.1rem;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  background: rgba(var(--color-foreground), 0.08);
}

/* mobile table overrides */
@media screen and (max-width: 749px) {
  .customer thead,
  .customer th,
  .customer tfoot td:first-of-type {
    display: none;
  }

  .customer td {
    display: flex;
    text-align: right;
  }

  .customer td::before {
    color: rgba(var(--color-foreground), 0.75);
    content: attr(data-label);
    font-size: 1.4rem;
    padding-right: 2rem;
    text-transform: uppercase;
    flex-grow: 1;
    text-align: left;
  }

  .customer td:first-of-type {
    display: flex;
    align-items: center;
  }

  .customer tr {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
}

/* Pagination */
.customer .pagination {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

@media screen and (min-width: 990px) {
  .customer .pagination {
    margin-top: 7rem;
    margin-bottom: 10rem;
  }
}

.customer .pagination ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.customer .pagination li {
  flex: 1 1;
  max-width: 4rem;
}

.customer .pagination li:not(:last-child) {
  margin-right: 1rem;
}

.customer .pagination li :first-child {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 4rem;
  width: 100%;
  padding: 0;
  text-decoration: none;
}

.customer .pagination li :first-child svg {
  height: 0.6rem;
}

.customer .pagination li:first-of-type svg {
  margin-left: -0.2rem;
  transform: rotate(90deg);
}

.customer .pagination li:last-of-type svg {
  margin-right: -0.2rem;
  transform: rotate(-90deg);
}

.customer .pagination li [aria-current]::after {
  content: "";
  display: block;
  width: 2rem;
  height: 0.01rem;
  position: absolute;
  bottom: 0.08rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: currentColor;
}

/* Login */
.customer:is(.customer--page-width-narrow) {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
}
.login a {
  display: block;
  margin: 0 auto;
  width: fit-content;
}

.login a[href="#recover"] {
  margin-left: 0;
  margin-right: 0;
}

.login .field + a {
  margin-top: 1rem;
}

.login p {
  margin: 1.5rem 0;
}

.login h3 {
  margin-top: 1.5rem;
  text-align: left;
  font-size: 1.6rem;
}

#customer_login_guest button {
  margin-top: 0;
}

#recover,
#recover + div {
  display: none;
}

#recover:target {
  display: inline;
}

#recover:target + div {
  display: block;
}

#recover:target ~ #login,
#recover:target ~ #login + div {
  display: none;
}

.activate button[name="decline"],
.addresses li > button,
.addresses form button[type] {
  background-color: transparent;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-link));
  color: rgb(var(--color-link));
}

.activate button[name="decline"]:hover,
.addresses li > button:hover,
.addresses form button[type]:hover {
  box-shadow: 0 0 0 0.2rem rgb(var(--color-link));
}

@media only screen and (min-width: 750px) {
  .activate button[name="decline"] {
    margin-top: inherit;
    margin-left: 1rem;
  }
}

/* Account/Order */

@media screen and (min-width: 990px) {
  :is(.account, .order) > div:nth-of-type(2) {
    display: flex;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 990px) {
  :is(.account, .order) > div:nth-of-type(2) > div:first-of-type {
    flex-grow: 1;
    padding-right: 3.2rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .order > div:nth-of-type(2) > div:last-of-type {
    display: flex;
  }

  .order > div:nth-of-type(2) > div:last-of-type div {
    padding-right: 3.2rem;
  }
}

:is(.account, .order) p {
  margin: 0 0 2rem;
  font-size: 1.6rem;
}

:is(.account, .order) h1 {
  margin-bottom: 1rem;
}

:is(.account, .order) h2 {
  margin-top: 4rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  :is(.account, .order) h2 {
    margin-top: 0;
  }
}

.account h1 + a {
  display: inline-flex;
  align-items: center;
}

.customer__menu li a svg {
  width: 1.5rem;
  margin-bottom: -0.03rem;
  margin-right: 1rem;
}

@media screen and (min-width: 750px) {
  .account thead th:last-child,
  .account td:last-child {
    text-align: right;
  }

  .account table td:first-of-type {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}

.account table td:first-of-type a {
  padding: 1.1rem 1.5rem;
  text-decoration: none;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-link), 0.2);
  font-size: 1.5rem;
}

.account table td:first-of-type a:hover {
  box-shadow: 0 0 0 0.2rem rgba(var(--color-link), 0.2);
}

.order td:first-of-type {
  align-items: initial;
}

@media screen and (min-width: 750px) {
  .order thead th:nth-last-child(-n + 3),
  .order td:nth-last-child(-n + 3) {
    text-align: right;
  }
}

.order tfoot tr:last-of-type td,
.order tfoot tr:last-of-type th {
  font-size: 2.2rem;
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 750px) {
  .order tfoot tr:last-of-type td,
  .order tfoot tr:last-of-type th {
    padding-bottom: 2.4rem;
  }
}

.order tfoot tr:last-of-type td:before {
  font-size: 2.2rem;
}

.order table p,
.order > div:nth-of-type(2) > div:first-of-type h2,
.order > div:nth-of-type(2) > div:last-of-type h2 + p {
  margin-bottom: 0;
}

.order > div:nth-of-type(2) > div:first-of-type h2 ~ p {
  margin-bottom: 0;
  font-size: 1.4rem;
}

.order > div:nth-of-type(2) > div:first-of-type h2 ~ p:last-of-type {
  margin-bottom: 3rem;
}

.order .item-props {
  font-size: 1.4rem;
  margin-top: 0.05px;
  display: flex;
  flex-direction: column;
}

.order .item-props > span {
  word-break: break-all;
  line-height: 1.2;
}

.order .fulfillment {
  width: fit-content;
  border: 0.01rem solid rgba(var(--color-foreground), 0.2);
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: left;
}

.order .fulfillment a {
  margin: 0.7rem 0;
}

.order .fulfillment span {
  display: block;
}

.order .cart-discount {
  display: block;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

@media screen and (min-width: 750px) {
  .order td .cart-discount {
    display: none;
  }
}

.order tbody ul {
  list-style: none;
  font-size: 1.2rem;
  text-align: right;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 0;
}

@media screen and (min-width: 750px) {
  .order tbody ul {
    text-align: left;
  }
}

.order table a {
  line-height: 1.3;
}

.order tbody tr:first-of-type td:first-of-type > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (min-width: 750px) {
  .order tbody tr:first-of-type td:first-of-type > div {
    align-items: flex-start;
  }
}

.order .properties {
  font-size: 1.4rem;
  margin-top: 1rem;
}

.order .properties span {
  display: block;
  line-height: 1.2;
}

.order svg {
  width: 1.1rem;
  color: rgb(var(--color-base-accent-2));
  margin-right: 0.5rem;
}

.order dl {
  margin: 0;
}

.order dd {
  margin-left: 0;
  line-height: 1.3;
}

.order dd s {
  color: rgba(var(--color-foreground), 0.7);
}

.order .unit-price {
  font-size: 1.1rem;
  letter-spacing: 0.07rem;
  line-height: 1.2;
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}

.order .regular-price {
  font-size: 1.3rem;
}

/* Addresses */
.addresses li > button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.addresses li > button + button,
.addresses form button + button {
  margin-top: 0rem;
}

@media screen and (min-width: 750px) {
  .addresses li > button:first-of-type {
    margin-top: 3rem;
  }
}

.addresses form button:first-of-type {
  margin-right: 1rem;
}

label[for="AddressCountryNew"],
label[for="AddressProvinceNew"] {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.6rem;
}

.addresses form {
  display: flex;
  flex-flow: row wrap;
}

.addresses form > div {
  width: 100%;
  text-align: left;
}

.customer .addresses ul {
  list-style: none;
  padding-left: 0;
  text-align: left;
}

li[data-address] {
  margin-top: 4rem;
}

.addresses [aria-expanded="false"] ~ div[id] {
  display: none;
}

.addresses [aria-expanded="true"] ~ div[id] {
  display: block;
}

.addresses h2 {
  text-align: left;
}

li[data-address] > h2 {
  text-align: left;
  font-size: 1.8rem;
}

@media only screen and (min-width: 750px) {
  li[data-address] > h2 {
    font-size: 2.2rem;
  }
}

.addresses ul p {
  margin-bottom: 0;
}

.addresses input[type="checkbox"] {
  margin-top: 2rem;
  margin-left: 0;
}

@media only screen and (min-width: 750px) {
  .addresses form > div:nth-of-type(1) {
    padding-right: 2rem;
  }

  .addresses form > div:nth-of-type(2) {
    margin-top: 0;
  }

  .addresses form > div:nth-of-type(1),
  .addresses form > div:nth-of-type(2) {
    flex-basis: 50%;
    box-sizing: border-box;
  }
}

.addresses form > div:nth-of-type(7),
.addresses form > div:nth-of-type(7) + div[id] {
  margin-top: 1.5rem;
}
.customer .input__field_form,
.customer .select__field_form {
  text-align: left;
  margin-bottom: 25px;
}
.input__field_form label {
  margin-bottom: 8px;
  display: block;
}
.account__pages_inner > .col {
  flex: 0 0 20%;
  width: unset;
}
.account__pages_inner > .col.flex-grow-1 {
  flex-grow: 1 !important;
}
.customer__menu ul {
  padding-left: 0;
  list-style: none;
  margin: 15px 0;
}
.customer__menu ul li a {
  background: rgba(var(--color-button), var(--alpha-button-background));
  color: rgba(var(--color-button-text));
  padding: 10px 20px;
  border-radius: var(--button-border-radius);
  text-decoration: none;
  display: inline-flex;
  transition: var(--transition);
  min-width: 12rem;
  border: 1px solid transparent;
}
.customer__menu ul li + li {
  margin-top: 1rem;
}
.customer__menu ul li a.active,
.customer__menu ul li a:hover {
  background-color: transparent;
  color: rgba(var(--color-foreground)) !important;
  border-color: rgba(var(--color-foreground));
}
@media only screen and (max-width: 991px) {
  .row.account__pages_inner {
    flex-direction: column;
  }
  .customer__menu ul {
    display: flex;
  }
  .customer__menu ul li + li {
    margin-left: 1rem;
    margin-top: 0;
  }
  .account__pages_inner > div:first-child {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 450px) {
  .customer__menu ul {
    flex-direction: column;
    align-items: center;
  }
  .customer__menu ul li + li {
    margin-left: 0;
    margin-top: 1rem;
  }
  .account__details {
    text-align: center;
  }
}
.address__new_btn > h1 {
  margin: 0;
}
.customer.order {
  margin-top: 60px;
}
.customer.login .input__field,
.customer.login input[type="email"],
.customer.register .input__field,
.customer.register input[type="email"] {
  background: transparent;
}
/* END_SNIPPET:customer-styles */

/* START_SNIPPET:email-popup-rtl-styles (INDEX:197) */
html[dir="rtl"] {
button.email__popup--toggle {
  right: auto;
  left: 1rem;
}
@media only screen and (min-width: 750px) {
  .email__popup__field-wrapper
    .input__field_form:not(.email--button--full)
    .button {
    right: auto;
    left: 3px;
  }
}
@media only screen and (min-width: 750px) {
  .email__popup--form
    .input__field_form:not(.email--button--full)
    .input__field {
    padding-right: 1.5rem;
    padding-left: 14.5rem;
  }
}
.email__popup--media-position--left.email__popup--meida-active
  .email__popup--content {
  padding-inline-end: 33rem;
  padding-inline-start: 3rem;
}
@media only screen and (max-width: 749px) {
  .email__popup--media-position--left.email__popup--meida-active
    .email__popup--content {
    padding-inline-end: 3rem;
  }
}
}
/* END_SNIPPET:email-popup-rtl-styles */

/* START_SNIPPET:email-popup-styles (INDEX:198) */
.email__popup--mdoal__content {
  box-sizing: border-box;
  position: fixed;
  z-index: -1;
  display: none;
}

.email__popup--mdoal__content.email__popup--position-center {
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--color-foreground), 0.5);
  height: 100%;
  align-items: center;
  width: 100%;
  overflow: auto;
}

@media only screen and (max-width: 749px) {
  .email__popup--mdoal__content:not(.email__popup--position-center) {
    left: 0;
    bottom: 0;
    right: 0;
  }
  .email__popup--position-center .email__popup---wrapper {
    max-width: calc(100% - 50px);
  }

  .email__popup--mdoal__content:not(.email__popup--position-center)
    .email__popup---wrapper {
    max-width: 100%;
  }
}
@media only screen and (min-width: 750px) {
  .email__popup--mdoal__content.email__popup--position-right {
    right: 3rem;
    bottom: 30px;
  }
  .email__popup--mdoal__content.email__popup--position-left {
    left: 3rem;
    bottom: 30px;
  }
}
.email__popup---wrapper {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  padding: 3rem;
  position: relative;
  background-color: rgb(var(--color-background));
  overflow: auto;
  max-height: 60rem;
  width: 100%;
  z-index: 9;
  border-radius: 1.5rem;
}
.email-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 8;
  cursor: crosshair;
}
.email__popup--mdoal__content.popup-open {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  display: flex;
  animation: fade-in var(--duration-long) ease;
}
.email__popup--mdoal__content.popup-closing {
  animation: fade-out var(--duration-long) ease;
}
.email__popup--toggle .icon {
  height: auto;
  margin: 0;
  width: 1.6rem;
}
button.email__popup--toggle {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: rgba(var(--color-background));
  border: none;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  z-index: 9;
  box-shadow: 0 0 1.5rem rgba(var(--color-foreground), 0.15);
}
button.email__popup--hide {
  background: none;
  border: none;
  font-size: 1.6rem;
  font-weight: 600;
}
.email__popup--form .form__message {
  justify-content: center;
}
.email__popup--meida-active .email__popup--wrapper-inner {
  display: flex;
  position: relative;
}
.email__popup--image {
  width: 30rem;
  position: absolute;
  height: 100%;
}
.email__popup--media.media {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.email__popup---wrapper.email__popup--meida-active {
  padding: 0;
}
@media screen and (min-width: 750px) {
  .email__popup--medium,
  .email__popup--large {
    max-width: 60rem;
  }
  .email__popup--small {
    max-width: 50rem;
  }
}
@media screen and (min-width: 992px) {
  .email__popup--medium {
    max-width: 75rem;
  }
  .email__popup--large {
    max-width: 90rem;
  }
}

@media screen and (min-width: 1199px) {
  .email__popup--large {
    max-width: 100rem;
  }
}

.email__popup--meida-active .email__popup--content {
  padding-top: 30px;
  padding-bottom: 30px;
  flex-grow: 1;
}
.email__popup--media-position--left.email__popup--meida-active
  .email__popup--content {
  padding-inline-start: 33rem;
  padding-right: 3rem;
}
.email__popup--media-position--right.email__popup--meida-active
  .email__popup--content {
  padding-inline-end: 33rem;
  padding-left: 3rem;
}
.email__popup--media-position--left .email__popup--image {
  left: 0;
}
.email__popup--media-position--right .email__popup--image {
  right: 0;
}
.text-right:not(.email__popup--media-position--right)
  button.email__popup--toggle {
  right: 0.5rem;
  top: 0.5rem;
  width: 3.5rem;
  height: 3.5rem;
}
.email__popup--media-position--top .email__popup--content {
  padding-left: 30px;
  padding-right: 30px;
}
.email__popup--content {
  z-index: 8;
}
.email__popup--media-position--full-width .email__popup--content {
  padding-left: 3rem;
  padding-right: 3rem;
}
.email__popup--media-position--full-width .email__popup--image {
  width: 100%;
}
.email__popup--content {
  color: rgba(var(--color-foreground), 0.75);
}
.email__popup__field-wrapper input {
  background: transparent;
}
.email__popup--position-center .email__popup---wrapper {
  margin: 0 auto;
}
@media only screen and (max-width: 749px) {
  .email__popup--image {
    display: none;
  }
  .email__popup--media-position--left.email__popup--meida-active
    .email__popup--content {
    padding-inline-start: 3rem;
  }
  .email__popup--media-position--right.email__popup--meida-active
    .email__popup--content {
    padding-inline-end: 3rem;
  }
  .email__popup---wrapper {
    margin: 0 auto;
  }
}

.email__popup--mdoal__content:not(.email__popup--position-center) {
  box-shadow: 0 0 4rem rgba(var(--color-foreground), 0.2);
}
.email__popup--content > * + *,
.email__popup--form > * + * {
  margin-top: 1.5rem;
}
.email__popup--content > *:first-child {
  margin-bottom: 0;
}
.email__form--text.rte {
  color: rgba(var(--color-foreground), 0.7);
}
@media only screen and (min-width: 750px) {
  .email__popup--form
    .input__field_form:not(.email--button--full)
    .input__field {
    border-radius: 3rem;
    padding-right: 14.5rem;
  }
  .email__popup__field-wrapper
    .input__field_form:not(.email--button--full)
    .button {
    position: absolute;
    right: 3px;
    border-radius: 3rem;
    top: 50%;
    height: calc(100% - 6px);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 749px) {
  .email__popup--form
    .input__field_form:not(.email--button--full)
    .input__field {
    margin-bottom: 2rem;
  }
  .email__popup--form .input__field_form:not(.email--button--full) .button {
    width: 100%;
  }
}
@keyframes popup-open {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}
.popup-open .email__popup---wrapper {
  animation: popup-open var(--duration-long) ease;
}
.email__popup--media-position--left .email__popup--content > *:first-child {
  padding-right: 3rem;
}
/* END_SNIPPET:email-popup-styles */

/* START_SNIPPET:faq-styles-rtl (INDEX:200) */
html[dir="rtl"] .faq__list--item--heading {
  padding-right: 0;
  text-align: right;
  padding-left: 35px;
}
html[dir="rtl"] span.faq__button--icon {
  right: auto;
  left: 0;
}
/* END_SNIPPET:faq-styles-rtl */

/* START_SNIPPET:faq-styles (INDEX:201) */
.faq__media--adapt.placeholder {
    height: 40rem;
}
.faq__media--small {
    height: 30.4rem;
}
.faq__media--medium {
  height: 35rem;
}
.faq__media--large {
    height: 43.5rem;
}
h2.faq__list--wrapper--heading + div {
    margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .faq__media--small {
    height: 40rem;
  }
  .faq__media--medium {
    height: 50rem;
  }
  .faq__media--large {
    height: 60rem;
  }
  .faq__media--adapt.placeholder {
    height: 60rem;
  }
  h2.faq__list--wrapper--heading + div {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 992px){
  .faq__list--wrapper {
    padding: 5.5rem 0;
  }
}
@media only screen and (min-width: 1400px){
  .faq__list--wrapper {
    padding-right: 9rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1400px){
  h2.faq__list--wrapper--heading.h1 {
    font-size: calc(var(--font-heading-size) * 3rem);
  }
}

@media only screen and (max-width: 991px){
  .faq__div--parent:not(.flex-column-reverse-max-tablet) > div:not(:only-child):first-child {
    margin-bottom: 5rem;
  }
  .faq__div--parent.flex-column-reverse-max-tablet > div:not(:only-child):last-child {
    margin-bottom: 5rem;
  }
}
.faq__body {
    display: none;
}
.faq__body.d-block{
	 display: block;
}
.faq__list--item--heading {
    border-bottom: 1px solid rgba(var(--color-foreground),.3);
    padding-bottom: 2.4rem;
    cursor: pointer;
    position: relative;
    padding-right: 35px;
    width: 100%;
    background: none;
    border-top: none;
    border-left: none;
    text-align: left;
    border-right: none;
}
.faq__list--item + .faq__list--item {
    padding-top: 2.5rem;
}
p.faq__list--item--content {
    padding-top: 2.5rem;
}
.faq__button--icon > svg {
    width: 2rem;
    transition: var(--transition);
}
span.faq__button--icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.faq__button--icon svg.minus__icon {display: none;}

.faq__list--item.active .faq__button--icon svg.minus__icon {
    display: block;
}
.faq__list--item.active .faq__button--icon svg.plus__icon {
    display: none;
}
.faq__list--item--content {
    padding-top: 2.5rem;
}
/* END_SNIPPET:faq-styles */

/* START_SNIPPET:featured-blog-rtl-styles (INDEX:203) */
html[dir="rtl"] h2.article-card__title > svg {
  right: auto;
  left: 0;
  transform: rotate(-180deg);
}
/* END_SNIPPET:featured-blog-rtl-styles */

/* START_SNIPPET:featured-blog-styles (INDEX:204) */
.blog__posts.grid {
  display: grid;
  grid-gap: 3rem;
}
.blog__posts.grid.standard {
  grid-template-columns: repeat(1, 1fr);
}
.blog__posts.grid.masonry {
  grid-template-columns: repeat(12, 1fr);
}
.blog--item-1 {
  grid-row: 1 / 3;
  grid-column: 1 / 7;
}
.blog--item-2,
.blog--item-3 {
  grid-column: 7 / -1;
}
.blog__posts .media--landscape {
  padding-bottom: 0;
  height: 20rem;
}
@media only screen and (min-width: 768px) {
  .blog__posts.grid.masonry {
    grid-gap: 5rem;
  }
  .blog__posts .media--landscape {
    height: 35rem;
  }
}
.blog--item-1 .media.media--landscape {
  padding: 0;
  height: calc(100% - 5rem);
}
.blog--item-1 a.article-content {
  height: 100%;
}
a.article-content.motion-reduce {
  display: block;
}
.blog--item-1 article.article-card {
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  .blog--item-1 article.article-card {
    padding-right: 7rem;
  }
}

@media only screen and (min-width: 767px) {
  .first--article .article-card__info {
    padding-top: 0;
  }
}
h2.article-card__title {
  position: relative;
}
p.article-card__excerpt,
h2.article-card__title {
  padding-inline-end: 6rem;
}
h2.article-card__title > svg {
  width: 2.5rem;
  position: absolute;
  right: 0;
  opacity: 0;
  transition: 0.3s;
  top: 0;
}
.article-card:hover .article-card__title > svg {
  opacity: 1;
}
p.article-card__excerpt {
  color: rgba(var(--color-foreground), 0.75);
}
span.meta__info--item,
.article-card__footer {
  color: rgba(var(--color-foreground), 0.75);
}
h2.article-card__title + .article-card__excerpt {
  margin-bottom: 0;
}
.article-card__info > * + * {
  margin-top: 2rem;
}
.meta__info--item + .meta__info--item {
  padding-left: 4rem;
  margin-left: 4rem;
  position: relative;
}
.meta__info--item + .meta__info--item::before {
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgba(var(--color-foreground));
  content: "";
  border-radius: 100%;
  left: 0;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.blog__view--all-button {
  text-align: center;
}
.blog__view--all-button .link.underlined-link {
  font-size: 1.5rem;
  letter-spacing: 1px;
}
.blog__title--wrapper {
  margin-bottom: 5rem;
}
span.button__dotted > svg {
  margin-left: 1rem;
}

@media only screen and (max-width: 575px) {
  .blog--item-2,
  .blog--item-3 {
    grid-column: 1 / -1;
  }
  .blog--item-1 {
    grid-column: 1 / -1;
  }
  .blog--item-1 .media.media--landscape,
  .blog__posts .media--landscape {
    height: 30rem !important;
  }
  .blog__view--all-button {
    text-align: center;
    margin-top: 2rem;
  }
  .blog__title--heading {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  p.article-card__excerpt {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .blog__posts.grid.standard {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
  .blog__posts.grid.standard {
    grid-template-columns: repeat(2, 1fr);
  }
}
.article-card__image--small .article-card__image {
  padding-bottom: 11rem;
}

.article-card__image--medium .article-card__image {
  padding-bottom: 22rem;
}

.article-card__image--large .article-card__image {
  padding-bottom: 33rem;
}

@media screen and (min-width: 750px) {
  .article-card__image--small .article-card__image {
    padding-bottom: 14.3rem;
  }

  .article-card__image--medium .article-card__image {
    padding-bottom: 21.9rem;
  }

  .article-card__image--large .article-card__image {
    padding-bottom: 27.5rem;
  }
}

@media screen and (min-width: 990px) {
  .article-card__image--small.ratio .article-card__image {
    padding-bottom: 17.7rem;
  }
  .article-card__image--medium.ratio .article-card__image {
    padding-bottom: 30.7rem;
  }
  .article-card__image--large.ratio .article-card__image {
    padding-bottom: 40.7rem;
  }
}
.blog__button--wrapper {
  margin-top: 6rem;
}
/* END_SNIPPET:featured-blog-styles */

/* START_SNIPPET:featured-collection-styles (INDEX:205) */
.product_slider_wrapper {
    position: relative;
}
.product__slider--pagination.swiper-pagination-fraction {
    width: unset;
    font-size: 1.6rem;
}
.product__slider--pagination .swiper-pagination-bullet {
    background: rgba(var(--color-foreground));
    width: 1rem;
    height: 1rem;
}
.swiper-pagination.product__slider--pagination {
    position: unset;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: painted;
}
.product_slider_wrapper:hover .product__slider--button.swiper-button-disabled {
  opacity: 0.5;
}
/* END_SNIPPET:featured-collection-styles */

/* START_SNIPPET:featured-product-rtl-styles (INDEX:206) */
.product-form__submit > svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
.accordion .icon-accordion {
  margin-right: 0;
  margin-left: 1rem;
}
@media only screen and (min-width: 750px) {
  .product__info-container:not(.media__postion--right) {
    padding-left: 0;
    padding-right: 3rem;
  }
}
.product__description.custom--style ul li {
  padding-left: 0;
  padding-right: 0.5rem;
}
.product__description.custom--style ul li:before {
  left: auto;
  right: -2rem;
}
/* END_SNIPPET:featured-product-rtl-styles */

/* START_SNIPPET:featured-product-styles (INDEX:207) */
.featured__product--grid {
  display: flex;
  flex-wrap: wrap;
}
.featured__product--grid.isolate {
  padding: 1.5rem;
}
.featured__product--grid.isolate {
  padding: 1.5rem;
  box-shadow: 0 1.5rem 7rem -2.5rem rgba(var(--color-foreground), 0.15);
}
@media only screen and (min-width: 1200px) {
  .isolate .product__info-container {
    padding: 3rem 8.5rem 4.5rem 5rem;
  }
}
@media only screen and (min-width: 992px) {
  .featured__product--grid.isolate {
    padding: 3rem;
  }
}
.featured-product .placeholder-svg {
  display: block;
  height: auto;
  width: 100%;
}
.rounded--image .product__media-item-placeholder {
  border-radius: var(--rounded-image, 1.5rem);
  overflow: hidden;
}
.background__color--fit
  .product__media-item-placeholder
  .product-media-container.global-media-settings.media {
  padding-top: 56.25%;
}
.featured-product:not(.background__color--fit)
  .product__media-item-placeholder
  .product-media-container.global-media-settings.media {
  padding-top: 66.6%;
}
.product__description.custom--style ul li {
    list-style: none;
    position: relative;
    padding-left: .5rem;
}
.product__description.custom--style ul li:before {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border: .2rem solid rgba(var(--color-foreground));
  content: "";
  border-radius: 100%;
  left: -2rem;
  top: 10px;
  background: rgba(var(--color-foreground), .2);
}
/* END_SNIPPET:featured-product-styles */

/* START_SNIPPET:flex-layout (INDEX:209) */
.flex-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: var(--flex-direction, column);
    justify-content: var(--justify-content, flex-start);
    align-items: var(--align-items, flex-start);
    column-gap: var(--column-gap, 12px);
    row-gap: var(--row-gap, 12px);
  }

  @media screen and (max-width: 749px) {
    .flex-container {
      flex-direction: var(--flex-direction-mobile, var(--flex-direction, column));
    }
  }
/* END_SNIPPET:flex-layout */

/* START_SNIPPET:footer-styles-rtl (INDEX:210) */
html[dir="rtl"] .footer__widget_title {
  padding-right: 0;
  padding-left: 20px;
}
html[dir="rtl"] .footer__widget_title:before,
html[dir="rtl"] .footer__widget_title:after {
  right: auto;
  left: 0;
}
html[dir="rtl"] ul.list-payment {
  padding-right: 0;
}
/* END_SNIPPET:footer-styles-rtl */

/* START_SNIPPET:footer-styles (INDEX:211) */
.footer__widget {
  display: flex;
  flex-direction: column;
  transition: var(--transition);
}
.column__max--width {
  max-width: 20rem;
}
.footer__widget_title {
  position: relative;
  overflow: hidden;
  margin-bottom: 2.5rem;
  padding-right: 2rem;
  margin-top: 0;
  font-weight: 600;
}
.footer__widget_title:before,
.footer__widget_title:after {
  position: absolute;
  top: 1.4rem;
  right: 0;
  width: 1.4rem;
  height: 0.2rem;
  content: "";
  transition: var(--transition);
  opacity: 0;
  background-color: rgba(var(--color-foreground));
}
.footer__widget_title::after {
  transform: rotate(90deg);
}
.footer__widget_toggle {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  content: "";
  color: transparent;
  border: 0;
  background-color: transparent;
}
.footer__widget_inner p {
  margin-bottom: 0;
}
.footer__widget_inner p a {
  font-weight: 700;
}
.footer__widget_inner p a:hover {
  text-decoration: underline;
}
.footer__widget_inner p:not(:last-child) {
  margin-bottom: 2.4rem;
}
.footer__widget_inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer__widget_inner ul .footer__list--item + .footer__list--item {
  margin-top: 1.5rem;
}
.footer__widget_inner ul li a {
  display: block;
  text-decoration: none;
}
.footer__widget_inner ul li a:hover {
  text-decoration: underline;
  padding-left: 0.5rem;
  text-underline-offset: 0.3rem;
}
.footer__bottom {
  padding: 1.5rem 0;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.15);
}
.footer__copyright {
  line-height: 1;
  display: block;
  text-align: center;
}
.footer__payment_image {
  display: block;
  margin: auto;
}
.footer__list-social a svg {
  height: 2rem;
}
.list-social__link {
  line-height: 1;
}
.contact__info_box address a {
  color: rgba(var(--color-foreground));
  font-weight: 700;
  text-decoration: underline;
}
.footer-block-image img {
  height: auto;
}
.newsletter-form__field-wrapper .input__field_form_button svg.icon {
  height: 1.5rem;
}
.contact__info_box + div {
  margin-top: 4rem;
}
@media only screen and (min-width: 992px) {
  .footer--grid.footer__block--width > .col {
    max-width: 20%;
    flex-basis: 20%;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
  .col.about__us--widget {
    min-width: 35rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col.about__us--widget {
    min-width: 30rem;
  }
}
.gap-20 {
  gap: 2rem;
}
.footer__widget_inner .newsletter-form__field-wrapper input[type="email"] {
  padding-right: 3.5rem;
}
@media only screen and (max-width: 991px) {
  .footer__widget {
    margin-bottom: -2.2rem;
  }
  .footer__widget.active {
    padding-bottom: 2.2rem;
  }
  .footer__widget.active .footer__widget_title::after {
    transform: rotate(0deg);
  }
  .footer--grid > .col {
    width: 100%;
    flex-basis: 100%;
  }
  .footer--grid {
    gap: 2.5rem;
  }
  .footer__widget_inner {
    display: none;
  }
  .footer__widget_toggle {
    visibility: visible;
  }
  .footer__widget_title::before,
  .footer__widget_title::after {
    opacity: 1;
  }
  .footer__bottom .row {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
  .footer__bottom .list-payment {
    justify-content: center;
  }
  .footer__bottom localization-form + localization-form .dropdown__open_list {
    left: -30%;
  }
  .footer__bottom .localization__store.d-flex {
    justify-content: center;
  }
  .footer__bottom .localization__store.d-flex {
    gap: 1.5rem;
    margin-bottom: 0.5em;
  }
  .footer__widget_title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 750px) {
  .footer__widget_title {
    margin-bottom: 4rem;
  }
}
.footer__list-social {
  margin-top: 1.5rem;
}
.shop__localziation--follow-button {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .shop__localziation--follow-button {
    justify-content: center;
  }
}
.shop__localziation--follow-button + .footer__payment {
    margin-top: 1rem;
}
/* END_SNIPPET:footer-styles */

/* START_SNIPPET:gallery-styles (INDEX:212) */
/*
  Source: assets/gallery.css
*/
a.instagram__feed--image {
  max-width: 100%;
  overflow: hidden;
  line-height: 0;
  border-radius: 5px;
}
a.instagram__feed--image > img {
  max-width: 100%;
  transition: var(--transition);
}

a.instagram__feed--image:hover img {
  transform: scale(1.05);
}
.media--custom_0_5 {
  padding-bottom: 50%;
}
.media--custom_0_7 {
  padding-bottom: 70%;
}
.media--custom_1_5 {
  padding-bottom: 150%;
}
.media--custom_1_7 {
  padding-bottom: 170%;
}
.media--custom_1_9 {
  padding-bottom: 190%;
}
.media--custom_2_1 {
  padding-bottom: 200%;
}
.instagram__list--media {
  overflow: hidden;
}
.instagram__list--media.round--corner-media:not(.media--circle) {
  border-radius: 1.5rem;
}
.instagram__list--media > video {
  object-fit: cover;
  object-position: center center;
}
.instagram__list--media.media::before,
.instagram__list--media.placeholder::before {
  position: absolute;
  content: "";
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.instagram__list--media.media:hover::before,
.instagram__list--media.placeholder:hover::before {
  opacity: var(--instagram--media-overlay-opacity, 0.3);
  visibility: visible;
}
.instagram__list--item-overlay {
  position: relative;
}
.gallery__hover--icon > svg {
  color: #fff;
  width: 3rem;
  height: auto;
}

.instagram__list--item:hover .gallery__hover--icon {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 750px) {
  .gallery__slider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: 20%;
  }
  .gallery__slider.swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 2rem;
  }
}
.gallery--list-slider{
  position: relative;
}
/* END_SNIPPET:gallery-styles */

/* START_SNIPPET:gift-card-header-styles (INDEX:213) */
/*
  Source: assets/gift-card-header.css
*/
.header__logo_link {
  word-break: break-word;
  max-width: 500px;
  padding: 10px 0;
  line-height: 1;
  display: inline-block;
}
.header__heading-logo {
  width: 100%;
  height: auto;
}
/* END_SNIPPET:gift-card-header-styles */

/* START_SNIPPET:gift-card-recipient-form-styles (INDEX:214) */
.recipient-form {
  --recipient-checkbox-margin-top: 0.64rem;
  display: block;
  position: relative;
  max-width: 44rem;
  margin-bottom: 2.5rem;
}
.recipient-fields__field .text-area {
  max-height: 10rem;
  resize: auto;
  border-radius: var(--textarea-border-radius);
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
}
.recipient-form-field-label {
  margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}

.recipient-checkbox {
  flex-grow: 1;
  font-size: 1.6rem;
  display: flex;
  word-break: break-word;
  align-items: center;
  max-width: inherit;
  position: relative;
}

.no-js .recipient-checkbox {
  display: none;
}

.recipient-form > input[type="checkbox"] {
  position: absolute;
  opacity: 1;
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
  margin-top: 7px;
}
.recipient-fields__field {
  margin: 0 0 2rem 0;
}
.recipient-checkbox .checkbox-facet-check {
  width: 1.8rem;
  height: 1.8rem;
  border: 2px solid rgb(var(--color-foreground), 0.35);
  border-radius: 0.5rem;
  margin-right: 1rem;
  flex-shrink: 0;
  /* margin-top: 6px; */
}
.recipient-checkbox .facet-checked-box {
  background: rgba(var(--color-foreground));
  width: 1rem;
  height: 1rem;
  border-radius: 0.2rem;
  position: absolute;
  left: 0.6rem;
  transition: var(--transition);
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
}
.recipient-fields .field__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 3.5rem);
  overflow: hidden;
}

.recipient-checkbox > svg {
  margin-top: var(--recipient-checkbox-margin-top);
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.recipient-form .icon-checkmark {
  visibility: hidden;
  position: absolute;
  left: 0.28rem;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
}
.recipient-form > input[type="checkbox"]:checked + label .facet-checked-box {
  opacity: 0.9;
}
.js .recipient-fields {
  display: none;
}

.recipient-fields hr {
  margin: 1.6rem auto;
}

.recipient-form > input[type="checkbox"]:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form
  > input[type="checkbox"]:not(:checked, :disabled)
  ~ .recipient-fields,
.recipient-email-label {
  display: none;
}

.js .recipient-email-label.required,
.no-js .recipient-email-label.optional {
  display: inline;
}

.recipient-form ul {
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding-left: 4.4rem;
  text-align: left;
}

.recipient-form ul a {
  display: inline;
}

.recipient-form .error-message::first-letter {
  text-transform: capitalize;
}

@media screen and (forced-colors: active) {
  .recipient-fields > hr {
    border-top: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-checkbox > svg {
    background-color: inherit;
    border: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
    border: none;
  }
}
/* END_SNIPPET:gift-card-recipient-form-styles */

/* START_SNIPPET:group (INDEX:216) */
.group-container {
    position: relative;
    width: var(--group-width, 100%);
    height: var(--group-height, fit-content);
    padding-block-start: var(--padding-block-start, 0);
    padding-block-end: var(--padding-block-end, 0);
    padding-inline-start: var(--padding-inline-start, 0);
    padding-inline-end: var(--padding-inline-end, 0);
  }

  .group-content {
    position: relative;
    z-index: var(--layer-flat, 2);
    height: 100%;
  }

  .group-link {
    text-decoration: none;
    color: inherit;
    display: contents;
  }

  @media screen and (max-width: 749px) {
    .group-container {
      width: var(--group-width-mobile, var(--group-width, 100%));
      padding-block-start: calc(var(--padding-block-start, 0) * var(--padding-mobile-scale, 1));
      padding-block-end: calc(var(--padding-block-end, 0) * var(--padding-mobile-scale, 1));
      padding-inline-start: calc(var(--padding-inline-start, 0) * var(--padding-mobile-scale, 1));
      padding-inline-end: calc(var(--padding-inline-end, 0) * var(--padding-mobile-scale, 1));
    }
  }
/* END_SNIPPET:group */

/* START_SNIPPET:header-drawer-styles (INDEX:218) */
.menu__drawer--footer .list-social svg {
    width: 2rem;
}
.quick__information--body {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
}
.quick__information--container {
    height: 100%;
    padding: 1rem 0 4rem;
}
.quick__links {
    padding: 0 0 2rem;
}
a.user--menu__icon>svg {
	width: 1.5rem;
}
a.user--menu__icon {
	display: flex;
	align-items: center;
	padding: 15px 20px;
}
.accounts__text--label {
	margin-left: 1rem;
}
.list-social > .list-social__link {
    padding: 0.5rem;
}
.list-social > .list-social__link + .list-social__link {
    margin-left: 1.5rem !important;
}
.list-social + .localization__store {
    margin-top: 2rem;
}
.menu__drawer--footer {
    border-top: 1px solid rgba(var(--color-foreground), 0.15);
    padding-top: 25px !important;
    margin-top: 25px;
}
.menu__drawer--header {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    padding-bottom: 2rem;
}
button.menu__drawer--close.link {
    display: flex;
    align-items: center;
    line-height: 1;
    text-decoration: none;
    font-size: 1.6rem;
}
button.menu__drawer--close .icon-close {
    width: 1.5rem;
    height: 1.5rem;
}
button.menu__drawer--close.link > span {
    margin-right: 0.5rem;
}
.menu__drawer--footer button.dropdown__open_label {
  background: none;
  border: 1px solid rgba(var(--color-foreground),.15);
    padding: 1rem 1.5rem;
    border-radius: 3px;
}
localization-form + localization-form .dropdown__open_list {
    width: 150px;
}
/* END_SNIPPET:header-drawer-styles */

/* START_SNIPPET:header-rtl-styles (INDEX:224) */
html[dir="rtl"] {
.header__sub_menu {
  right: 0;
  left: auto;
}
ul.header__sub--children__menu {
  left: auto;
  right: 100%;
}
.header__menu_item:after {
  left: auto;
  right: 0;
}
span.submenu__icon svg {
  right: auto;
  left: -1.6rem;
}

.offcanvas__menu_item.user--menu__icon {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.offcanvas__sub_menu_item ~ .offcanvas__sub_menu .offcanvas__sub_menu_item {
  padding-right: 40px;
  padding-left: 0;
}
.offcanvas__sub_menu_item {
  padding: 15px 30px 15px 0 !important;
}
.predictive-search__item-content {
  padding-left: 0;
  padding-right: 15px;
}
 .predictive-search__item--term .icon-arrow {
  transform: rotate(-180deg);
}
.cart-notification-product__image {
  margin-right: 0;
  margin-left: 1.5rem;
}
.cart_notification--title svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
.cart_notification_action_button + .cart_notification_action_button {
  border-left: none;
  border-right: 1px solid rgba(var(--color-foreground), 0.3);
}
.cart-notification-product__name {
  padding-right: 0;
  padding-left: 15px;
}
}
/* END_SNIPPET:header-rtl-styles */

/* START_SNIPPET:header-styles (INDEX:225) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__logo {
    width: auto;
  }
}
.header__logo_image {
  max-width: 100%;
  transition: var(--transition);
}
.header__logo_image--dark {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .header__menu {
    display: none;
  }
}
.header__menu_li details[open] .header__mega_menu,
.header__menu_li details[open] .header__sub_menu {
  visibility: visible;
  margin-top: 0;
  opacity: 1;
}
button.header__menu_item {
  background: none;
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__actions {
    width: auto;
  }
}

.header__actions_btn:focus {
  color: rgba(var(--color-base-text-link-hover));
}

@media only screen and (max-width: 479px) {
  .header__actions_btn svg {
    height: 20px;
  }
}

.header__actions_btn.active::after {
  visibility: visible;
  margin-top: 12px;
  transition: all 0.3s ease 0.3s;
  opacity: 1;
}
@media only screen and (max-width: 479px) {
  .header__actions_btn--wishlist {
    display: none;
  }
}
predictive-search.search-modal__form {
  width: 100%;
}
.header__actions_btn--menu {
  cursor: pointer;
}
.header__heading-logo {
  width: 100%;
  height: auto;
}
.transparent--header {
  position: absolute;
  width: 100%;
  z-index: 98;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__inner > div:first-child {
    order: 2;
  }
  .header__inner > div:last-child {
    flex-grow: 1;
    padding-right: 0;
  }
  .col.menu__bar_lines {
    width: auto;
    flex: 0 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    width: 50%;
    text-align: center;
  }
  .col-auto.menu--bar-lines,
  .header__actions.col-auto {
    width: 25%;
  }
}
.header__actions_btn--cart {
  cursor: pointer;
}
.top_left .header__menu,
.top_center .header__menu {
  order: 2;
  width: 100%;
  flex-basis: 100%;
}
a.mega__menu--promo-link {
  display: block;
}
.header__menu_item:after {
  position: absolute;
  background: currentColor;
  height: 2px;
  left: 0;
  content: "";
  bottom: 0;
  transition: 0.3s width ease-in-out;
  width: 0;
}
.header__menu_item:hover:after {
  width: 100%;
}
.header__menu_item.font__bold {
  font-weight: bold;
}
.search--box-wrapper .predictive-search {
  max-height: 50rem !important;
}
/* END_SNIPPET:header-styles */

/* START_SNIPPET:header-submenu-styles (INDEX:226) */
.header__sub_menu_item:hover {
  color: rgba(var(--color-foreground), 0.75) !important;
}
.header__mega_menu_item:hover {
  color: rgba(var(--color-base-text-link-hover));
}
.header__mega_sub_menu_item:hover {
  color: rgba(var(--color-base-text-link-hover));
}
.header__mega_menu {
  max-height: 80vh;
  overflow-y: auto;
}
.header__sub_menu {
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 0;
  visibility: hidden;
  width: 220px;
  margin: 20px 0 0;
  padding: 20px;
  list-style: none;
  transition: var(--transition);
  opacity: 0;
  box-shadow: 0 10px 20px rgba(var(--color-foreground), 0.1);
  border-radius: 1rem;
}
.menu__item_has_children details-disclosure > details {
  position: initial;
}
.header__sub_menu_li {
  position: relative;
  display: block;
}
.header__sub_menu_item {
  line-height: 1;
  display: inline-block;
  padding: 12px 0;
  color: rgba(var(--color-foreground));
  position: relative;
}
.header__mega_menu {
  position: absolute;
  z-index: 98;
  left: 0;
  visibility: hidden;
  margin: 2rem 0 0;
  padding: 2.5rem;
  list-style: none;
  transition: var(--transition);
  opacity: 0;
  box-shadow: 0 2rem 1.5rem -1rem rgba(var(--color-foreground), 0.15);
  right: 0;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.1);
}
.header__mega_menu--inner:only-child {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 2rem;
}
.header__mega_menu--inner:not(:only-child) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  gap: 2rem;
}
.header__mega_menu_li {
  position: relative;
  display: block;
  flex: 1 0 auto;
}
.header__mega_menu_item {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  display: block;
  padding: 12px 0;
  color: rgba(var(--color-foreground));
}

.header__mega_sub_menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header__mega_sub_menu_li {
  display: block;
}
.header__mega_sub_menu_item {
  line-height: 1.5;
  display: inline-block;
  padding: 12px 0;
  position: relative;
}
.header__sub--menu-has-sub--item .header__sub_menu_item_text {
  position: relative;
}
.header__mega_sub_menu_item::before,
.header__sub_menu_item:not(.header__sub--menu-has-sub--item)::before,
.header__sub--menu-has-sub--item .header__sub_menu_item_text::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0.1rem;
  background: rgba(var(--color-foreground), 0.5);
  bottom: 0.5rem;
  transition: var(--transition);
}
.header__mega_sub_menu_item:hover::before,
.header__sub_menu_item:not(.header__sub--menu-has-sub--item):hover::before,
.header__sub--has-children:hover
  .header__sub--menu-has-sub--item
  .header__sub_menu_item_text:before {
  width: 100%;
}
span.submenu__icon svg {
  width: 1.2rem;
  right: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.header__sub--menu-has-sub--item .header__sub_menu_item_text:before {
  bottom: 0;
}
.header__sub_menu_li.header__sub--has-children {
  position: relative;
}
ul.header__sub--children__menu {
  position: absolute;
  width: 22rem;
  z-index: 9;
  left: 100%;
  top: 10%;
  box-shadow: 0 10px 20px rgba(var(--color-foreground), 0.15);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  padding: 1rem 2.5rem;
  margin: 0;
  border-radius: 1rem;
}
.header__sub--has-children .header__sub--menu-has-sub--item {
  display: flex;
  justify-content: space-between;
}
.header__sub--has-children:hover ul.header__sub--children__menu,
.header__sub--has-children:focus-within ul.header__sub--children__menu {
  opacity: 1;
  visibility: visible;
  top: 0;
}
span.header__sub--has-children--icon > svg {
  width: 1.5rem;
}
html[dir="rtl"] span.header__sub--has-children--icon > svg {
  transform: rotate(180deg);
}
a.header__sub_menu_item {
  word-break: break-word;
}
.mega__menu--promo {
  flex: 0 0 20rem;
}
.header__mega_menu:not(.mega__menu--wrapper),
.header__mega_menu--inner {
  flex: 1 1 100%;
}
.container.mega__menu--wrapper--column {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}
@media only screen and (min-width: 1200px) {
  .mega__menu--promo {
    flex: 0 0 28rem;
  }
}
details[open] > summary.header__menu_item::after {
  width: 100%;
}
/* END_SNIPPET:header-submenu-styles */

/* START_SNIPPET:image-banner-styles (INDEX:278) */
/*
  Source: assets/section-image-banner.css
*/
.banner__media.media.placeholder {
  padding-bottom: 100%;
}
@media only screen and (max-width: 749px) {
  .image-with-text__text--caption.text-size-medium {
    font-size: 1.8rem;
  }
  .image-with-text__text--caption.text-size-large {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 750px) {
  .media.image--banner-media-height-small {
    height: 35rem;
  }
  .media.image--banner-media-height-medium {
    height: 50rem;
  }

  .media.image--banner-media-height-large {
    height: 60rem;
  }
  .media.image--banner-media-height-adapt.placeholder {
    height: 45rem;
  }
  .banner--image-space-true .grid__item:first-child {
    margin-top: 8rem;
  }
  .image--banner-content-spacing-true.image--banner-image-first {
    padding: 0 5rem;
  }
  .image-with-text__text--caption.text-size-medium {
    font-size: 2rem;
  }
  .image-with-text__text--caption.text-size-large {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1366px) {
  h2.extra--large {
    font-size: calc(var(--font-heading-size) * 6rem);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1367px) {
  h2.extra--large {
    font-size: calc(var(--font-heading-size) * 5rem);
  }
}
@media only screen and (min-width: 1200px) {
  .image--banner-content-inner.image--banner-content-spacing-true:not(
      .image--banner-image-first
    ) {
    padding-right: 8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .image--banner-content-inner.image--banner-content-spacing-true:not(
      .image--banner-image-first
    ) {
    padding-right: 5rem;
  }
}
@media only screen and (max-width: 749px) {
  .banner--image-space-true:not(.mobile--spacing-false)
    .grid__item:first-child {
    margin-top: 4rem;
  }
  .only--mobile--spacing-true .grid__item:first-child {
    margin-top: 4rem;
  }
  .image--banner-grid .image__grid + .text__grid {
    margin-top: 5rem;
  }
  .media.image--banner-media-height-small.placeholder {
    height: 28rem;
  }
  .media.image--banner-media-height-medium.placeholder {
    height: 32rem;
  }
  .media.image--banner-media-height-large.placeholder {
    height: 40rem;
  }
  .media.image--banner-media-height-adapt.placeholder {
    height: 30rem;
  }

  .media.image--banner-media-height-small {
    height: 25rem;
  }
  .media.image--banner-media-height-medium {
    height: 32rem;
  }

  .media.image--banner-media-height-large {
    height: 40rem;
  }
}
@media only screen and (min-width: 992px) {
  .media.image--banner-media-height-adapt.placeholder {
    height: 80rem;
  }
}
.image--banner-content-inner > * {
  margin-bottom: 1.5rem;
}
.image--banner-content-inner > *:last-child {
  margin-bottom: 0;
}
.image--banner-button-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.image--banner__video-button {
  background: no-repeat;
  display: inline-flex;
  align-items: center;
  width: 5rem;
  height: 5rem;
  justify-content: center;
  color: rgba(var(--color-foreground));
  border-radius: var(--button-border-radius);
}
.image--banner__video-button > svg {
  width: 2.2rem;
}
.video--button-wrapper > modal-opener {
  line-height: 1;
}
.image--banner__video-button.small--video-button {
  width: 4.5rem;
  height: 4.5rem;
}
/* END_SNIPPET:image-banner-styles */

/* START_SNIPPET:ingredients-showcase-styles (INDEX:279) */
ingredients-showcase {
  display: block;
  position: relative;
  z-index: 1;
  --is-header: 0px;
}

.ingredients-showcase__wrapper {
  position: relative;
}

.ingredients-showcase__sticky-center {
  position: -webkit-sticky;
  position: sticky;
  top: var(--is-header, 0px);
  height: calc(100vh - var(--is-header, 0px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1;
  background-color: rgb(var(--color-background));
}

.ingredients-showcase__heading-wrap {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 3.5rem 2rem 0;
  flex-shrink: 0;
}

.ingredients-showcase__img-wrap {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-height: 0;
  max-width: 80rem;
  width: 100%;
  align-self: center;
}

.ingredients-showcase__center-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}

.ingredients-showcase__sticky-center--auto {
  height: auto;
  overflow: visible;
}

.ingredients-showcase__wrapper--no-center .ingredients-showcase__two-col {
  margin-top: 0;
  padding-top: 0;
}

.ingredients-showcase__two-col {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2rem;
  margin-top: calc(-1 * var(--is-center-height, calc(100vh - var(--is-header, 0px))));
  padding-top: var(--is-content-bottom, var(--is-center-height, calc(100vh - var(--is-header, 0px))));
  padding-bottom: 4rem;
}

.ingredients-showcase__col {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.ingredients-showcase__col--left .ingredients-showcase__card:nth-child(odd)   { align-self: center; }
.ingredients-showcase__col--left .ingredients-showcase__card:nth-child(even)  { align-self: flex-start; }

.ingredients-showcase__col--right .ingredients-showcase__card:nth-child(odd)  { align-self: center; }
.ingredients-showcase__col--right .ingredients-showcase__card:nth-child(even) { align-self: flex-end; }

.ingredients-showcase__card {
  background: rgba(var(--color-background), 0.72) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(var(--color-foreground), 0.12);
  border-radius: 2rem;
  padding: 2.4rem 2.8rem;
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.10);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 62%;
  will-change: transform;
  contain: layout style;
}

.ingredients-showcase__card-icon {
  width: var(--icon-size, 3.2rem);
  height: var(--icon-size, 3.2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--color-foreground), 0.45);
  margin-bottom: 1.2rem;
  flex-shrink: 0;
}

.ingredients-showcase__card-icon svg {
  width: var(--icon-size, 3rem);
  height: var(--icon-size, 3rem);
}

.ingredients-showcase__card-icon img {
  width: var(--icon-size, 3rem);
  height: var(--icon-size, 3rem);
  object-fit: contain;
}

.ingredients-showcase__card-title {
  font-family: var(--font-heading-family);
  font-weight: var(--font-heading-weight);
  font-style: var(--font-heading-style);
  line-height: 1.2;
  margin: 0 0 0.8rem;
  color: rgb(var(--color-foreground));
}

.ingredients-showcase__card-desc {
  font-family: var(--font-body-family);
  font-weight: var(--font-body-weight);
  font-style: var(--font-body-style);
  line-height: 1.6;
  color: rgba(var(--color-foreground), 0.6);
  margin: 0;
}

.ingredients-showcase__footer {
  text-align: center;
  padding: 3rem 0;
}

.ingredients-showcase__footer .button {
  padding-left: 3rem;
  padding-right: 3rem;
}

.ingredients-showcase__footer .button:hover {
  color: rgb(var(--color-button-text));
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ingredients-showcase__two-col { gap: 0 1.4rem; }
  .ingredients-showcase__col { gap: 4rem; }
  .ingredients-showcase__card { padding: 1.8rem 2rem; width: 70%; }
}

@media screen and (max-width: 749px) {
  .ingredients-showcase__sticky-center {
    position: relative;
    top: 0;
    height: auto;
  }

  .ingredients-showcase__sticky-center:has(.ingredients-showcase__img-wrap) {
    height: 60vw;
    min-height: 28rem;
  }

  .ingredients-showcase__two-col {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1.2rem;
    margin-top: 0;
    padding: 2rem 1.6rem 2.4rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ingredients-showcase__two-col::-webkit-scrollbar {
    display: none;
  }

  .ingredients-showcase__col {
    display: contents;
  }

  .ingredients-showcase__card {
    flex-shrink: 0;
    width: 75vw;
    max-width: 32rem;
    scroll-snap-align: start;
    align-self: auto !important;
    padding: 2rem;
  }

  .ingredients-showcase__footer {
    position: relative;
    top: 0;
    padding: 2rem 0;
  }
}
/* END_SNIPPET:ingredients-showcase-styles */

/* START_SNIPPET:logo-list-styles (INDEX:285) */
/*
  Source: assets/logo-list.css
*/
@media only screen and (min-width: 750px) {
  .logo__list--bar {
    justify-content: center;
  }
}
.logo__list--media > img {
  max-width: 100%;
  transition: var(--transition);
  opacity: 0.4;
  @media only screen and (min-width: 992px) {
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  @media only screen and (max-width: 991px) {
    height: auto;
  }
}
.logo__list--media:hover > img {
  opacity: 1;
}
.logo__list--placeholder {
  padding-top: 100%;
}
.logo__list--media {
  @media only screen and (min-width: 992px) {
    padding-top: 100%;
  }
  position: relative;
}
.logo__list--bar.grid .logo__list--image.grid__item {
  @media only screen and (min-width: 750px) and (max-width: 991px) {
    width: calc(25% - var(--grid-desktop-horizontal-spacing));
    text-align: center;
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing));
  }
}
.mobile--scoller-inner .logo__list--bar.grid .logo__list--image.grid__item:not(:only-of-type) {
  @media only screen and (min-width: 376px) and (max-width: 749px) {
    width: 45%;
    max-width: 45%;
    text-align: center;
  }
  @media (max-width: 375px) {
    width: 65%;
    max-width: 65%;
    text-align: left;
  }
}
.grid--1-col-tablet-down .logo__list--image.grid__item {
  @media screen and (max-width: 989px) {
    text-align: center;
  }
}
/* END_SNIPPET:logo-list-styles */

/* START_SNIPPET:lookbook-slider-styles (INDEX:287) */
/*
  Source: assets/lookbook-slider.css
*/
@media only screen and (min-width: 992px) {
  .grid.desktop-row-reverse {
    flex-direction: row-reverse;
  }
  .section--header--fulwidth {
    padding: 0 3rem;
  }
}
.swiper.lookbook--slider:not(.swiper-initialized) .swiper-slide {
  width: 50%;
}

.swiper.lookbook--slider:not(.swiper-initialized) .swiper-wrapper {
  gap: 2.54rem;
}
.grid__item.lookbook--slider-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lookbook--slider-inner {
  width: 100%;
}
.lookbook__product--card {
  transition: var(--transition);
}
.swiper.lookbook--slider.lookbook__hover--active
  .swiper-slide:not(.swiper-slide-active)
  .lookbook__product--card {
  opacity: 0.5;
}
.lookbook--slider .swiper-wrapper {
  box-sizing: border-box;
}
.look__hotspot:focus-visible {
  border: 1rem solid rgba(var(--color-foreground), 0.15);
}
@media only screen and (min-width: 1500px) {
  .lookbook--slider-inner.product-column-offset-small {
    padding-left: 5rem;
  }
  .lookbook--slider-inner.product-column-offset-medium {
    padding-left: 10rem;
  }
  .lookbook--slider-inner.product-column-offset-large {
    padding-left: 15rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1499px) {
  .lookbook--slider-inner.product-column-offset-medium {
    padding-left: 8rem;
  }
  .lookbook--slider-inner.product-column-offset-large {
    padding-left: 10rem;
  }
}
@media only screen and (max-width: 749px) {
  .lookbook--slider-inner.lookbook-banner-gutter {
    padding: 0 1.5rem;
  }
  .section--header--fulwidth {
    padding: 0 1.5rem;
  }
}
/* END_SNIPPET:lookbook-slider-styles */

/* START_SNIPPET:lookbook-styles-rtl (INDEX:288) */
html[dir="rtl"] {
  direction: rtl;
}
/* @media only screen and (min-width: 992px) {
  html[dir="rtl"] .lookboo--text__content .image-with-text__text {
    padding-right: 0;
    padding-inline-start: 8rem;
  }
} */
@media only screen and (min-width: 750px) {
  html[dir="rtl"] .image-with-text__grid.rounded--image:not(.desktop-row-reverse)
    .image-with-text__media:not(.lookbook__media--fullwidth),
  html[dir="rtl"] .image-with-text__grid.rounded--image:not(.desktop-row-reverse)
    .image-with-text__media:not(.lookbook__media--fullwidth)
    > img {
    border-radius: 0 2.5rem 2.5rem 0;
  }
  html[dir="rtl"] .image-with-text__grid.rounded--image.desktop-row-reverse
    .image-with-text__media:not(.lookbook__media--fullwidth),
  html[dir="rtl"] .image-with-text__grid.rounded--image.desktop-row-reverse
    .image-with-text__media:not(.lookbook__media--fullwidth)
    > img {
    border-radius: 2.5rem 0 0 2.5rem;
  }
}
html[dir="rtl"] .image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth:not(
    .lookbook__media--fullwidth--reverse
  ),
html[dir="rtl"] .image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth:not(
    .lookbook__media--fullwidth--reverse
  )
  > img {
  border-radius: 2.5rem 2.5rem 0 0;
}
html[dir="rtl"] .image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse,
html[dir="rtl"] .image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse
  > img {
  border-radius: 0 0 2.5rem 2.5rem;
}
html[dir="rtl"] .complementary-slideshow--slider .swiper-button-prev.slideshow--nav-button {
  transform: rotate(-180deg);
}
html[dir="rtl"] .complementary-slideshow--slider .swiper-button-next.slideshow--nav-button {
  transform: rotate(-180deg);
}
/* END_SNIPPET:lookbook-styles-rtl */

/* START_SNIPPET:lookbook-styles (INDEX:289) */
.lookbook__shop--product-wrapper {
  position: absolute;
  z-index: 1;
  top: var(--hotspot-y);
  left: var(--hotspot-x);
  line-height: 0;
}
.look__hotspot {
  position: relative;
  border: none;
  padding: 0;
  line-height: 1;
  background: transparent;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  transition: var(--transition);
}
.look__hotspot:before {
  position: absolute;
  background: var(--hotspot-background-1);
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 100%;
  animation: hotspot-zoom 1.5s infinite ease;
}
.look__hotspot:after,
button.look__hotspot:after {
  content: "";
  background: var(--hotspot-background-2-gradient);
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: unset;
  border: none;
}
@keyframes hotspot-zoom {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
.look__hotspot.no__lookbook {
  pointer-events: none;
}
.shop__the--look.image-with-text__media--placeholder.placeholder {
  height: 40rem;
}
@media screen and (min-width: 749px) {
  .shop__the--look.image-with-text__media--placeholder.placeholder {
    height: 70rem;
  }
}
.lookbook__shop--product {
  position: absolute;
  background: rgba(var(--color-background));
  width: 20rem;
  border-radius: 0.5rem;
  padding: 1rem;
  top: calc(100% + 1.2rem);
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 0 0.5remrgba (var(--color-foreground), 0.2);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.lookbook__shop--product__title.h6 {
  font-weight: normal;
  margin-bottom: 0.5rem;
}
span.look__hotspot--arrow::before {
  position: absolute;
  content: "";
  background: rgba(var(--color-background));
  width: 2rem;
  height: 1rem;
  top: calc(100% + 0.5rem);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  left: 50%;
  transform: translate(-50%);
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.lookbook__shop--product-wrapper:hover .lookbook__shop--product,
.lookbook__shop--product-wrapper:hover span.look__hotspot--arrow::before {
  opacity: 1;
  visibility: visible;
}
.rounded--image .image-with-text__content {
  border-radius: 2.5rem;
}
.image-with-text__grid.rounded--image:not(.desktop-row-reverse)
  .image-with-text__media:not(.lookbook__media--fullwidth),
.image-with-text__grid.rounded--image:not(.desktop-row-reverse)
  .image-with-text__media:not(.lookbook__media--fullwidth)
  > img {
  border-radius: 2.5rem 0 0 2.5rem;
}
.image-with-text__grid.rounded--image.desktop-row-reverse
  .image-with-text__media:not(.lookbook__media--fullwidth),
.image-with-text__grid.rounded--image.desktop-row-reverse
  .image-with-text__media:not(.lookbook__media--fullwidth)
  > img {
  border-radius: 0 2.5rem 2.5rem 0;
}
.image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth:not(
    .lookbook__media--fullwidth--reverse
  ),
.image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth:not(
    .lookbook__media--fullwidth--reverse
  )
  > img {
  border-radius: 2.5rem 2.5rem 0 0;
}
.image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse,
.image-with-text__grid.rounded--image
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse
  > img {
  border-radius: 0 0 2.5rem 2.5rem;
}
.image-with-text__grid.rounded--image.color-background-1
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse,
.image-with-text__grid.rounded--image.color-background-1
  .image-with-text__media.lookbook__media--fullwidth.lookbook__media--fullwidth--reverse
  > img {
  border-radius: 2.5rem;
}
.image-with-text__grid.rounded--image.color-background-1
  .image-with-text__media:not(.lookbook__media--fullwidth),
.image-with-text__grid.rounded--image.color-background-1
  .image-with-text__media:not(.lookbook__media--fullwidth)
  > img {
  border-radius: 2.5rem;
}
.lookbook__shop--product .price {
  font-size: 1.4rem;
}
/* .image-with-text__content.lookboo--text__content {
  padding-inline-start: 3rem;
} */
/* @media only screen and (min-width: 992px) {
  .image-with-text__content.lookboo--text__content {
    padding-inline-end: 5rem;
  }
  .lookboo--text__content .image-with-text__text {
    padding-inline-end: 8rem;
  }
} */
/* @media only screen and (min-width: 1199px) {
  .image-with-text__content.lookboo--text__content {
    padding-inline-start: 8.5rem;
  }
} */
@media only screen and (max-width: 749px) {
  .image-with-text__grid.rounded--image:not(.desktop-row-reverse)
    .image-with-text__media:not(.lookbook__media--fullwidth),
  .image-with-text__grid.rounded--image:not(.desktop-row-reverse)
    .image-with-text__media:not(.lookbook__media--fullwidth)
    > img {
    border-radius: 2.5rem;
  }
}
.lookbook__shop--product-bottom {
  bottom: calc(100% + 1rem);
  top: auto;
}
.lookbook__shop--bottom span.look__hotspot--arrow::before {
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  top: auto;
  bottom: calc(100% + 0.3rem);
}
.lookbook__shop--product-right {
  transform: none;
  left: auto;
  right: -0.5rem;
}

.lookbook__shop--product-left {
  transform: none;
  left: -0.5rem;
}
.quick-add.lookbook--quick-add {
  margin: 0;
}
/* Modal loading css */

button.look__hotspot.loading:after {
  animation: loading var(--duration-long) infinite linear;
  background: unset;
  border: 2px solid #000;
  border-left: 2px solid transparent;
  left: 5px;
  top: 5px;
  translate: unset;
  width: 1rem;
  height: 1rem;
}

button.look__hotspot.loading:before {
  animation: unset;
}
/* END_SNIPPET:lookbook-styles */

/* START_SNIPPET:main-article-rtl-styles (INDEX:290) */
/*
  Source: assets/section-blog-post-rtl.css
*/
html[dir="rtl"] {
.article-next-previous-button.preview__blog--post > svg {
  transform: inherit;
}
.article-next-previous-button.next__blog--post > svg {
  margin-left: 0;
  transform: rotate(-180deg);
  margin-right: 1rem;
}
.article-next-previous-button.preview__blog--post > svg {
  margin-right: 0;
  margin-left: 1rem;
}
.single-comment__content {
  margin-left: 0;
  margin-right: 2.5rem;
}
}
/* END_SNIPPET:main-article-rtl-styles */

/* START_SNIPPET:main-article-styles (INDEX:291) */
.article-template__hero-medium {
  height: 15.6rem;
}

.article-template__hero-large {
  height: 19rem;
}
.article-template__hero-small {
  height: 11rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-template__hero-small {
    height: 22rem;
  }
  .article-template__hero-medium {
    height: 34.9rem;
  }

  .article-template__hero-large {
    height: 42.3rem;
  }
}

@media screen and (min-width: 990px) {
  
   .article-template__hero-small {
    height: 27.5rem;
  }
  .article-template__hero-medium {
    height: 54.5rem;
  }

  .article-template__hero-large {
    height: 66rem;
  }
}

.article-template header {
  margin-top: 4.4rem;
  margin-bottom: 2rem;
  line-height: 0.8;
}

@media screen and (min-width: 750px) {
  .article-template header {
    margin-top: 5rem;
  }
}

.article-template__title {
  margin: 0;
}

.article-template__title:not(:only-child) {
  margin-bottom: 1rem;
}

.article-template__link {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.article-template__link .icon-wrap {
  margin-right: 1rem;
  transform: rotate(180deg);
}

.article-template__content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.article-template__social-sharing {
  margin-top: 3rem;
}

.article-template__social-sharing + header, .article-template__social-sharing + .article-template__content {
  margin-top: 1.5rem;
}

.article-template__comment-wrapper {
  margin-top: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
  }
}

.article-template__comment-wrapper h2 {
  margin-top: 0;
}

.article-template__comments {
  margin-bottom: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments {
    margin-bottom: 7rem;
  }
}

.article-template__comments-fields {
  margin-bottom: 4rem;
}

.article-template__comments-comment {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  margin-bottom: 1.5rem;
}


.article-template__comments-comment p {
  margin: 0 0 1rem;
}

.article-template__comment-fields > * {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
}

.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

@media screen and (min-width: 990px) {
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}

/* Blog post */

span.meta__info--item, .article-card__footer {
    color: rgba(var(--color-foreground),.75);
}
h2.article-card__title+.article-card__excerpt {
    margin-bottom: 0;
}
.meta__info--item + .meta__info--item {
    padding-left: 3rem;
    margin-left: 3rem;
    position: relative;
}
.meta__info--item+.meta__info--item:before {
    position: absolute;
    width: 10px;
    height: 10px;
    background: rgba(var(--color-foreground),0.7);
    content: "";
    border-radius: 100%;
    left: 0;
    margin-left: -5px;
    top: 50%;
    transform: translateY(-50%);
}
.article-template__link .icon-wrap > svg {
    width: 2rem;
}
.article-next-previous-button > svg {
    width: 2rem;
}
.article-next-previous-button.preview__blog--post > svg {
  transform: rotate(-180deg);
}
span.article-next-previous--inner {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(var(--color-foreground),.2);
    border-top: 1px solid rgba(var(--color-foreground),.2);
    margin: 3rem 0;
}
.article-next-previous-button {
    font-size: 1.8rem;
}
.article-next-previous-button {
	font-size: 1.8rem;
}
.article-next-previous-button.preview__blog--post>svg {
	margin-right: 1rem;
}
.article-next-previous-button.next__blog--post>svg {
	margin-left: 1rem;
}
.back--to-blog {
    margin-top: 2rem;
}
.single-comment__image {
	max-width: 50px;
	display: inline-block;
}
.single-comment__image>img {
	max-width: 100%;
	border-radius: 100%;
}
.article-template__comments-comment {
	display: flex;
	align-items: center;
}
.single-comment__content {
	flex-grow: 1;
	margin-left: 2.5rem;
}
@media only screen and (min-width: 750px){
  .single-comment__image {
    max-width: 90px;
  }
}
textarea.text-area.input__field {
    padding: 2rem;
}
.article-template__comments-comment p.username>span+span {
	margin-left: 1rem;
	padding-left: 1.2rem;
	position: relative;
}

.article-template__comments-comment p.username>span+span::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: rgba(var(--color-foreground));
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -2.5px;
}
/* END_SNIPPET:main-article-styles */

/* START_SNIPPET:main-blog-styles (INDEX:292) */
@media only screen and (min-width: 767px){
  .blog-articles__article.first--article .article-content {
    display: flex;
  }
  .blog-articles__article.first--article .card__meida--inner {
    width: 42.5%;
  }
  .blog-articles__article.first--article .article-card__info {
    width: 57.5%;
    padding-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.blog-articles__article.mb-100 {
    margin-bottom: 50px;
  }
@media only screen and (min-width: 991px){
  .blog-articles__article.mb-100 {
    margin-bottom: 100px;
  }
}
span.article__button--title {
	text-decoration: underline;
	text-underline-offset: 3px;
	letter-spacing: 1px;
     color: rgba(var(--color-foreground));
}

span.article__button--title>svg {
	margin-left: 1rem;
}
/* END_SNIPPET:main-blog-styles */

/* START_SNIPPET:main-collection-product-grid-styles (INDEX:293) */
.price__widget {
  display: flex;
  align-items: center;
}
.price__widget > div {
  flex-grow: 1;
}
.price__divider {
  padding: 0 10px;
  margin-top: 27px;
  text-align: center;
}
.input__field.price__filter_input {
  padding-left: 20px;
}
.widget__action_display {
  border-bottom: 1px solid rgba(var(--color-foreground),.2);
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.single__widget {
  width: 100%;
}
.single__widget details[open]>summary .icon-caret {
  transform: rotate(180deg);
}
.single__widget summary .icon-caret {
  right: 0;
  transition: transform .3s ease;
}
input.price__filter_input::-webkit-outer-spin-button,
input.price__filter_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.price__filter_input[type=number] {
  -moz-appearance: textfield;
}
input.price__filter_input::-webkit-input-placeholder {
  color: #ccc;
}
input.price__filter_input:-ms-input-placeholder {
  color: #ccc;
}
input.price__filter_input::placeholder {
  color: #ccc;
}
.price__widget .field-currency {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-55%);
  font-size: 16px;
}
span.active-facets__button-inner:hover {
  background: #000;
  color: #fff;
}
span.active-facets__button-inner:hover svg path {
  stroke: #fff;
}
.collection-filters__field .select svg {
  right: 15px;
}
.gird__column_icon svg {
  height: 15px;
}
a.gird__column_icon {
  line-height: 1;
}
.product__grid_column_buttons {
  line-height: 1;
  flex-shrink: 0;
}
button.gird__column_icon {
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 3px;
}
button.gird__column_icon:hover {
  color: rgba(var(--color-foreground));
}
button.gird__column_icon.active {
  color: rgba(var(--color-foreground));
}
@media (min-width: 992px) {
  .grid-col-1 .row-cols-lg-4 > *,
  .grid-col-1 .row-cols-lg-3 > *,
  .grid-col-1 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-lg-4 > *,
  .grid-col-2 .row-cols-lg-3 > *,
  .grid-col-2 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-3 .row-cols-lg-4 > *,
  .grid-col-3 .row-cols-lg-3 > *,
  .grid-col-3 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-col-4 .row-cols-lg-4 > *,
  .grid-col-4 .row-cols-lg-3 > *,
  .grid-col-4 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-col-5 .row-cols-lg-4 > *,
  .grid-col-5 .row-cols-lg-3 > *,
  .grid-col-5 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-col-1 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-3 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-col-4 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .grid-col-1 .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-1 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 100%;
  }
}
.offcanvas-filter-sidebar {
  max-width: 350px;
  display: block;
  position: fixed;
  top: 0;
  background: #fff;
  left: 0;
  padding: 30px 20px;
  overflow: auto;
  height: 100%;
  transition: all 0.3s ease 0s;
  z-index: 99;
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}
.offcanvas-filter-sidebar.active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.grid-col-1 .product-grid-item {
  display: flex;
}
.grid-col-1 .product-grid-item__thumbnail {
  width: 300px;
}
.grid-col-1 .product-grid-item__content {
  padding-left: 20px;
  width: calc(100% - 300px);
}
.grid-col-1 .product-grid-item {
  text-align: left;
}
.grid-col-1 .product-grid-item__price,
.grid-col-1 .product__grid_timer .product__countdown {
  justify-content: flex-start;
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .grid-col-1 .product-grid-item__content {
    width: calc(100% - 245px);
  }
  .grid-col-1 .product-grid-item__thumbnail {
    width: 245px;
  }
}
@media only screen and (max-width: 575px) {
  .grid-col-1 .product-grid-item {
    flex-direction: column;
  }
  .grid-col-1 .product-grid-item__content {
    padding-left: 0;
    width: 100%;
  }
  .grid-col-1 .product-grid-item__thumbnail {
    width: 100%;
  }
}
.collection_filter_sidebar {
  margin-top: 20px;
  display: block;
}
.template-search__header {
  margin-bottom: 3rem;
}
.template-search__search {
  margin: 0 auto 3.5rem;
  max-width: 47.8rem;
}
.template-search__search .search {
  margin-top: 3rem;
}
.template-search--empty {
  padding-bottom: 18rem;
}
@media screen and (min-width: 750px) {
  .template-search__header {
    margin-bottom: 5rem;
  }
}
.search_result_page {
  position: relative;
  width: 100%;
  display: block;
}
.search_result_bar {
  margin-top: 30px;
}
article.article-card {
  position: relative;
}
.meta__info--item + .meta__info--item {
  padding-left: 2rem;
  margin-left: 2rem;
  position: relative;
}
.meta__info--item + .meta__info--item::before {
  position: absolute;
  width: 5px;
  height: 5px;
  background: rgba(var(--color-foreground));
  content: "";
  border-radius: 100%;
  left: 0;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
}

.ratio_page {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.ratio_page:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}
/* END_SNIPPET:main-collection-product-grid-styles */

/* START_SNIPPET:main-password-styles (INDEX:294) */
.input__field_form_button {
  width: 35px;
}
.offset__section {
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
}
main {
  flex-grow: 1;
}
.password_page_wrapper {
  padding: 100px 0;
}
/* END_SNIPPET:main-password-styles */

/* START_SNIPPET:main-search-styles (INDEX:295) */
.price__widget{
  display: flex;
  align-items: center;
}
.price__widget > div {
  flex-grow: 1;
}
.price__divider {
  padding: 0 10px;
  margin-top: 27px;
  text-align: center;
}

.input__field.price__filter_input {
  padding-left: 20px;
}
.widget__action_display {
  border-bottom: 1px solid rgba(var(--color-foreground),.2);
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.single__widget {
  width: 100%;
}

.single__widget details[open]>summary .icon-caret {
  transform: rotate(180deg);
}
.single__widget summary .icon-caret {
  right: 0;
  transition: transform .3s ease;
}
input.price__filter_input::-webkit-outer-spin-button,
input.price__filter_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.price__filter_input[type=number] {
  -moz-appearance: textfield;
}
input.price__filter_input::-webkit-input-placeholder { /* Edge */
  color: #ccc;
}

input.price__filter_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

input.price__filter_input::placeholder {
  color: #ccc;
}
.price__widget .field-currency {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-55%);
  font-size: 16px;
}
span.active-facets__button-inner:hover {
  background: #000;
  color: #fff;
}
span.active-facets__button-inner:hover svg path {
  stroke: #fff;
}
.collection-filters__field .select svg {
  right: 15px;
}
.gird__column_icon svg {
  height: 15px;
}
a.gird__column_icon {
  line-height: 1;
}
.product__grid_column_buttons {
  line-height: 1;
  flex-shrink: 0;
}
button.gird__column_icon {
  background: transparent;
  border: none;
  padding: 8px;
  border-radius: 3px;
}
button.gird__column_icon:hover {
  color: rgba(var(--color-foreground));
}
button.gird__column_icon.active {
  color: rgba(var(--color-foreground));
}
@media (min-width: 992px) {
  .grid-col-1 .row-cols-lg-4 > *, .grid-col-1 .row-cols-lg-3 > *, .grid-col-1 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-lg-4 > *, .grid-col-2 .row-cols-lg-3 > *, .grid-col-2 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-3 .row-cols-lg-4 > *, .grid-col-3 .row-cols-lg-3 > *, .grid-col-3 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-col-4 .row-cols-lg-4 > *, .grid-col-4 .row-cols-lg-3 > *, .grid-col-4 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .grid-col-5 .row-cols-lg-4 > *, .grid-col-5 .row-cols-lg-3 > *, .grid-col-5 .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .grid-col-1 .row-cols-md-3 > *{
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-1 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-md-3 > *{
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-3 .row-cols-md-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .grid-col-4 .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .grid-col-1 .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .grid-col-2 .row-cols-sm-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }
  .grid-col-1 .row-cols-md-3 > *{
    flex: 0 0 auto;
    width: 100%;
  }
}
.offcanvas-filter-sidebar {
  max-width: 350px;
  display: block;
  position: fixed;
  top: 0;
  background: #fff;
  left: 0;
  padding: 30px 20px;
  overflow: auto;
  height: 100%;
  transition: all 0.3s ease 0s;
  z-index: 99;
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}
.offcanvas-filter-sidebar.active{
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.grid-col-1 .product-grid-item {
  display: flex;
}
.grid-col-1  .product-grid-item__thumbnail {
  width: 300px;
}
.grid-col-1 .product-grid-item__content {
  padding-left: 20px;
  width: calc(100% - 300px);
}
.grid-col-1  .product-grid-item {
  text-align: left;
}
.grid-col-1 .product-grid-item__price,.grid-col-1 .product__grid_timer .product__countdown {
  justify-content: flex-start;
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .grid-col-1 .product-grid-item__content {
    width: calc(100% - 245px);
  }
  .grid-col-1  .product-grid-item__thumbnail {
    width: 245px;
  }
}
@media only screen and (max-width: 575px) {
  .grid-col-1 .product-grid-item {
    flex-direction: column;
  }
  .grid-col-1 .product-grid-item__content {
    padding-left: 0;
    width: 100%;
  }
  .grid-col-1  .product-grid-item__thumbnail {
    width: 100%;
  }
}
.collection_filter_sidebar{
  margin-top: 20px;
  display: block;
}

/*  Search filter css  */
.template-search__header {
  margin-bottom: 3rem;
}

.template-search__search {
  margin: 0 auto 3.5rem;
  max-width: 70rem;
}

.template-search__search .search {
  margin-top: 3rem;
}

.template-search--empty {
  padding-bottom: 18rem;
}

@media screen and (min-width: 750px) {
  .template-search__header {
    margin-bottom: 5rem;
  }
}
.search_result_page {
  position: relative;
  width: 100%;
  display: block;
}
.search_result_bar {
  margin-top: 30px;
}
article.article-card {
  position: relative;
}

.meta__info--item + .meta__info--item {
  padding-left: 2rem;
  margin-left: 2rem;
  position: relative;
}
.meta__info--item + .meta__info--item::before {
  position: absolute;
  width: 5px;
  height: 5px;
  background: rgba(var(--color-foreground));
  content: "";
  border-radius: 100%;
  left: 0;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.article-card__info {
  margin-top: 2rem;
}
.ratio_page {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.ratio_page:before {
  content: "";
  width: 0;
  height: 0;
  padding-bottom: var(--ratio-percent);
}

.article-card:hover .article-card__title, .card-wrapper:hover .card__heading > a {
  text-decoration: underline;
}
/* END_SNIPPET:main-search-styles */

/* START_SNIPPET:media-showcase-styles (INDEX:296) */
/* Big Image Slider */
  .media-showcase__big-slider {
    flex: 1;
    max-width: 60%;
    position: relative;
    width: 60%;
  }
  @media screen and (max-width: 749px) {
    .media-showcase__big-slider {
      max-width: 100%;
      width: 100%;
    }
  }
  /* Content Slider */
  .media-showcase__content-slider {
    flex: 1;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 40%;
    @media only screen and (min-width: 750px) and (max-width: 991px){
      padding-inline-start: 5rem;
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px){
      padding-inline-start: 10rem;
    }
    @media only screen and (min-width: 1200px){
      padding-inline-start: 14.5rem;
    }
  }
  @media screen and (max-width: 749px) {
    .media-showcase__content-slider {
      max-width: 100%;
      width: 100%;
    }
  }
.media-showcase__content-wrapper {
  position: relative;
  overflow: hidden;
  height: auto;
  min-height: 0;

  @media only screen and (max-width: 749px){
    margin-top: 3.5rem;
  }
  @media only screen and (min-width: 750px) and (max-width: 1199px){
    margin-top: 4rem;
  }
  @media only screen and (min-width: 1200px){
    margin-top: 6.5rem;
  }
}

.media-showcase__content-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all .5s ease;
}
.media-showcase__content-item.active {
  position: relative; /* Takes natural space */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

  .media-showcase__heading {
    margin-bottom: 1rem;
    color: rgb(var(--color-foreground));
  }

  .media-showcase__text {
    margin-bottom: 1.5rem;
    color: rgb(var(--color-foreground));
  }

  .media-showcase__button {
    display: inline-block;
  }

  /* Small Thumbnail Slider */
  .media-showcase__small-slider {
    max-width: 30rem;
    width: 100%;
    margin-inline-start: auto;
  }
  .media-showcase__small-slider .swiper-wrapper {
    align-items: center;
  }

  .media-showcase__small-image {
    width: 80px;
    height: 80px;
    border-radius: 1rem;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s ease, opacity 0.3s ease;
    opacity: 0.6;
  }

  .media-showcase__small-image.active {
    border-color: rgb(var(--color-foreground));
    opacity: 1;
  }

  @media screen and (max-width: 749px) {
    .media-showcase__small-image {
      width: 60px;
      height: 60px;
    }
  }

  /* Navigation Controls */
  .media-showcase__navigation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 3rem;
    @media only screen and (min-width: 750px) and (max-width: 1199px){
        margin-top: 4rem;
    }
    @media only screen and (min-width: 1200px){
      margin-top: 8rem;
    }
  }
  .media-showcase__pagination {
    display: flex;
    gap: 0.5rem;
  }

  .media-showcase__pagination-dot {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: rgba(var(--color-foreground), 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
  }

  .media-showcase__pagination-dot.active {
    background: rgb(var(--color-foreground));
    transform: scale(1.2);
  }
 .media-showcase__nav-button>svg {
    width: 4rem;
    transition: transform .2s cubic-bezier(.25,.1,.25,1);
    opacity: 0.5;
}
.media-showcase__nav-button:hover svg {
    opacity: 1;
    transform: scale(1.1);
}
.media-showcase__nav-button {
    cursor: pointer;
}
/* Plaeholder css */
.media-showcase-placeholder{
  padding-bottom: 100%;
}
.media-showcase-grid{
  @media only screen and (min-width: 750px){
    align-items: var(--media-showcase-vertical-alignment, center);
  }
}
.media-showcase-large-thumbnail {
    border-radius: var(--large-media-radius, 1rem);
}
.media-showcase-small-thumbnail {
    border-radius: var(--small-media-radius, 1rem);
}
/* END_SNIPPET:media-showcase-styles */

/* START_SNIPPET:mobile-offcanvas-menu-styles (INDEX:300) */
.offcanvas-header.open {
  transform: translateX(0);
  visibility: visible;
}
.offcanvas-header.open ~ .offcanvas-overlay {
  visibility: visible;
  opacity: 0.5;
}

.offcanvas__sub_menu_li {
  position: relative;
  border-top: 1px solid #ededed;
}

.offcanvas__sub_menu_item {
  line-height: 1;
  display: block;
  padding: 15px 0 15px 30px;
}
.offcanvas__sub_menu_item ~ .offcanvas__sub_menu .offcanvas__sub_menu_item {
  padding-left: 40px;
}
.offcanvas__menu_item.header__actions_btn {
  display: flex;
  align-items: center;
}
span.offcanvas__menu_text__icon {
  margin-left: 10px;
}
.offcanvas__menu_item.header__actions_btn {
  position: relative;
}
.offcanvas__menu_item .header__actions_btn_cart_num {
  right: auto;
  left: 12px;
  top: 7px;
}
.user--menu__icon > svg {
  width: 1.8rem;
}
.offcanvas__menu_item.user--menu__icon {
  display: flex;
  align-items: center;
}
/* END_SNIPPET:mobile-offcanvas-menu-styles */

/* START_SNIPPET:multicolumn-styles (INDEX:302) */
.multicolumn-card__image-wrapper--third-width {
  width: 33%;
}

.multicolumn-card__image-wrapper--half-width {
  width: 50%;
}
.center .multicolumn-card__image-wrapper {
    margin: 0 auto;
}
.multicolumn:not(.background-none) .multicolumn-card {
  background: rgb(var(--color-background));
}

.multicolumn.background-primary .multicolumn-card {
  background: rgba(var(--color-foreground), 0.04);
}

.multicolumn-card__info {
    padding: 2.5rem;
}
.multicolumn-card-spacing {
    padding-top: 2.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}

.background-none .multicolumn-card-spacing {
  padding: 0;
  margin: 0;
}
.multicolumn__arrow--btn-icon {
    width: 1.5rem;
}
.multicolumn__arrow--wrap{
	margin-left: 1rem;
}
.multicolumn-card__info > * + * {
    margin-top: 1.5rem;
}
.multicolumn-card__info .link.with--icon {
    text-decoration: none;
}
.multicolumn-card-spacing.no--spacing {
	padding: 0;
}
.multicolumn-card__info.no--spacing {
	padding: 0;
}
.right .multicolumn-card__image-wrapper {
    margin-left: auto;
}
/* END_SNIPPET:multicolumn-styles */

/* START_SNIPPET:product-card-item-styles-rtl (INDEX:311) */
/*
 * Concatenated into snippets/product-card-item-styles-rtl.liquid only (not storefront URL).
 * Regenerate bundle: node agent-tools/build-product-card-item-styles.cjs
 */
@media only screen and (min-width: 750px) {
  [dir="rtl"] .product-grid-item__actions.justify-content-end {
    left: 24px;
    right: auto;
    width: auto;
    max-width: calc(100% - 48px);
  }
}

/* RTL justify-content-start: first-child is physically rightmost → anchor RIGHT, extend LEFT.
   [dir="rtl"] gives (0,1,x,x) specificity — beats any LTR rule. */
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child
  .swatch--variant-tooltip {
  transform: translateY(-70%);
  left: auto;
  right: 0;
}
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child:hover
  .swatch--variant-tooltip {
  transform: translateY(-50%);
}
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child
  .swatch--variant-tooltip:after {
  left: auto;
  right: 1rem;
  transform: translateX(50%);
}

/* RTL justify-content-end: last-child is physically leftmost → anchor LEFT, extend RIGHT */
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child
  .swatch--variant-tooltip {
  transform: translateY(-70%);
  left: 0;
  right: auto;
}
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child:hover
  .swatch--variant-tooltip {
  transform: translateY(-50%);
}
[dir="rtl"] .swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child
  .swatch--variant-tooltip:after {
  left: 1rem;
  right: auto;
  transform: translateX(-50%);
}

@media only screen and (max-width: 749px) {
  [dir="rtl"] .product-grid-item__actions {
    left: 15px;
    right: auto;
    width: auto;
    max-width: calc(100% - 30px);
  }
}

/* RTL: compact rating row — rating sits on the left, vendor on the right */
[dir="rtl"] .product__vendor--rating-row {
  flex-direction: row-reverse;
}
/* END_SNIPPET:product-card-item-styles-rtl */

/* START_SNIPPET:product-card-item-styles (INDEX:312) */
/*
 * NOT loaded as <link> — source only; pasted into snippets/product-card-item-styles Liquid stylesheet blocks for subsetting.
 * After edits: node agent-tools/build-product-card-item-styles.cjs
 */
.product-grid-item {
  text-align: center;
}
.product-grid-item__thumbnail {
  position: relative;
  overflow: hidden;
  padding: 1px;
}

/* Featured / product sliders equalize slide height — keep overlays on the media, not in title gap */
.productSlider .swiper-slide > .product-grid-item {
  display: flex;
  flex-direction: column;
}

.productSlider .swiper-slide > .product-grid-item > .product-grid-item__thumbnail {
  flex-grow: 0;
  align-self: flex-start;
  width: 100%;
}
.product-grid-item__badges {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  justify-content: flex-start;
  z-index: 8;
  pointer-events: none;
}
@media only screen and (max-width: 575px) {
  .product-grid-item__badges {
    top: 10px;
    left: 10px;
  }
}
/* The style1 badge borrows the h5 class for its heading font, which also drags in the
   theme's heading scale and made the badge oversized on desktop. Pin the size here; the
   max-width:749px rule further down keeps the smaller mobile value. */
span.badge--text.h5 {
  font-size: 1.3rem;
  line-height: 2rem;
}
.product-grid-item__image {
  display: flex;
}
.product-grid-item__image img {
  width: 100%;
  height: auto;
}
.product-grid-item__actions {
  position: absolute;
  bottom: 15px;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: transparent;
}
.product-grid-item__actions__btn {
  padding: 1rem 2rem;
  text-decoration: none;
  text-transform: var(--button-text-case);
  color: rgba(var(--product-color-button-text));
  border: none;
  border-radius: 3rem;
  background-color: rgba(var(--product-color-button));
  box-shadow: 0 0 1.5rem rgba(var(--product-color-button-text), 0.05);
  display: flex;
  align-items: center;
  position: relative;
}
.product-grid-item__actions__btn span + svg {
  /* margin-left: 12px; */
}
.product-grid-item__actions__btn svg {
  width: 20px;
  height: 20px;
}

.product-grid-item__actions__btn:hover,
button.cart--icon-button:hover {
  color: rgba(var(--product-button-hover-text));
  background: rgba(var(--product-button-hover-background));
  box-shadow: 0 5px 10px rgba(var(--product-button-hover-text), 0.15);
}
.product-grid-item__content {
  padding-top: 20px;
}
h3.product-grid-item__title {
  word-break: break-word;
}
.product-grid-item__title a {
  text-decoration: none;
  color: rgba(var(--color-foreground));
}
.product-grid-item__title a:hover {
  color: rgba(var(--color-base-text-link-hover));
}
@media only screen and (max-width: 575px) {
  .product-grid-item__title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 479px) {
  .product-grid-item__title {
    font-size: 1.6rem;
  }
}
.product-grid-item__price {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  color: rgba(var(--color-foreground));
}
.text-left .product-grid-item__price { justify-content: flex-start; }
.text-right .product-grid-item__price { justify-content: flex-end; }
.text-center .product-grid-item__price { justify-content: center; }
.product-grid-item__price .price__compare {
  text-decoration: line-through;
}
@media only screen and (max-width: 575px) {
  .product-grid-item__price {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 479px) {
  .product-grid-item__price {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 990px) {
  .product-grid-item__thumbnail:hover
    .media.media--hover-effect
    > img
    ~ img.secondary__img,
  .product-grid-item__thumbnail:hover
    .media.media--hover-effect
    > img.secondary__img
    + img.secondary__img--new {
    opacity: 1;
    transition: transform var(--duration-long) ease;
  }

  .product-grid-item__thumbnail:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .product-grid-item__thumbnail.second--image__hide:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 1;
  }
}
button.product-grid-item__actions__btn.loading {
  background: #fff;
  color: transparent;
  box-shadow: 0 5px 7px rgb(0 0 0 / 20%);
}
ul.product-list-item__actions {
  list-style: none;
  padding: 0;
  display: flex;
}
.grid-col-1 .product__list_view_content.hidden {
  display: block !important;
}
.product-list-item__actions li + li {
  margin-left: 15px;
}

.product-list-item__actions .product-grid-item__actions__btn {
  margin: 0;
}
[hidden] {
  display: none !important;
}
button.product-grid-item__actions__btn.loading:after {
  left: 50%;
  margin-left: -10px;
}
button.cart--icon-button.loading:after {
  left: 50%;
  margin-left: -12px;
  top: 50%;
  margin-top: -13px;
}
button.cart--icon-button {
  color: rgba(var(--product-color-button-text));
  border: none;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  position: relative;
  padding: 0;
  background: rgba(var(--product-color-button));
  box-shadow: 0 0 1.5rem rgba(var(--product-color-button-text), 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart--icon-button svg {
  width: 1.6rem;
}
button.cart--icon-button:hover {
  color: rgba(var(--product-button-hover-text));
  background: rgba(var(--product-button-hover-background));
  box-shadow: 0 5px 10px rgba(var(--product-button-hover-text), 0.15);
}
button.cart--icon-button.loading:hover:after {
  border: 2.5px solid rgba(var(--product-color-button));
  border-left: 2.5px solid transparent;
}

button.cart--icon-button.loading:after {
  border: 2.5px solid rgba(var(--product-color-button-text));
  border-left: 2.5px solid transparent;
}
@media only screen and (min-width: 750px) {
  /* Extra inset so round quick-add / quick-view doesn’t hug the image edge (bottom-right, top-right) */
  .product-grid-item__actions.justify-content-end {
    left: auto;
    right: 24px;
    width: auto;
    max-width: calc(100% - 48px);
  }
  .product-grid-item__actions.justify-content-start {
    left: 24px;
    right: auto;
    width: auto;
    max-width: calc(100% - 48px);
  }
  span.product-grid-item__badges.badge--top-right {
    left: auto;
    right: 15px;
  }
  span.product-grid-item__badges.badge--top-center {
    transform: translateX(-50%);
    left: 50%;
  }
  span.product-grid-item__badges.badge--bottom_left {
    top: auto;
    bottom: 15px;
  }
  span.product-grid-item__badges.badge--bottom_center {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    bottom: 15px;
  }
  span.product-grid-item__badges.badge--bottom_right {
    top: auto;
    bottom: 15px;
    left: auto;
    right: 15px;
  }
  .product-grid-item__actions.top_position {
    top: 25px;
    bottom: auto;
  }
  button.cart--icon-button {
    width: 4rem;
    height: 4rem;
  }
  .cart--icon-button svg {
    width: 1.8rem;
  }
  span.action__btn--text > svg {
    display: none;
  }
}
@media only screen and (max-width: 749px) {
  span.badge--text.h5 {
    font-size: 1.5rem;
  }
  .product-grid-item__actions__btn {
    padding: 0;
    font-size: 1.3rem;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
  }
  .product-grid-item__actions__btn svg {
    width: 15px;
    height: 15px;
  }
  .product-grid-item__actions {
    left: auto;
    right: 15px;
    width: auto;
    max-width: calc(100% - 30px);
  }
  .price--on-sale .price__sale {
    line-height: 2.5rem;
  }
  .product-grid-item__actions.justify-content-center,
  .product-grid-item__actions.justify-content-start {
    justify-content: flex-end;
  }
  span.action__btn--text--label {
    display: none;
  }
  span.action__btn--text {
    line-height: 1;
  }
  button.product-grid-item__actions__btn.loading:after,
  button.cart--icon-button.loading:after {
    margin-left: -8px;
  }
  button.product-grid-item__actions__btn.loading:after,
  button.cart--icon-button.loading:after {
    width: 1rem;
    height: 1rem;
  }
  button.cart--icon-button.loading:after {
    margin-top: -9px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 991px) {
  .product-grid-item__actions__btn {
    padding: 1rem;
    font-size: 1.4rem;
  }
  .product-grid-item__actions__btn span + svg {
    /* margin-left: 5px; */
  }
  .product-grid-item__actions__btn svg {
    width: 15px;
    height: 15px;
  }
  ul.product-grid-item__actions.style1.justify-content-end,
  ul.product-grid-item__actions.style1.justify-content-start {
    justify-content: center;
    left: auto;
    right: auto;
  }
}
/* ── style1 text button: full-width on desktop ── */
@media only screen and (min-width: 750px) {
  ul.product-grid-item__actions.style1--full-width {
    opacity: 0;
    transform: translateY(0.4rem);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .product-grid-item:hover ul.product-grid-item__actions.style1--full-width,
  .product-grid-item:focus-within ul.product-grid-item__actions.style1--full-width {
    opacity: 1;
    transform: translateY(0);
  }
  ul.product-grid-item__actions.style1--full-width,
  ul.product-grid-item__actions.style1--full-width.justify-content-end,
  ul.product-grid-item__actions.style1--full-width.justify-content-start,
  ul.product-grid-item__actions.style1--full-width.justify-content-center,
  ul.product-grid-item__actions.style1--full-width.top_position {
    left: 0;
    right: 0;
    top: auto;
    bottom: 1.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0 1.5rem;
  }
  ul.product-grid-item__actions.style1--full-width > li {
    width: 100%;
  }
  ul.product-grid-item__actions.style1--full-width .quick-add,
  ul.product-grid-item__actions.style1--full-width product-form,
  ul.product-grid-item__actions.style1--full-width modal-opener {
    display: block;
    width: 100%;
    margin: 0;
  }
  ul.product-grid-item__actions.style1--full-width .product-grid-item__actions__btn,
  ul.product-grid-item__actions.style1--full-width .quick-add__submit {
    width: 100%;
    justify-content: center;
    font-weight: 400;
    font-size: 1.4rem;
  }
}
.product-grid-item:hover .product-grid-item__title a {
  text-decoration: underline;
}
.placholder__product--title {
  margin-bottom: 1rem;
  display: block;
}
/* =========================================================
   WILL&YOU - CARTES PRODUITS COLLECTION
   COULEURS + GRANDEURS COMPACTES
   ========================================================= */

/* =========================================================
   1. PASTILLES DE COULEURS
   ========================================================= */

.product--color-swatch {
  width: 2.1rem;
  height: 2.1rem;
  min-width: 2.1rem;
  min-height: 2.1rem;
  display: inline-flex;
  flex: 0 0 2.1rem;
  cursor: pointer;
  border: 0.1rem solid transparent;
  padding: 0.15rem;
  border-radius: 100%;
  box-sizing: border-box;
}

.product--color-swatch.checked-color {
  border-color: rgba(var(--color-foreground), 0.7);
}

.product--color-swatch-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem;
  margin-left: 0;
  margin-top: 0.7rem;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.product--color-swatch .swatch--variant-tooltip {
  position: absolute;
  bottom: 100%;
  background: rgba(var(--color-button), var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  z-index: 9;
  padding: 6px 12px;
  border-radius: 2px;
  left: 50%;
  transform: translate(-50%, -70%);
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  pointer-events: none;
  line-height: 1;
  opacity: 0;
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
  width: max-content;
}

.product--color-swatch .variant--swatch-color {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-foreground), 0.1);
  border-radius: 50%;

  background-color: var(
    --color-swatch-background,
    var(--swatch-background-color)
  );

  background-image: var(
    --swatch-background-image,
    var(--background-gradient)
  );

  background-size: cover;
  background-position: var(--swatch-focal-point, center);
  background-repeat: no-repeat;
}

.product--color-swatch:hover .swatch--variant-tooltip {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.product--color-swatch .swatch--variant-tooltip:after {
  content: "";
  position: absolute;
  bottom: -1.6rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem;
  border-color: transparent transparent transparent;
  border-top-color: rgba(
    var(--color-button),
    var(--alpha-button-background)
  );
  left: 50%;
  transform: translate(-50%);
}


/* =========================================================
   2. TOOLTIP - PREMIÈRE COULEUR
   ========================================================= */

.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child
  .swatch--variant-tooltip {
  transform: translate(-50%, -70%);
  left: 50%;
}

.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child:hover
  .swatch--variant-tooltip {
  transform: translate(-50%, -50%);
}

.swiper-slide
  .product--color-swatch-wrapper
  .product--color-swatch:first-child
  .swatch--variant-tooltip:after {
  left: 50%;
  transform: translate(-50%);
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child
  .swatch--variant-tooltip {
  transform: translateY(-70%);
  left: 0;
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child:hover
  .swatch--variant-tooltip {
  transform: translateY(-50%);
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-start
  .product--color-swatch:first-child
  .swatch--variant-tooltip:after {
  left: 1rem;
  transform: translateX(-50%);
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child
  .swatch--variant-tooltip {
  transform: translateY(-70%);
  left: auto;
  right: 0;
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child:hover
  .swatch--variant-tooltip {
  transform: translateY(-50%);
}

.swiper-slide
  .product--color-swatch-wrapper.justify-content-end
  .product--color-swatch:last-child
  .swatch--variant-tooltip:after {
  left: auto;
  right: 1rem;
  transform: translateX(50%);
}


/* =========================================================
   3. NOMBRE DE COULEURS SUPPLÉMENTAIRES
   ex. +8 / +12 / +23
   ========================================================= */

.rest__of--color-variants {
  line-height: 1;
  width: auto;
  height: 2.1rem;
  min-width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: 0.15rem;
  padding: 0;
  font-size: 1.05rem;
  color: rgba(var(--color-foreground));
  text-decoration: none;
  white-space: nowrap;
}


/* =========================================================
   4. SWATCH AVEC IMAGE
   ========================================================= */

.product--color-swatch
.variant--swatch-custom.variant--swatch-image {
  position: relative;
  line-height: 1;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-foreground), 0.1);
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.product--color-swatch
.variant--swatch-custom.variant--swatch-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}

.product--color-swatch.product--color-swatch-image {
  width: 1.1rem;
  height: 1.1rem;
}


/* =========================================================
   5. QUICK ADD
   ========================================================= */

.quick-add__submit.cart--icon-button > * {
  line-height: 1;
}

.product__vendor + .product__grid_timer {
  margin-block-start: 1rem;
  display: block;
}


/* =========================================================
   6. ÉVALUATIONS
   ========================================================= */

.product__card--rating--above-title {
  margin-bottom: 0.5rem;
}

.product__card--rating--below-price {
  margin-top: 0.8rem;
}

.product__vendor--rating-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.product__card--rating--compact {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.rating-star-compact {
  font-size: 1.8rem;
  line-height: 1;
  color: var(--color-icon, rgb(var(--color-foreground)));
}

.rating-average {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
}

.rating-count-compact {
  font-size: 1.3rem;
  opacity: 0.7;
  line-height: 1;
}


/* =========================================================
   7. BASE CARD
   ========================================================= */

.card {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.card + .card-information {
  margin-top: 1.3rem;
}

@media screen and (min-width: 750px) {
  .card + .card-information {
    margin-top: 1.7rem;
  }
}

.card.card--soft {
  background-color: rgba(var(--color-foreground), 0.04);
  color: rgb(var(--color-foreground));
}

.card .icon-wrap {
  margin-left: 0.8rem;
  white-space: nowrap;
  transition: transform var(--duration-short) ease;
  overflow: hidden;
}

.card .h1 .icon-arrow,
.card .h2 .icon-arrow {
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

.card--media {
  display: block;
  text-decoration: none;
}

.card--text-only {
  display: flex;
  justify-content: center;
}

.card--text-only::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

.card--product {
  position: relative;
}

.card--stretch {
  height: 100%;
}

.card--outline:not(.card--soft) {
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.card--light-border {
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.card--light-border:hover {
  border: 0.1rem solid rgba(var(--color-foreground), 0.3);
  box-shadow: none;
}

.card__text-spacing {
  padding: 3rem;
}

.card-colored.color-background-1 {
  background-color: rgba(var(--color-foreground), 0.04);
}

.card--media .card__text-spacing {
  padding: 1.5rem;
}

@media screen and (min-width: 750px) {
  .card--media .card__text-spacing {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.card-information > * + * {
  margin-top: 0.5rem;
}

.card--text-only .card__inner {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  width: 100%;
}

.card__content {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.card__content > * {
  margin: 0;
}

.card--text-only .card__content {
  grid-row: 2;
  justify-self: flex-start;
  margin-bottom: 6rem;
  margin-top: 5rem;
}

.card--text-only .card__badge {
  align-self: flex-end;
  grid-row: 3;
}

.card--search .card__badge > *,
.card--text-only .card__badge > * {
  margin: 0 1.2rem 1.2rem;
}

.card--search .card__badge,
.card--text-only .card__badge {
  position: initial;
}

.card--text-only .card__content + .card__badge {
  margin-top: -5rem;
}

.media + .card__content {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .card--text-only .card__content {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .card--text-only .card__content + .card__badge {
    margin-top: -7rem;
  }
}

.card__text-spacing > * {
  margin: 0;
}

.card__text-spacing > *:not(.overlay-card) + * {
  margin-top: 1.5rem;
}

.card__text {
  margin: 0;
  word-break: break-word;
}

.card-information__text {
  display: block;
  padding-right: 1.2rem;
}

.card-information__wrapper {
  width: 100%;
}

.card-information__wrapper > * {
  line-height: 1.4;
  color: rgb(var(--color-foreground));
}

.card-information__wrapper > .price {
  color: rgb(var(--color-foreground));
}

.card-information__wrapper > .rating {
  margin-top: 0.4rem;
}

.card-information__wrapper
  > *:not(.visually-hidden:first-child)
  + *:not(.rating) {
  margin-top: 0.7rem;
}

.card-information__wrapper .caption {
  letter-spacing: 0.07rem;
}

.card-wrapper {
  color: inherit;
  display: block;
  position: relative;
  text-decoration: none;
}

.card-wrapper:focus-within .card {
  box-shadow: none;
}

.card__media-spacer {
  padding: 2rem 2rem 0;
}

@media screen and (min-width: 750px) {
  .card__media-spacer {
    padding: 3rem 3rem 0;
  }
}

.card__media-full-spacer {
  padding: 2rem;
}

.card-article-info {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.card__badge {
  bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  left: 1rem;
  position: absolute;
}

.card__badge > * {
  margin-right: 1rem;
  margin-top: 0.5rem;
}

.overlay-card {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  background: transparent;
  transition: background-color var(--duration-long) ease;
}

.card:hover .card-colored .overlay-card {
  background-color: rgba(var(--color-card-hover), 0.06);
}

@media screen and (min-width: 990px) {

  .card .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: transform var(--duration-long) ease;
  }

  .card:hover
  .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover
  .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.03);
  }

  .card-wrapper:hover
  .media.media--hover-effect
  > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .card-wrapper:hover
  .media.media--hover-effect > img + img {
    opacity: 1;
    transition: transform var(--duration-long) ease;
    transform: scale(1.03);
  }

  .card-wrapper:hover .card-information__text {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  .card--search img {
    transition: transform var(--duration-default) ease;
  }

  .card-wrapper:hover .card--search img {
    transform: scale(1.05);
  }

  .card-wrapper:hover .card__text {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }

  .card-wrapper:hover .card--soft {
    background-color: rgba(var(--color-card-hover), 0.06);
    transition: background-color var(--duration-long) ease;
  }
}

.card__heading a:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}


/* =========================================================
   8. GRANDEURS NATIVES - CARTES PRODUITS
   ========================================================= */

.product--variant-pills-selector {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.product--variant-pills-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 0.7rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.product--variant-pills-wrapper::-webkit-scrollbar {
  display: none;
}

.product--variant-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 2.8rem;
  height: 2.5rem;
  padding: 0.25rem 0.55rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.18);
  border-radius: 0;
  font-size: 1.05rem;
  line-height: 1;
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
  font-family: inherit;
}

.product--variant-pill:hover {
  border-color: rgba(var(--color-foreground), 0.45);
  color: rgba(var(--color-foreground));
}

.product--variant-pill--active {
  border-color: rgba(var(--color-foreground), 0.7);
  color: rgba(var(--color-foreground));
  font-weight: 500;
}

.product--variant-pills-more {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1;
  color: rgba(var(--color-foreground), 0.6);
  text-decoration: none;
  white-space: nowrap;
}

/* =========================================================
   9. MOBILE WILL&YOU - COULEURS + PILLS NATIVES
   ========================================================= */

@media screen and (max-width: 749px) {
  .product--color-swatch-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.55rem;
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .product--color-swatch,
  .product--color-swatch.product--color-swatch-image {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    flex: 0 0 1.8rem;
    padding: 0.1rem;
  }

  .rest__of--color-variants {
    width: auto;
    height: 1.8rem;
    margin-left: 0.08rem;
    font-size: 1rem;
    line-height: 1;
    flex: 0 0 auto;
  }

  .product--variant-pills-wrapper {
    gap: 0.2rem;
    margin-top: 0.55rem;
    padding: 0 0 0.2rem;
  }

  .product--variant-pill {
    min-width: 2.5rem;
    height: 2.1rem;
    min-height: 2.1rem;
    padding: 0 0.3rem;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 0;
    white-space: nowrap;
  }

  .product--variant-pill--active {
    font-weight: 500;
  }

  .product--variant-pills-more {
    margin-left: 0.08rem;
    font-size: 0.8rem;
    line-height: 1;
  }
}

/* =========================================================
   10. PRODUCT TAGS
   ========================================================= */

.product-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: center;
  margin-top: 1.2rem;
}

.text-left .product-card__tags {
  justify-content: flex-start;
}

.text-right .product-card__tags {
  justify-content: flex-end;
}

.product-card__tag {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.6rem 1.2rem;
  border-radius: 3rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  color: rgba(var(--color-foreground), 0.65);
  text-transform: capitalize;
  white-space: nowrap;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.product-card__tag:hover {
  border-color: rgba(var(--color-foreground), 0.5);
  color: rgba(var(--color-foreground));
}

/* =========================================================
   11. WILL&YOU - SWATCH KING - COLLECTION MOBILE
   Tailles compactes, plus carrées et toutes visibles sur une ligne
   ========================================================= */

@media screen and (max-width: 749px) {
  .collection-grid-section .product-grid-item {
    min-width: 0 !important;
  }

  .collection-grid-section .product-grid-item__content {
    width: 100% !important;
    min-width: 0 !important;
  }

  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 3px !important;
    margin: 8px 0 0 !important;
    padding: 0 1px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center > li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center .swatch-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 32px !important;

  height: 20px !important;
  min-height: 20px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border: 1px solid #d5d5d5 !important;
  border-radius: 3px !important;

  background: #fff !important;
  box-shadow: none !important;
}
  }

  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center .swatch-title-and-icon-container,
  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center .swatch-button-title-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 1px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .collection-grid-section ul.swatch-view.swatch-view-button.swatch-slider-align-center [swatch-inside="true"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 8.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}
/* =========================================================
   WILL&YOU - COLLECTION DESKTOP
   CENTRER LES GRANDEURS SWATCH KING
   ========================================================= */

@media screen and (min-width: 750px) {

  .collection-grid-section
  ul.swatch-view.swatch-view-button.swatch-slider-align-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .collection-grid-section
  ul.swatch-view.swatch-view-button.swatch-slider-align-center > li {
    flex: 0 0 auto !important;
  }
}
}
/* END_SNIPPET:product-card-item-styles */

/* START_SNIPPET:product-popup-modal-rtl-styles (INDEX:321) */
.product-popup-modal__button {
  padding-right: 0;
}

button.product-popup-modal__button.link > svg {
  margin-right: 0;
  margin-left: 0.5rem;
}

.product-popup-modal:not(.is--centered-modal) .product-popup-modal__content {
  left: auto;
  transform: translate(50%, -120%);
  right: 50%;
}

.product-popup-modal:not(.is--centered-modal)[open] .product-popup-modal__content {
  transform: translate(50%, -50%);
}

.product-popup-modal__toggle {
  margin: auto 0 0 0;
}
/* END_SNIPPET:product-popup-modal-rtl-styles */

/* START_SNIPPET:product-popup-modal-styles (INDEX:322) */
.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-foreground), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.product-popup-modal__content {
  border-radius: 1rem;
  background-color: rgb(var(--color-background));
  overflow: auto;
  max-height: 85vh;
  height: auto;
  margin: 2rem auto;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: 92%;
  padding: 1.5rem;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset)
    var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content.focused {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset)
      var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset)
      var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    width: 70%;
    padding: 0 3rem;
    margin: 2rem auto;
  }
}

.product-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }
}

.product-popup-modal__opener {
  display: inline-block;
}

.product-popup-modal__button {
  font-size: 20px !important;
  padding-right: 15px;
  padding-left: 0;
  min-height: 4.4rem;
  text-underline-offset: .3rem !important;
  text-decoration-thickness: .1rem !important;
  transition: text-decoration-thickness var(--duration-short) ease;
  display: inline-flex !important;
  align-items: center;
  text-decoration: none !important;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

button.product-popup-modal__button.link {
  font-size: 1.8rem;
}

button.product-popup-modal__button.link > svg {
  width: 2rem;
  margin-right: 1rem;
}

.product-popup-modal__content-info:not(.modal--content-space) {
  padding-right: 4.4rem;
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}

.product-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin-inline: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

@media screen and (min-width: 992px) {
  .product-popup-modal__content.modal-sm {
    max-width: 550px;
    width: 500px;
    height: auto;
    padding-block-start: 3rem;
    padding-block-end: 3rem;
    border: none;
  }

  .modal__title.modal--header-title {
    font-size: 1.8rem;
  }
}

.modal__title.modal--header-title {
  padding-right: 1rem;
  margin: 0;
}

.product-popup-modal.is--centered-modal {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

.product-popup-modal.is--centered-modal .product-popup-modal__content,
.product-popup-modal.is--centered-modal .product-popup-modal__content.modal-md,
.product-popup-modal.is--centered-modal .product-popup-modal__content.modal-sm,
.product-popup-modal.is--centered-modal .product-popup-modal__content.popup--modal-with-header {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: min(92vw, 64rem);
  max-width: 100%;
  max-height: min(85vh, 900px);
  height: auto;
}

@media screen and (min-width: 750px) {
  .product-popup-modal.is--centered-modal .product-popup-modal__content,
  .product-popup-modal.is--centered-modal .product-popup-modal__content.modal-md,
  .product-popup-modal.is--centered-modal .product-popup-modal__content.modal-sm,
  .product-popup-modal.is--centered-modal .product-popup-modal__content.popup--modal-with-header {
    width: min(70vw, 64rem);
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.modal-body--inner {
  background-color: rgb(var(--color-background));
  width: 90%;
  max-width: 50rem;
  padding: 2rem;
  border-radius: 1rem;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  align-items: center;
  padding-bottom: 2rem;
}

.ask_about_product textarea {
  width: 100%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
  padding: 10px;
  line-height: 25px;
  font-size: 15px;
  border-radius: var(--textarea-border-radius);
}

.product-popup-modal__content:is(.popup--modal-with-header) {
  padding-block: 3rem;
}

.popup__contact--form.is--centered-modal .product-popup-modal__content {
  max-width: 50rem;
  width: min(92vw, 50rem);
  margin-inline: auto;
}
/* END_SNIPPET:product-popup-modal-styles */

/* START_SNIPPET:product-sticky-add-cart (INDEX:324) */
.product-form__buttons.sticky__form_button {
      margin: 0 !important;
      align-items: center;
  }
  sticky-variant-select .select_box {
    min-width: 250px;
  }
  sticky-variant-select.product__sticky_variant {
    padding: 0 100px;
  }
  .product__sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 98;
    padding: 10px 20px;
    box-shadow: 0 0 7px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: translateY(100%);
  }
  body.sticky__cart {
      padding-bottom: var(--sticky-bar-height, 90px);
  }
  .sticky__proudct_title {
    padding-left: 15px;
  }
  @media only screen and (min-width: 481px) and (max-width: 991px){
    body.sticky__cart {
      padding-bottom: var(--sticky-bar-height, 73px);
    }
  }
  @media only screen and (min-width: 1170px){
    .product__sticky {
      padding: 10px 50px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1580px){
    sticky-variant-select.product__sticky_variant {
      padding: 0 50px;
    }
  }
  @media only screen and (min-width: 991px) and (max-width: 1199px){
    .product__sticky {
      padding: 10px 30px;
    }
    sticky-variant-select.product__sticky_variant {
      padding: 0 15px;
    }
  }
  .product__sticky.sticky {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  @media only screen and (max-width: 767px){
    .product__add__cart__button.mr-20 {
      margin-right: 0;
    }
    .sticky__form_button button.button {
      padding: 10px 12px;
    }

  }
  @media only screen and (min-width: 480px) and (max-width: 600px){
    sticky-variant-select .select_box {
      padding: 0 10px;
      min-width: 180px;
    }
  }
  @media only screen and (max-width: 480px){
    .product__sticky {
      flex-direction: column;
    }
    sticky-variant-select {
      margin-bottom: 10px;
    }
    .sticky-variant-select .select_box {
      min-width: 248px;
    }
    body.sticky__cart {
      padding-bottom: var(--sticky-bar-height, 133px);
    }
  }
  .product__sticky.d-flex.sticky__box_width {
    justify-content: center;
  }
  .sticky__box_width .product__sticky_head {
    padding-right: 30px;
  }
  @media only screen and (max-width: 991px){
    sticky-variant-select.product__sticky_variant {
      padding: 0 20px 0 0;
    }
  }

  /* Sticky cart error message styles */
  .product__sticky .product-form__error-message-wrapper {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
    background: #fff;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    white-space: nowrap;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .product__sticky .product-form__error-message-wrapper[hidden] {
    display: none;
  }
  .product__sticky .product-form__error-message-wrapper .icon-error {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
  .product__sticky .product-form__error-message {
    color: #EB001B;
    font-size: 14px;
  }
  @media only screen and (max-width: 480px) {
    .product__sticky .product-form__error-message-wrapper {
      white-space: normal;
      max-width: 90vw;
      text-align: center;
    }
  }
/* END_SNIPPET:product-sticky-add-cart */

/* START_SNIPPET:progress-bar (INDEX:328) */
/* component-progress-bar.css migration */
.progress-bar-container {
  width: 100%;
  margin: auto;
}

.progress-bar {
  height: 0.13rem;
  width: 100%;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-foreground));
  animation: indeterminateAnimation var(--duration-extra-longer) infinite
    ease-in-out;
  transform-origin: 0;
}

.progress-bar .progress-bar-value {
  display: block;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(-20%) scaleX(0);
  }
  40% {
    transform: translateX(30%) scaleX(0.7);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}
/* END_SNIPPET:progress-bar */

/* START_SNIPPET:promo-banner-styles (INDEX:329) */
.promo--banner-inner {
  display: grid;
  overflow: hidden;
  position: relative;
  z-index: 8;
}
.promo--banner-height-small{
  min-height: 30rem;
}
.promo--banner-height-large{
  min-height: 30rem;
  @media only screen and (min-width: 992px){
     min-height: 50rem;
  }
}
.promo--banner-border.promo-banner-border-place-inside:before {
    outline: .1rem dashed rgba(var(--color-foreground),.25);
    outline-offset: -1.5rem;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
@media only screen and (min-width: 750px) {
  .promo--banner-inner:not(.not-promo--banner-grid) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.promo--banner-content--heading {
  font-size: 4rem;
  font-weight: 700;
}
.promo--banner-content--subheading {
  font-size: 2rem;
  letter-spacing: 0.3rem;
}
.promo--banner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}
.promo--banner-media {
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 992px) {
  .promo--banner-content--subheading {
    font-size: 2.6rem;
    letter-spacing: 0.5rem;
  }
  .promo--banner-content--heading {
    font-size: 9rem;
    font-weight: bold;
  }
  .promo--banner-content-left {
    text-align: left;
  }
  .promo--banner-content-right {
    text-align: right;
  }
  .promo--banner-content-center {
    text-align: center;
  }
}
.promo--banner-media-wrapper {
  position: relative;
}
.promo--banner-content--heading-sub, .promo-timer-heading.storke--title > strong {
  color: rgba(var(--color-background));
  text-shadow: -2px 2px 0 rgba(var(--color-foreground)),
    2px 2px 0 rgba(var(--color-foreground)),
    2px -2px 0 rgba(var(--color-foreground)),
    -2px -2px 0 rgba(var(--color-foreground));
}
.promo--banner-media-link {
  display: block;
  height: 100%;
}
span.link.promo--banner-content--button--link {
  cursor: inherit;
}
@media only screen and (max-width: 749px) {
  .promo--banner-media-wrapper {
    min-height: 25rem;
  }
  .promo--banner-content {
    order: 2;
  }
}
.promo--banner-inner.rounded--box {
  border-radius: var(--promo-banner-radius, 1rem);
}
/* Promo banner timer css */

/* Timer wrapper styling - horizontal layout with equal width columns */
.promo--banner-timer-wrapper {
  display: flex;
  padding: 3rem;
  gap: 2rem;
  justify-content: var(--timer-content-space-between, space-between);
  @media only screen and (max-width: 749px){
    flex-wrap: wrap;
    align-items: var(--timer-content-mobile-alignment);
  }
  @media only screen and (min-width: 750px){
    align-items: var(--timer-content-alignment);
  }
}
.promo--banner-border.promo-banner-border-place-outside {
  border: 0.1rem solid rgba(var(--color-foreground),.25);
}
.promo--banner-timer-wrapper:not(.promo--timer-vertical) .promo--banner-timer-wrapper > * {
  @media only screen and (min-width: 750px){
    flex: 1;
  }
}
.promo-banner-timer {
    justify-content: center;
    gap: 4rem;
}
.promo--timer-button-wrapper {
    text-align: end;
}
.promo-timer-heading {
  margin-bottom: 0;
}
.promo-timer-heading + .promo-timer-description{
  margin-top: 1.2rem;
}
.promo-banner-timer .countdown__inner {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}

.promo-banner-timer .countdown__inner .countdown__digit {
    font-size: 2rem;
    color: rgba(var(--color-foreground));
    position: relative;
}

.promo-banner-timer .countdown__inner .countdown__digit::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.1rem;
    background: rgba(var(--color-foreground),0.3);
    inset-inline-start: 0;
    bottom: -0.25rem;
}

.timer--label-uppercase .countdown__inner .countdown__labels {
    text-transform: uppercase;
}
.promo-banner-timer-content:empty {
  display: none;
}
.promo--banner-timer-wrapper.promo--timer-vertical {
  flex-direction: column;
}
/* END_SNIPPET:promo-banner-styles */

/* START_SNIPPET:quantity-popover-styles (INDEX:331) */
quantity-popover {
  position: relative;
  display: block;
}

quantity-popover volume-pricing li:nth-child(odd) {
  background: rgba(var(--color-foreground), 0.03);
}

quantity-popover volume-pricing li {
  font-size: 1.2rem;
  letter-spacing: 0.06rem;
  padding: 0.6rem 0.8rem;
  display: flex;
  justify-content: space-between;
}

.quantity-popover__info.global-settings-popup {
  width: 100%;
  z-index: 3;
  position: absolute;
  background-color: rgb(var(--color-background));
  max-width: 36rem;
}

.quantity-popover__info .button-close,
.variant-remove-total quick-order-list-remove-all-button .button,
.quick-order-list-total__confirmation
  quick-order-list-remove-all-button
  .button,
quantity-popover quick-order-list-remove-button .button {
  --shadow-opacity: 0;
  --border-opacity: 0;
}

.quantity-popover__info-button {
  display: flex;
  align-items: center;
  margin: 0 0.4rem 0 0;
  min-width: 1.5rem;
  min-height: 1.5rem;
  --shadow-opacity: 0;
  --border-opacity: 0;
}

.quantity-popover__info-button--icon-with-label {
  text-align: left;
}

.quantity-popover__info-button--icon-with-label svg {
  flex-shrink: 0;
  width: 15px;
  height: 14px;
}

.quantity-popover__info-button--open {
  text-decoration: underline;
}

.quantity-popover__info-button span {
  padding-left: 1rem;
}

.quantity-popover__info-button--icon-only--animation svg {
  transform: scale(1.25);
}

.quantity-popover__info-button--icon-only svg {
  transition: transform var(--duration-default) ease;
  width: 15px;
  height: 14px;
}

@media screen and (max-width: 989px) {
  .quantity-popover__info.global-settings-popup {
    left: 0;
    top: 100%;
  }

  .quantity-popover__info-button {
    padding-left: 0;
  }
}

.quantity-popover__info .quantity__rules {
  margin-top: 1.2rem;
  margin-bottom: 1rem;
}

.quantity-popover__info .volume-pricing-label {
  display: block;
  margin-left: 1.2rem;
  margin-top: 1.2rem;
  font-size: 1.2rem;
}

.quantity-popover__info .button {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  top: 0.4rem;
  right: 0;
  padding: 0 1.2rem 0 0;
  display: flex;
  justify-content: flex-end;
}

.quantity-popover__info .volume-pricing-label ~ .button {
  top: -0.2rem;
}

.quantity-popover__info .button .icon {
  width: 1.5rem;
  height: 1.5rem;
}

quantity-popover volume-pricing {
  margin-top: 1.2rem;
  display: block;
}

quantity-popover .quantity__rules span:first-of-type {
  display: block;
}

.quantity-popover-container {
  display: flex;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.quantity-popover-container:not(.quantity-popover-container--hover) {
  align-items: center;
}

@media screen and (min-width: 990px) {
  .quantity-popover-container--empty {
    margin-right: 2.7rem;
  }

  .quantity-popover__info.global-settings-popup {
    width: 20rem;
  }

  .quantity-popover-container {
    width: auto;
    max-width: 20rem;
  }

  .quantity-popover__info.global-settings-popup {
    transform: translateX(-100%);
    top: 0.5rem;
  }
}

quantity-popover .quantity {
  background: rgb(var(--color-background));
}

quantity-popover .quantity__rules {
  margin-left: 0.8rem;
}

quantity-popover .quantity__rules .divider:nth-child(2)::before {
  content: none;
}

quantity-popover .quantity__button:not(:focus-visible):not(.focused),
quantity-popover .quantity__input:not(:focus-visible):not(.focused) {
  background-color: initial;
}
/* END_SNIPPET:quantity-popover-styles */

/* START_SNIPPET:quick-add-styles (INDEX:333) */
/*
  Source CSS for snippet quick-add-styles (no global Liquid asset link).
  Recreate snippet: node agent-tools/build-quick-add-styles.cjs
*/
.quick-add {
  position: relative;
  grid-row-start: 4;
  margin: 0 0 1rem;
  z-index: 1;
}

.card--card .quick-add {
  margin: 0 1.3rem 1rem;
}

.quick-add-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.quick-add-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.quick-add-modal .scroll-trigger.scroll-trigger {
  animation: none;
  opacity: 1;
  transform: none;
}

.quick-add-modal .quick-order-list__container {
  padding-bottom: 1.5rem;
}

.quick-add-modal__content.quick-add-modal__content--bulk {
  width: 90%;
}

.quick-add-modal__content {
  --modal-height-offset: 3.2rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: var(--modal-height-offset) auto 0;
  width: 100%;
  background-color: rgb(var(--color-background));
  overflow: hidden;
  max-width: var(--page-width);
  width: calc(100% - 3rem);
}

@media screen and (min-width: 750px) {
  .quick-add-modal__content {
    --modal-height-offset: 10rem;
    margin-top: var(--modal-height-offset);
    width: 80%;
    max-height: calc(100% - var(--modal-height-offset) * 2);
    overflow-y: auto;
  }

  quick-add-modal .quick-add-modal__toggle {
    top: 2rem;
    right: 2rem;
  }
}

@media screen and (min-width: 990px) {
  .quick-add-modal__content {
    width: 70%;
  }
}

.quick-add-modal__content img {
  max-width: 100%;
}

.quick-add-modal__content-info.quick-add-modal__content-info--bulk {
  padding-bottom: 0;
}

.quick-add-modal__content-info--bulk h3 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.quick-add-modal__content-info--bulk .price,
.quick-add-modal__content-info--bulk .card__information-volume-pricing-note {
  display: inline-block;
}

.section-bulk-quick-order-list-padding {
  padding-top: 2.7rem;
  padding-bottom: 2.7rem;
}

@media screen and (min-width: 750px) {
  .section-bulk-quick-order-list-padding {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
  }

  .quick-add-modal__content-info--bulk .card__information-volume-pricing-note {
    padding-left: 1.6rem;
  }
}

@media screen and (min-width: 990px) {
  .quick-add-modal__content-info.quick-add-modal__content-info--bulk {
    overflow-y: initial;
  }

  .quick-add-modal__content-info--bulk .quick-order-list__table th {
    padding-top: 2.5rem;
  }

  .quick-add-modal__content-info--bulk thead {
    position: sticky;
    z-index: 3;
    top: 0;
    background-color: rgb(var(--color-background));
  }
}

.quick-add-modal__content-info--bulk .quick-add__product-media,
.quick-add-modal__content-info--bulk .quick-add__product-container,
.quick-add-modal__content-info--bulk .quick-add__info {
  width: 4.8rem;
  height: 7rem;
}

.quick-add-modal__content-info--bulk-details {
  padding-left: 1rem;
}

.quick-add-modal__content-info--bulk-details > a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

@media screen and (min-width: 990px) {
  .quick-add-modal__content-info--bulk .quick-add__product-media,
  .quick-add-modal__content-info--bulk .quick-add__product-container,
  .quick-add-modal__content-info--bulk .quick-add__info {
    width: 17rem;
    height: 22rem;
  }

  .quick-add-modal__content-info--bulk-details,
  .quick-add-modal__content-info--bulk quick-order-list {
    padding: 0 2.5rem;
  }
}

.quick-add__product-media {
  margin-bottom: 1rem;
}

.quick-add-modal__content-info--bulk .quick-add__product-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quick-add-modal__content-info--bulk .quick-add__info {
  display: flex;
}

.quick-add-modal__content-info--bulk .quick-add__content-info__media {
  width: auto;
}

@media screen and (max-width: 989px) {
  .quick-add-modal__content-info--bulk .quick-add__content-info__media {
    display: flex;
    margin: 0;
  }

  .quick-add-modal__content-info--bulk quick-order-list {
    padding-left: 0;
    padding-right: 0;
  }

  .quick-add-modal__content-info.quick-add-modal__content-info--bulk {
    --modal-padding: 1.5rem;
  }
}

@media screen and (min-width: 990px) {
  .quick-add-modal__content-info--bulk .quick-add__info {
    flex-direction: column;
    position: sticky;
    top: 0;
    margin-top: -2.5rem;
    padding-top: 2.5rem;
  }
}

@media screen and (max-width: 989px) {
  .quick-add-modal__content-info--bulk {
    flex-direction: column;
  }
}

.quick-add-modal__content-info {
  --modal-padding: 2.5rem;
  padding-right: 4.4rem;
  display: flex;
  overflow-y: auto;
  padding: var(--modal-padding);
  height: 100%;
}

.quick-add-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.quick-add-modal__content-info > product-info {
  padding: 0;
}

@media screen and (max-width: 749px) {
  quick-add-modal .slider .product__media-item.grid__item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .quick-add-modal__content {
    bottom: var(--modal-height-offset);
  }

  .quick-add-modal__content-info > * {
    max-height: 100%;
  }

  quick-add-modal .product--mobile-columns .product__media-item {
    width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing));
  }
}

.quick-add-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 1.2rem;
  z-index: 5;
  width: 4rem;
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
}

.quick-add-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.quick-add-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

quick-add-modal .product:not(.featured-product) .product__view-details {
  display: block;
}

.quick-add-modal__content--bulk .product__view-details .icon {
  margin-left: 1.2rem;
}

quick-add-modal .quick-add-hidden,
quick-add-modal .product__modal-opener:not(.product__modal-opener--image),
quick-add-modal .product__media-item:not(:first-child) {
  display: none !important;
}

quick-add-modal .slider.slider--mobile {
  overflow: visible;
}

quick-add-modal .product__column-sticky .product__media-list {
  margin-bottom: 0;
}

quick-add-modal .product__media-list .deferred-media {
  display: block;
  width: 100%;
}

quick-add-modal .product__column-sticky {
  top: 0;
  position: relative;
}

@media screen and (min-width: 750px) {
  quick-add-modal .product:not(.product--no-media) .product__media-wrapper {
    max-width: 45%;
    width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  quick-add-modal .product:not(.product--no-media) .product__info-wrapper {
    padding-top: 0;
    padding-left: 4rem;
    max-width: 54%;
    width: calc(54% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  quick-add-modal
    .product--columns
    .product__media-item:not(.product__media-item--single):not(:only-child) {
    max-width: 100%;
    width: 100%;
  }

  quick-add-modal .thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: none;
  }
}

quick-add-modal .page-width {
  padding: 0;
}

quick-add-modal .product__title > h1 {
  display: none;
}

quick-add-modal .product__title > a {
  display: block;
  text-decoration: none;
}

quick-add-modal .product__title > a:hover {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  text-decoration-thickness: 0.3rem;
}

quick-add-modal .product-form__buttons {
  max-width: initial;
}

.quick-add__submit:not(.product-grid-item__actions__btn) {
  padding: 0.8rem;
  min-width: 100%;
  box-sizing: border-box;
}

quick-add-modal .product-media-container.constrain-height {
  --viewport-offset: calc(
    (
        var(--modal-height-offset) + var(--modal-padding) +
          var(--popup-border-width)
      ) * 2
  );
}

@media screen and (min-width: 750px) {
  quick-add-modal .product-media-container.constrain-height {
    --constrained-min-height: 400px;
  }
}

quick-add-bulk {
  position: relative;
  grid-row-start: 4;
  margin: 0 0 1rem;
  z-index: 1;
}

.card__content quick-add-bulk .quantity {
  width: 100%;
}

quick-add-bulk .progress-bar-container {
  position: absolute;
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: var(--inputs-radius-outset);
  border: var(--inputs-border-width) solid transparent;
  z-index: -1;
}

quick-add-bulk quantity-input {
  justify-content: space-between;
}

quick-add-bulk .quantity__input {
  max-width: calc(6.5rem / var(--font-body-scale));
  flex-grow: 0;
}

.quantity__input-disabled {
  pointer-events: none;
}
.quick-add-modal__content.rounded--corner {
  border-radius: 1.5rem;
}
/* END_SNIPPET:quick-add-styles */

/* START_SNIPPET:quick-order-list-styles (INDEX:336) */
quick-order-list {
  display: block;
}

quick-order-list .quantity {
  width: calc(11rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  min-height: calc((var(--inputs-border-width) * 2) + 3.5rem);
}

quick-order-list .quantity__button {
  width: calc(3.5rem / var(--font-body-scale));
}

.quick-order-list__contents {
  position: relative;
}

.quick-order-list__container {
  padding-bottom: 4rem;
}

.quick-order-list__container--disabled {
  pointer-events: none;
}

.quick-order-list__total {
  padding-top: 2rem;
  border-top: 0.1rem solid rgba(var(--color-foreground), 0.08);
}

.variant-item__quantity .quantity:before {
  z-index: 0;
}

.variant-item__quantity .quantity__button {
  z-index: 1;
}

.variant-item__image-container.global-media-settings::after {
  content: none;
}

@media screen and (min-width: 990px) {
  .quick-order-list__total {
    position: sticky;
    bottom: var(--sticky-bar-height, 0);
    z-index: 2;
    background-color: rgb(var(--color-background));
  }

  .variant-item__quantity-wrapper--no-info,
  .variant-item__error {
    padding-left: calc(15px + 3.4rem);
  }

  .variant-item__error {
    margin-left: 0.3rem;
  }

  .variant-item--unit-price .variant-item__totals {
    vertical-align: top;
  }

  .variant-item--unit-price .variant-item__totals .loading__spinner {
    padding-top: 1.7rem;
  }
}

.quick-order-list__table td,
.quick-order-list__table th {
  padding: 0;
  border: none;
}

.quick-order-list__table th {
  text-align: left;
  padding-bottom: 2rem;
  opacity: 0.85;
  font-weight: normal;
  font-size: 1.1rem;
}

.variant-item__quantity-wrapper {
  display: flex;
}

.variant-item__totals,
.variant-item__details,
.variant-item__price {
  position: relative;
}

.variant-item__price .price,
.variant-item__totals .price {
  display: block;
}

.quick-order-list__table *.right {
  text-align: right;
}

.variant-item__image-container {
  display: inline-flex;
  align-items: flex-start;
  height: 4.5rem;
  width: 4.5rem;
}

.variant-item__media {
  width: 4.5rem;
  height: 4.5rem;
  margin-inline-end: 1.2rem;
}

.variant-item__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media screen and (min-width: 990px) {
  .variant-item__image {
    max-width: 100%;
  }

  .variant-item__inner .small-hide {
    display: flex;
    flex-direction: column;
    align-self: center;
  }

  .variant-item:not(.variant-item--no-media) .variant-item__inner {
    display: flex;
  }

  .variant-item__discounted-prices {
    justify-content: flex-end;
  }
}

.variant-item__details {
  font-size: 1.6rem;
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}

.variant-item__details > * {
  margin: 0;
  max-width: 30rem;
}

.variant-item__info {
  position: relative;
  padding-bottom: 0.5rem;
}

.variant-item__name {
  display: block;
  font-size: 1.6rem !important;
  letter-spacing: 0.06rem !important;
  line-height: calc(1 + 0.5 / var(--font-body-scale)) !important;
}

.variant-item__sku {
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  margin-top: 0.2rem;
}

.variant-item__discounted-prices {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.variant-item__discounted-prices dd {
  margin: 0;
}

.variant-item__discounted-prices dd:first-of-type {
  margin-right: 0.8rem;
}

.variant-item__discounted-prices .variant-item__old-price {
  font-size: 1.4rem;
}

.variant-item__old-price {
  opacity: 0.7;
}

.variant-item__final-price {
  font-weight: 400;
}

.variant-item__sold-out {
  opacity: 0.7;
  font-size: 1.6rem;
  color: rgb(var(--color-foreground));
}

quick-order-list-remove-button {
  display: flex;
  margin: 0 0 0 1.2rem;
  align-self: center;
}

.quick-order-list__button-cancel {
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  quick-order-list-remove-button {
    width: 1.5rem;
    height: 1.5rem;
  }

  quick-order-list-remove-all-button {
    margin-left: -1.5rem;
    margin-top: 1rem;
  }

  .quick-order-list-total__column {
    flex-wrap: wrap;
  }

  .quick-order-list__message,
  .quick-order-list-error {
    padding-bottom: 1rem;
  }
}

quick-order-list-remove-button .button {
  min-width: calc(1.5rem / var(--font-body-scale));
  min-height: 1.5rem;
  padding: 0;
  margin: 0 0.1rem 0.1rem 0;
}
quick-order-list-remove-button .button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
  background-color: transparent;
}
quick-order-list-remove-button .icon-remove {
  height: 1.5rem;
  width: 1.5rem;
  transition: transform var(--duration-default) ease;
}

.variant-item .loading__spinner {
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  padding: 0;
}

.variant-remove-total {
  position: relative;
  align-self: center;
}

.variant-remove-total .button--tertiary {
  width: max-content;
}

.variant-remove-total .icon-remove {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.8rem;
}

.quick-order-list__message {
  margin-top: 1rem;
  display: block;
}

.quick-order-list__message .svg-wrapper {
  margin-right: 1rem;
  width: 1.3rem;
}

.quick-order-list-error {
  margin-top: 1rem;
  display: flex;
}

.quick-order-list-error .svg-wrapper {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.3rem;
  align-self: flex-start;
}

@media screen and (min-width: 990px) {
  .variant-item .loading__spinner {
    padding-top: 3rem;
    bottom: auto;
  }

  .variant-item .loading__spinner--error {
    padding-top: 5rem;
  }

  .variant-remove-total .loading__spinner {
    left: 2rem;
    top: 1.2rem;
  }

  .variant-remove-total--empty .loading__spinner {
    top: -1rem;
  }
}

quick-order-list-remove-button:hover .icon-remove {
  transform: scale(1.25);
}

.quick-order-list-total__info quick-order-list-remove-all-button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.variant-remove-total {
  position: relative;
  align-self: center;
}

.variant-item .loading__spinner:not(.hidden) ~ *,
.variant-remove-total .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}

.variant-item__error {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2rem;
  width: min-content;
  min-width: 100%;
}

.variant-item__error-text {
  font-size: 1.2rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  order: 1;
}

.variant-item__error-text + .svg-wrapper {
  flex-shrink: 0;
  width: 1.2rem;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
}

.variant-item__error-text:empty + .svg-wrapper {
  display: none;
}

.quick-order-list__table thead th {
  text-transform: uppercase;
}

.variant-item__image-container--no-img {
  border: 0;
}

@media screen and (max-width: 989px) {
  .quick-order-list-total__info {
    flex-direction: column;
    align-items: center;
  }

  .variant-item__details .loading__spinner {
    left: 0;
    top: auto;
  }

  .quick-order-list__table,
  .quick-order-list__table thead,
  .quick-order-list__table tbody {
    display: block;
    width: 100%;
  }

  .quick-order-list__table thead tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
    margin-bottom: 4rem;
  }

  .variant-item {
    display: grid;
    grid-template-columns: 4.5rem 1fr;
    grid-template-rows: repeat(2, auto);
    gap: 1.5rem;
    margin-bottom: 3.5rem;
  }

  .variant-item--no-media {
    grid-template: repeat(2, auto) / repeat(3, auto);
  }

  .variant-item:last-child {
    margin-bottom: 0;
  }

  .variant-item__totals {
    grid-column: 5 / 3;
  }

  .variant-item--no-media .variant-item__inner ~ .variant-item__quantity {
    grid-column: 1 / 5;
  }

  .variant-item__quantity {
    grid-column: 2 / 5;
  }

  .variant-item__quantity-wrapper {
    flex-wrap: wrap;
  }

  .variant-item--no-media .variant-item__inner {
    display: none;
  }

  .variant-remove-total {
    margin-top: 1rem;
    text-align: center;
  }

  .quick-order-list__message {
    text-align: center;
  }

  .quick-order-list-total__column,
  .quick-order-list-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .quick-order-list__button {
    max-width: 36rem;
  }
}

.quick-order-list__button-text {
  text-align: center;
}

.quick-order-list-total__confirmation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -2rem;
}

@media screen and (min-width: 990px) {
  .quick-order-list__table {
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: none;
    width: 100%;
    display: table;
  }

  .quick-order-list__table th {
    border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
  }

  .quick-order-list__table th + th {
    padding-left: 5.4rem;
  }

  .quick-order-list__table
    .quick-order-list__table-heading--wide
    + .quick-order-list__table-heading--wide {
    padding-left: 10rem;
    text-align: right;
  }

  .quick-order-list__table td {
    padding-top: 1.6rem;
  }

  .quick-order-list__table .desktop-row-error td {
    padding-top: 0;
  }

  .quick-order-list__table .desktop-row-error td {
    padding-top: 0;
  }

  .quick-order-list__table .variant-item--unit-price td {
    vertical-align: middle;
  }

  .variant-item {
    display: table-row;
  }

  .variant-item .variant-item__price {
    text-align: right;
  }

  .variant-item__info {
    width: 20rem;
    display: flex;
    padding: 0.5rem;
  }

  .quick-order-list-total__confirmation span {
    margin-right: 3rem;
  }

  .quick-order-list__total-items {
    width: calc(
      ((11rem / var(--font-body-scale) + var(--inputs-border-width) * 2))
    );
    margin-left: calc(15px + 3.4rem);
    flex-direction: column;
  }
}

@media screen and (min-width: 990px) {
  .quick-order-list__table thead th:first-child,
  .quick-order-list-total__column {
    width: 37%;
  }

  .quick-order-list-buttons {
    display: flex;
  }

  quick-order-list-remove-all-button {
    margin-left: 0.9rem;
  }
}

.quick-order-list__total-items {
  display: flex;
  align-items: center;
}

.quick-order-list__total-items span,
.totals__subtotal-value {
  margin-top: 0;
  margin-bottom: 0;
  color: rgb(var(--color-foreground));
}

.quick-order-list__total-items p,
.totals__subtotal {
  margin-top: 0.2rem;
  margin-bottom: 0;
}

.quick-order-list__total-items p {
  text-align: center;
}

.quick-order-list-total__info {
  display: flex;
}

.quick-order-list-total__info,
.quick-order-list-total__confirmation {
  min-height: 10rem;
}

.quick-order-list-total__price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-grow: 1;
  text-align: right;
  width: min-content;
}
.quick-order-list-total__price {
  .tax-note {
    text-align: end;
  }
}

.quick-order-list-total__price .button {
  margin-right: 2rem;
}

@media screen and (max-width: 989px) {
  .quick-order-list-total__price {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .totals__product-total {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    padding-bottom: 2rem;
  }

  .totals__subtotal-value,
  .quick-order-list__total-items span {
    margin-right: 1.2rem;
  }

  .quick-order-list__total-items {
    margin-top: 1rem;
    margin-bottom: 1.3rem;
  }

  .quick-order-list-total__price .button {
    margin-bottom: 2rem;
  }

  .quick-order-list-total__confirmation
    quick-order-list-remove-all-button
    button {
    margin-top: 1rem;
  }

  .quick-order-list-total__confirmation {
    flex-direction: column;
    margin-top: 2rem;
  }

  .quick-order-list__button-confirm {
    width: 100%;
    max-width: 36rem;
  }

  quick-order-list .tax-note {
    text-align: center;
  }
}

quick-order-list .tax-note {
  margin: 0 0 2rem;
  display: block;
  width: 100%;
}
.loading__spinner {
  width: 1.8rem;
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}
.totals__product-total p.totals__subtotal {
  font-size: 1.4rem;
}
/* END_SNIPPET:quick-order-list-styles */

/* START_SNIPPET:reels-video-styles (INDEX:340) */
.reels-video__card {
  display: flex;
  flex-direction: column;
}

.reels-video__card-link {
  display: block;
  overflow: hidden;
  cursor: pointer;
}

.reels-video__card-link:hover .reels-video__item--video video {
  transform: scale(1.03);
  transition: transform 0.4s ease;
}

.reels-video__item {
  overflow: hidden;
}

.reels-video__item.portrait {
  aspect-ratio: 9 / 16;
}

.reels-video__item.square {
  aspect-ratio: 1 / 1;
}

.reels-video__item.landscape {
  aspect-ratio: 16 / 9;
}

.reels-video__item.custom_4_7 {
  aspect-ratio: 4 / 7;
}

.reels-video__item.custom_4_9 {
  aspect-ratio: 4 / 9;
}

.reels-video__item--video {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.reels-video__item--rounded {
  border-radius: var(--reels-corner-radius, 12px);
}

.reels-video__slider .swiper-slide .reels-video__item--video {
  height: 100%;
}

.reels-video__item--video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.reels-video__item--video .reels-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reels-video__item--video .placeholder-svg {
  width: 100%;
  height: 100%;
}

/* Video overlay controls */
video-action-button {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.video-action-controls {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  color: white;
  gap: 1rem;
  z-index: 2;
}

.video-action-button {
  height: 4rem;
  width: 4rem;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(64, 64, 64, 0.5);
  border-radius: 10rem;
  cursor: pointer;
  border: none;
  padding: 0;
}

.video-action-button > svg {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

/* Product info below video */
.reels-product__below {
  padding: 1.2rem 0.2rem 0;
}

.reels-product__title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(var(--color-foreground));
}

.reels-product__title a {
  color: inherit;
  text-decoration: none;
}

.reels-product__title a:hover {
  text-decoration: underline;
}

.reels-product__price .price {
  font-size: 1.4rem;
}

.reels-product__price .price--on-sale .price-item--regular {
  font-size: 1.2rem;
}

.reels-product__social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
  color: rgb(var(--color-foreground));
  margin-top: 0.5rem;
  opacity: 0.75;
}

.reels-product__social svg {
  flex-shrink: 0;
}

/* Slider wrapper */
.reels-video__wrapper,
.reels-video__list-slider {
  position: relative;
}

/* Pagination */
.reels-video__pagination {
  margin-top: 2rem;
}
/* END_SNIPPET:reels-video-styles */

/* START_SNIPPET:reveal-text-animation-styles (INDEX:341) */
.text-word {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.text_layer__content > * {
  margin-bottom: 0rem;
}

.text_layer__content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: var(--layered-alignment, flex-start);
}

.text-char {
  transition: 0.3s;
  font-weight: 500;
}
/* END_SNIPPET:reveal-text-animation-styles */

/* START_SNIPPET:rich-text-styles (INDEX:342) */
/*
  Source: assets/section-rich-text.css
*/
.rich-text {
  text-align: center;
}
.rich-text__blocks {
  margin: auto;
  /* 2.5rem margin on left & right */
  width: 100%;
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.container-fluid .rich-text__blocks {
  /* 4rem (1.5rem + 2.5rem) margin on left & right */
  width: calc(100% - 8rem / var(--font-body-size));
}

@media screen and (min-width: 750px) {
  .rich-text__blocks:not(.rich-text-full-width) {
    max-width: 50rem;
  }

  .container-fluid .rich-text__blocks {
    /* 7.5rem (5rem + 2.5rem) margin on left & right */
    width: calc(100% - 15rem);
  }
}

@media screen and (min-width: 992px) {
  .rich-text__blocks:not(.rich-text-full-width) {
    max-width: 90rem;
  }
}

/* Blocks */

.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + * {
  margin-top: 2rem;
}

.rich-text__blocks > * + a {
  margin-top: 3rem;
}
/* Rich text size */
.rich-text__small {
  font-size: 1.6rem;
}
.rich-text__medium {
  font-size: 2rem;
}
.rich-text__large {
  font-size: 2.2rem;
}
@media only screen and (min-width: 750px) {
  .rich-text__large {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 991px) {
  .rich-text__medium {
    font-size: 2.4rem;
  }
  .rich-text__large {
    font-size: 3.2rem;
  }
}
.richt_text--heading {
  color: rgba(var(--color-foreground));
}
.rich-text__extra-large {
  font-size: 2.4rem;
}
@media only screen and (min-width: 750px) {
  .rich-text__extra-large {
    font-size: 3.8rem;
  }
}
.rich-text__extra-large-2 {
  font-size: 2.5rem;
}
@media only screen and (min-width: 750px) {
  .rich-text__extra-large-2 {
    font-size: 4.2rem;
  }
}
/* END_SNIPPET:rich-text-styles */

/* START_SNIPPET:scrolling-text-styles-rtl (INDEX:344) */
/*
  Source: assets/scrolling-text-rtl.css
*/
@keyframes scrolling-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes scrolling-right {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
/* END_SNIPPET:scrolling-text-styles-rtl */

/* START_SNIPPET:scrolling-text-styles (INDEX:345) */
/*
  Source: assets/scrolling-text.css
*/
.scrolling--text {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}

.scrolling--item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.scrolling--item.scrolling--animated {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--duration);
  animation-play-state: running;
  width: max-content;
  will-change: transform, width;
}

.scrolling--text--left .scrolling--animated {
  animation-name: scrolling-left;
}

.scrolling--text--right .scrolling--animated {
  animation-name: scrolling-right;
}

@media screen and (hover: hover) {
  .scrolling--text:hover .scrolling--animated {
    animation-play-state: paused;
  }
}

.scrolling--text--paused .scrolling--animated {
  animation-play-state: paused;
}

.scrolling--item__inner {
  margin: 0 1.5rem !important;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 1rem;
  --icon-height: 2.6rem;
}

.scrolling--text__content {
  white-space: nowrap;
}

@media screen and (min-width: 750px) {
  .scrolling--text .scrolling--item__inner {
    margin: 0 2.5rem;
  }

  .scrolling--item__inner.column--gap-medium {
    margin: 0 5rem;
  }

  .scrolling--item__inner.column--gap-large {
    margin: 0 8rem;
  }
}

@keyframes scrolling-left {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes scrolling-right {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@supports (-webkit-text-stroke: 0.1rem rgba(var(--color-foreground))) {
  .scrolling--item__text--stroke {
    color: rgba(0, 0, 0, 0) !important;
    -webkit-text-stroke-color: rgba(var(--color-foreground));
    -webkit-text-stroke-width: 0.1rem;
  }
}

.scrolling--item .media .image--fit {
  position: relative;
  width: auto;
  max-width: 100%;
  height: var(--scrolling-image-height, 150px);
}

.scrolling-logo--placeholder {
  max-width: var(--scrolling-image-height, 15rem);
  line-height: 1;
}

.scrolling-logo--placeholder .new-placeholder-svg {
  height: auto;
  max-width: 100%;
}

.scrolling-logo--placeholder {
  border-radius: var(--image-radius);
  overflow: hidden;
}

.scrolling--item__inner.image--column > .media {
  border-radius: var(--image-radius);
}

.scrolling-video--block .media {
  height: 10rem;
  width: calc(var(--scrolling-image-height, 15rem) * 1.7);
}



.scrolling-video--block .media > video {
  object-fit: cover;
  object-position: center center;
}

.scrolling--layout-tilt-down {
  transform: skewY(4deg) !important;
}

.scrolling--layout-tilt-up {
  transform: skewY(-4deg) !important;
}
/* END_SNIPPET:scrolling-text-styles */

/* START_SNIPPET:section-main-page-styles (INDEX:346) */
/*
  Source: assets/section-main-page.css
*/
.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
  }
}

.page-placeholder-wrapper {
  display: flex;
  justify-content: center;
}

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}
.main__page--wrapper:not(.color-background-1) {
  padding: 5rem;
}
/* END_SNIPPET:section-main-page-styles */

/* START_SNIPPET:section-main-product-rtl-styles (INDEX:347) */
.product-form__submit > svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
.accordion .icon-accordion {
  margin-right: 0;
  margin-left: 1rem;
}
/* END_SNIPPET:section-main-product-rtl-styles */

/* START_SNIPPET:section-main-product-styles (INDEX:348) */
:root {
  --media-shadow-vertical-offset: 4px;
  --media-shadow-visible: 0;
  --media-shadow-horizontal-offset: 0px;
  --media-border-width: 1px;
  --media-radius: 0px;
}
product-info {
  display: block;
}

media-gallery {
  display: block;
  width: 100%;
}

.product {
  margin: 0;
}

.product.grid {
  gap: 0;
}

.product--no-media {
  max-width: 57rem;
  margin: 0 auto;
}

.product__media-wrapper {
  padding-left: 0;
}

@media screen and (min-width: 750px) {
  .product__column-sticky {
    display: block;
    position: sticky;
    top: 3rem;
    z-index: 2;
  }

  .product--thumbnail .thumbnail-list {
    padding-right: var(--media-shadow-horizontal-offset);
  }

  .product__info-wrapper {
    padding: 0 0 0 5rem;
  }

  .product__info-wrapper--extra-padding {
    padding: 0 0 0 8rem;
  }

  .product--right .product__info-wrapper {
    padding: 0 5rem 0 0;
  }

  .product--right .product__info-wrapper--extra-padding {
    padding: 0 8rem 0 0;
  }

  .product--right .product__media-list {
    margin-bottom: 2rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }

  .product--right .product__media-wrapper {
    order: 2;
  }
}

@media screen and (min-width: 990px) {
  .product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 65%;
    width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media) .product__info-wrapper {
    padding: 0 0 0 4rem;
    max-width: 35%;
    width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media).product--right
    .product__info-wrapper {
    padding: 0 4rem 0 0;
  }

  .product--medium:not(.product--no-media) .product__media-wrapper,
  .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--medium:not(.product--no-media) .product__info-wrapper,
  .product--small:not(.product--no-media) .product__media-wrapper {
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

.shopify-payment-button__button {
  font-family: inherit;
  min-height: 4.6rem;
}

.shopify-payment-button__button [role="button"].focused {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important;
}

.shopify-payment-button__button [role="button"]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.shopify-payment-button__button [role="button"]:focus-visible {
  outline: 0.2rem solid rgba(var(--color-foreground), 0.5) !important;
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border)),
    0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important;
}
.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
  color: rgb(var(--color-button-text));
  font-size: calc(var(--button-font-size) * 1.6rem);
  line-height: 1;
  letter-spacing: var(--button-letter-spacing) !important;
  border-radius: var(--button-border-radius);
  text-transform: var(--button-text-case);
  padding: 1rem 2rem;
  font-weight: var(--button-font-weight);
}
.shopify-payment-button__button--unbranded::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.shopify-payment-button__more-options {
  margin: 1.6rem 0 1rem;
  font-size: 1.2rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.shopify-payment-button__button + .shopify-payment-button__button--hidden {
  display: none;
}

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 1.3rem;
  line-height: 1.4;
  letter-spacing: 0.04rem;
  margin-bottom: 1.5rem;
}

.product-form__error-message-wrapper .svg-wrapper {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.7rem;
  margin-top: 0.25rem;
}

.product-form__input {
  padding: 0;
  margin: 0 0 1.2rem;
  max-width: 44rem;
  min-width: fit-content;
  border: none;
}
.product-form__input .form__label {
  padding-left: 0;
}
.product-form__input .select {
  max-width: 100%;
}

.product-form__input .svg-wrapper {
  right: 1.5rem;
}

.product-form__submit[aria-disabled="true"]
  + .shopify-payment-button
  .shopify-payment-button__button[disabled],
.product-form__submit[disabled]
  + .shopify-payment-button
  .shopify-payment-button__button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled="true"] {
    color: Window;
  }
}

.shopify-payment-button__more-options {
  color: rgb(var(--color-foreground));
}

.shopify-payment-button__button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

.product__info-container > * + * {
  margin: 1.5rem 0;
}

.product__info-container iframe {
  max-width: 100%;
}

.product__info-container .product-form,
.product__info-container .product__description,
.product__info-container .icon-with-text {
  margin: 2.5rem 0;
}

.product__text {
  margin-bottom: 0;
}

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__text.caption-with-letter-spacing {
  text-transform: uppercase;
}

.product__title {
  word-break: break-word;
  margin-bottom: 1.5rem;
}

.product__title > * {
  margin: 0;
}

.product__title > a {
  display: none;
}

.product__title + .product__text.caption-with-letter-spacing {
  margin-top: -1.5rem;
}

.product__text.caption-with-letter-spacing + .product__title {
  margin-top: 0;
}

.product__accordion .accordion__content {
  padding: 0 1rem;
}

.product__info-container .product__accordion.accordion:first-of-type {
  margin-top: 1.5rem;
}

.product__info-container .product__accordion.accordion summary {
  padding: 1.2rem 0;
}

.product .price .badge {
  margin-bottom: 0.5rem;
}

.product .price__container {
  margin-bottom: 0.5rem;
}

.product .price dl {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product .price--sold-out .price__badge-sale {
  display: none;
}

@media screen and (min-width: 750px) {
  .product__info-container {
    max-width: 60rem;
  }

  .product__info-container .price--on-sale .price-item--regular {
    font-size: 1.6rem;
  }

  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

.product__description-title {
  font-weight: 600;
}

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media .product__tax,
.product--no-media .product__sku,
.product--no-media shopify-payment-terms {
  text-align: center;
}

.product--no-media .product__media-wrapper,
.product--no-media .product__info-wrapper {
  padding: 0;
}

.product__tax {
  margin-top: -1.4rem;
}

.product--no-media .share-button {
  max-width: 100%;
}

.product--no-media .product-form__quantity,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form {
  flex-direction: column;
}

.product--no-media .product-form > .form {
  max-width: 30rem;
  width: 100%;
}

.product--no-media .product-form__quantity {
  flex-direction: column;
  max-width: 100%;
}

.product-form__quantity .form__label {
  margin-bottom: 0.6rem;
  font-size: 1.3rem;
}

.price-per-item__label.form__label {
  margin-bottom: 0rem;
}

.product-form__quantity-top .form__label {
  margin-bottom: 1.2rem;
}

.product-form__buttons {
  max-width: 44rem;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .product-popup-modal__button {
  padding-right: 0;
}

.product--no-media .price {
  text-align: center;
}

.product__media-list video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

@media screen and (max-width: 749px) {
  .product__media-list {
    margin-left: -2.5rem;
    margin-bottom: 3rem;
    width: calc(100% + 4rem);
  }
  .slider.product__media-list::-webkit-scrollbar {
    height: 0.2rem;
    width: 0.2rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }

  .product__media-list .product__media-item {
    width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing));
  }

  .product--mobile-columns .product__media-item {
    width: calc(50% - 1.5rem - var(--grid-mobile-horizontal-spacing));
  }
}

@media screen and (min-width: 750px) {
  .product--thumbnail .product__media-list,
  .product--thumbnail_slider .product__media-list {
    padding-bottom: calc(
      var(--media-shadow-vertical-offset) * var(--media-shadow-visible)
    );
  }

  .product__media-list {
    padding-right: calc(
      var(--media-shadow-horizontal-offset) * var(--media-shadow-visible)
    );
  }

  .product--thumbnail .product__media-item:not(.is-active),
  .product--thumbnail_slider .product__media-item:not(.is-active) {
    display: none;
  }

  .product-media-modal__content
    > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }

  .product--thumbnail_slider .product__media-list {
    margin-left: 0;
  }

  .product__media-list .product__media-item {
    width: 100%;
  }
}
.product__media-icon,
.thumbnail__badge {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  width: 5rem;
  position: absolute;
  left: 1.2rem;
  top: 1.2rem;
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}
.product__media-icon .icon {
  width: 2rem;
}
.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener--image .product__media-toggle:hover {
  cursor: zoom-in;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }

  .product--columns
    .product__media-item:not(.product__media-item--single):not(:only-child) {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large.product--columns
    .product__media-item--full
    .deferred-media__poster-button {
    height: 5rem;
    width: 5rem;
  }

  .product--medium.product--columns
    .product__media-item--full
    .deferred-media__poster-button {
    height: 4.2rem;
    width: 4.2rem;
  }

  .product--medium.product--columns
    .product__media-item--full
    .deferred-media__poster-button
    .icon {
    width: 1.8rem;
    height: 1.8rem;
  }

  .product--small.product--columns
    .product__media-item--full
    .deferred-media__poster-button {
    height: 3.6rem;
    width: 3.6rem;
  }

  .product--small.product--columns
    .product__media-item--full
    .deferred-media__poster-button
    .icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}

@media screen and (min-width: 990px) {
  .product--stacked .product__media-item {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product:not(.product--columns)
    .product__media-list
    .product__media-item:first-child,
  .product:not(.product--columns)
    .product__media-list
    .product__media-item--full {
    width: 100%;
    max-width: 100%;
  }

  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 1;
  }
}

.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  display: flex;
  border: none;
  background-color: transparent;
  color: currentColor;
  padding: 0;
}

.product__media-toggle::after {
  content: "";
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: calc(var(--border-width) * -1);
  bottom: calc(var(--border-width) * -1);
  left: calc(var(--border-width) * -1);
  z-index: 2;
}

.product__media-toggle:focus-visible {
  outline: 0;
  box-shadow: none;
}

@media (forced-colors: active) {
  .product__media-toggle:focus-visible,
  .product__media-toggle:focus-visible:after {
    outline: transparent solid 1px;
    outline-offset: 2px;
  }
}
.product__media-toggle.focused {
  outline: 0;
  box-shadow: none;
}

.product__media-toggle:focus-visible:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product__media-toggle.focused:after {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

@media screen and (max-width: 749px) {
  .product--thumbnail
    .is-active
    .product__modal-opener:not(.product__modal-opener--image),
  .product--thumbnail_slider
    .is-active
    .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product--thumbnail .is-active .deferred-media,
  .product--thumbnail_slider .is-active .deferred-media {
    display: block;
    width: 100%;
  }
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 2rem;
  padding: 1.2rem;
  position: fixed;
  z-index: 2;
  top: 2rem;
  width: 4rem;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
    top: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }

  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-media-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

@media screen and (min-width: 750px) {
  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }
}

@media screen and (max-width: 749px) {
  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

.product__media-list .media > * {
  overflow: hidden;
}

.thumbnail-list {
  flex-wrap: wrap;
  grid-gap: 1rem;
}

.slider--mobile.thumbnail-list:after {
  content: none;
}

@media screen and (min-width: 750px) {
  .product--stacked .thumbnail-list {
    display: none;
  }

  .thumbnail-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.thumbnail-list_item--variant:not(:first-child) {
  display: none;
}

@media screen and (min-width: 990px) {
  .thumbnail-list {
    grid-template-columns: repeat(4, 1fr);
  }

  .product--medium .thumbnail-list {
    grid-template-columns: repeat(5, 1fr);
  }

  .product--large .thumbnail-list {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 749px) {
  .product__media-item {
    display: flex;
    align-items: center;
  }

  .product__modal-opener {
    width: 100%;
  }

  .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider {
    display: flex;
    padding: 0.5rem;
    flex: 1;
    scroll-padding-left: 0.5rem;
  }

  .thumbnail-list__item.slider__slide {
    width: calc(33% - 0.6rem);
    max-width: 7.5rem;
  }

  .thumbnail-list.slider--mobile .thumbnail-list__item.slider__slide {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .product--thumbnail_slider .product__media-wrapper media-gallery > slider-component:first-of-type ul.product__media-list.grid {
    margin-bottom: 0;
    row-gap: 0;
  }

  .product--thumbnail_slider .product__media-wrapper media-gallery .thumbnail-slider {
    margin-top: 1.2rem;
  }

  .product--thumbnail_slider .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: 0.35rem 0.5rem;
    flex: 1;
    scroll-padding-left: 0.5rem;
  }

  .product__media-wrapper .slider-mobile-gutter .slider-button {
    display: none;
  }

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(20% - 0.8rem);
  }

  .product--thumbnail_slider .slider-mobile-gutter .slider-button {
    display: flex;
  }
}

.thumbnail {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  color: rgb(var(--color-foreground));
  cursor: pointer;
  background-color: transparent;
}

.thumbnail:hover {
  opacity: 0.7;
}

.thumbnail.global-media-settings img {
  border-radius: 0;
}

.thumbnail[aria-current] {
  box-shadow: 0 0 0rem 0.1rem rgb(var(--color-foreground));
  border-color: rgb(var(--color-foreground));
}

.image-magnify-full-size {
  cursor: zoom-out;
  z-index: 1;
  margin: 0;
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.image-magnify-hover {
  cursor: zoom-in;
}

.product__modal-opener--image .product__media-zoom-none,
.product__media-icon--none {
  display: none;
}

.product__modal-opener > .loading__spinner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  display: flex;
  align-items: center;
  height: 48px;
  width: 48px;
}

.product__modal-opener .path {
  stroke: rgb(var(--color-button));
  opacity: 0.75;
}

@media (hover: hover) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .product__media-zoom-hover,
  .product__media-icon--hover {
    display: flex;
  }
}

.js .product__media {
  overflow: hidden !important;
}

.thumbnail[aria-current]:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
}

.thumbnail[aria-current]:focus,
.thumbnail.focused {
  outline: 0;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0rem 0.5rem rgba(var(--color-foreground), 0.5);
}

@media (forced-colors: active) {
  .thumbnail[aria-current]:focus,
  .thumbnail.focused {
    outline: transparent solid 1px;
  }
}
.thumbnail[aria-current]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-foreground));
}
.thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding: 0.5rem;
  border: 1px solid rgb(var(--color-foreground), 0.05);
}
.thumbnail__badge .icon {
  width: 1rem;
  height: 1rem;
}

.thumbnail__badge .icon-3d-model {
  width: 1.2rem;
  height: 1.2rem;
}

.thumbnail__badge {
  color: rgb(var(--color-foreground), 0.6);
  height: 2rem;
  width: 2rem;
  left: auto;
  right: calc(0.4rem + var(--media-border-width));
  top: calc(0.4rem + var(--media-border-width));
}

@media screen and (min-width: 750px) {
  .product:not(.product--small) .thumbnail__badge {
    height: 3rem;
    width: 3rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon {
    width: 1.2rem;
    height: 1.2rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon-3d-model {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail-list__item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product:not(.featured-product) .product__view-details {
  display: none;
}

.product__view-details {
  display: block;
  text-decoration: none;
}

.product__view-details:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.product__view-details .icon {
  width: 1.2rem;
  margin-left: 1.2rem;
  flex-shrink: 0;
}

.product__inventory {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product__inventory .svg-wrapper,
.product__inventory svg {
  width: 15px;
  height: 15px;
}

.product--no-media .product__inventory {
  justify-content: center;
}

.product__inventory.visibility-hidden:empty {
  display: block;
}

.product__inventory.visibility-hidden:empty::after {
  content: "#";
}

.product__inventory .icon-inventory-status circle:first-of-type {
  opacity: 0.3;
}

.icon-with-text {
  --icon-size: calc(var(--font-heading-scale) * 3rem);
  --icon-spacing: calc(var(--font-heading-scale) * 1rem);
}

.icon-with-text--horizontal {
  display: flex;
  justify-content: center;
  column-gap: 3rem;
  flex-direction: row;
}

.icon-with-text--vertical {
  --icon-size: calc(var(--font-heading-scale) * 2rem);
}

.icon-with-text .svg-wrapper {
  fill: rgb(var(--color-foreground));
  height: var(--icon-size);
  width: var(--icon-size);
}

.icon-with-text--horizontal .svg-wrapper,
.icon-with-text--horizontal img {
  margin-bottom: var(--icon-spacing);
}

.icon-with-text--vertical .svg-wrapper {
  min-height: var(--icon-size);
  min-width: var(--icon-size);
  margin-right: var(--icon-spacing);
}

.icon-with-text img {
  height: var(--icon-size);
  width: var(--icon-size);
  object-fit: contain;
}

.icon-with-text--vertical img {
  margin-right: var(--icon-spacing);
}

.icon-with-text--horizontal .h4 {
  padding-top: calc(var(--icon-size) + var(--icon-spacing));
  text-align: center;
}

.icon-with-text--horizontal .svg-wrapper + .h4,
.icon-with-text--horizontal img + .h4,
.icon-with-text--horizontal.icon-with-text--text-only .h4 {
  padding-top: 0;
}

.icon-with-text__item {
  display: flex;
  align-items: center;
}

.icon-with-text--horizontal .icon-with-text__item {
  flex-direction: column;
  width: 33%;
}

.icon-with-text--vertical .icon-with-text__item {
  margin-bottom: var(--icon-size);
}

.product__sku.visibility-hidden::after {
  content: "#";
}

.product-media-container {
  --aspect-ratio: var(--preview-ratio);
  --ratio-percent: calc(1 / var(--aspect-ratio) * 100%);
  position: relative;
  width: 100%;
  max-width: calc(100% - calc(var(--media-border-width) * 2));
}

.product-media-container.constrain-height {
  --viewport-offset: 400px;
  --constrained-min-height: 300px;
  --constrained-height: max(
    var(--constrained-min-height),
    calc(100vh - var(--viewport-offset))
  );
  margin-right: auto;
  margin-left: auto;
}

.product-media-container.constrain-height.media-fit-contain {
  --contained-width: calc(var(--constrained-height) * var(--aspect-ratio));
  width: min(var(--contained-width), 100%);
}

.product-media-container .media {
  padding-top: var(--ratio-percent);
}

.product-media-container.constrain-height .media {
  padding-top: min(var(--constrained-height), var(--ratio-percent));
}

@media screen and (max-width: 749px) {
  .product-media-container.media-fit-cover {
    display: flex;
    align-self: stretch;
  }

  .product-media-container.media-fit-cover .media {
    position: initial;
  }
  .grid__item.product__media-wrapper + .grid__item.product__info-wrapper {
    padding-top: 2em;
  }
}

@media screen and (min-width: 750px) {
  .product-media-container {
    max-width: 100%;
  }

  .product-media-container:not(.media-type-image) {
    --aspect-ratio: var(--ratio);
  }

  .product-media-container.constrain-height {
    --viewport-offset: 170px;
    --constrained-min-height: 500px;
  }

  .product-media-container.media-fit-cover,
  .product-media-container.media-fit-cover .product__modal-opener,
  .product-media-container.media-fit-cover .media {
    height: 100%;
  }

  .product-media-container.media-fit-cover .deferred-media__poster img {
    object-fit: cover;
    width: 100%;
  }
}

.product-media-container .product__modal-opener {
  display: block;
  position: relative;
}

@media screen and (min-width: 750px) {
  .product-media-container
    .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }
}

.recipient-form {
  --recipient-checkbox-margin-top: 0.64rem;
  display: block;
  position: relative;
  max-width: 44rem;
  margin-bottom: 2.5rem;
}

.recipient-form-field-label {
  margin: 0.6rem 0;
}

.recipient-form-field-label--space-between {
  display: flex;
  justify-content: space-between;
}

.recipient-checkbox {
  flex-grow: 1;
  font-size: 1.6rem;
  display: flex;
  word-break: break-word;
  align-items: center;
  max-width: inherit;
  position: relative;
  cursor: pointer;
}

.recipient-form > input[type="checkbox"] {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  margin: var(--recipient-checkbox-margin-top) 0;
  top: 0;
  left: 0;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
}

.recipient-fields__field {
  margin: 0 0 2rem 0;
}

.recipient-fields .field__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 3.5rem);
  overflow: hidden;
}

.recipient-checkbox > svg {
  margin-top: var(--recipient-checkbox-margin-top);
  margin-right: 1.2rem;
  flex-shrink: 0;
}

.recipient-form .icon-checkmark {
  visibility: hidden;
  position: absolute;
  left: 0.28rem;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 9px;
}

.recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
  visibility: visible;
}

.js .recipient-fields {
  display: none;
}

.recipient-fields hr {
  margin: 1.6rem auto;
}

.recipient-form > input[type="checkbox"]:checked ~ .recipient-fields {
  display: block;
  animation: animateMenuOpen var(--duration-default) ease;
}
.recipient-form
  > input[type="checkbox"]:not(:checked, :disabled)
  ~ .recipient-fields,
.recipient-email-label {
  display: none;
}

.js .recipient-email-label.required {
  display: inline;
}

.recipient-form ul {
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  padding-left: 4.4rem;
  text-align: left;
}

.recipient-form ul a {
  display: inline;
}

.recipient-form .error-message::first-letter {
  text-transform: capitalize;
}

@media screen and (forced-colors: active) {
  .recipient-fields > hr {
    border-top: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-checkbox > svg {
    background-color: inherit;
    border: 0.1rem solid rgb(var(--color-background));
  }

  .recipient-form > input[type="checkbox"]:checked + label .icon-checkmark {
    border: none;
  }
}
.product-form__cart--box.d-flex {
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.product__inventory {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.product__inventory > span {
  color: rgba(var(--color-foreground));
}
.product-variant-inventory {
  max-width: 50rem;
}
.product__countdown {
  display: flex;
}
.product__details_countdown .product__countdown > div + div {
  margin-left: 10px;
}

.product__countdown > * span {
  line-height: 1.8rem;
}
.product__details_countdown .product__countdown .countdown__inner {
  display: flex;
  flex-direction: column;
}
.product__details_countdown .product__countdown .countdown-item {
  position: relative;
}
.product__details_countdown span.countdown__labels {
  font-size: 1.6rem;
}
.product__details_countdown .product__countdown > * {
  text-align: center;
  background: var(--countdown-background);
  color: var(--countdown-foreground);
  border-radius: 3px;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
}
span.countdown__label {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
}
.timer__icon {
  width: 2.2rem;
  margin-right: 0.8rem;
}
.product__countdown {
  background-color: transparent;
}
.stock_countdown_progress {
  width: 100%;
  background: var(--progress-bar-background);
  height: 6px;
  border-radius: 3px;
}
span.stock_progress_bar {
  display: block;
  background: var(--progress-bar-foreground);
  background-attachment: fixed;
  height: 100%;
  transition: width 2.5s ease;
  border-radius: 3px 0 0 3px;
}
.stock__inventgory--status {
  margin-bottom: 5px;
}
.product__description iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.product__description img {
  max-width: 100%;
  height: auto;
}
.product-form__input.product-form__quantity {
  margin-bottom: 0;
}
.product-form__submit > svg {
  max-width: 2rem;
  margin-right: 0.5rem;
}
.product-form__submit {
  min-width: 18rem;
}
.product-form__buttons > * + * {
  max-width: 32.5rem;
}

ul.product__media-list.grid {
  margin-bottom: 1rem;
}

.rounded--media-thumbnail .thumbnail img,
.rounded--media-thumbnail .thumbnail {
  border-radius: 1rem;
}
.thumbnail-slider .slider-button {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  z-index: 9;
  border-radius: 50%;
  left: -15px;
}
.thumbnail-slider.slider--button-square .slider-button {
  border-radius: 0;
}
.thumbnail-slider button.slider-button--next {
  left: auto;
  right: -15px;
}
.thumbnail > svg {
  position: absolute;
  top: 10px;
  left: -5px;
  opacity: 0;
}
.thumbnail-slider .slider-button {
  color: rgb(var(--color-button-text));
  background: rgba(var(--color-button), var(--alpha-button-background));
}
.thumbnail-slider .slider-button[disabled] .icon,
.thumbnail-slider .slider-button:not([disabled]):hover {
  color: rgb(var(--color-button-text));
}
.thumbnail-slider .slider-button {
  opacity: 0;
}
.thumbnail-slider:hover .slider-button {
  opacity: 1;
}
.thumbnail-slider:hover button:disabled {
  opacity: 0.5;
}
@media only screen and (min-width: 750px) {
  .product--thumbnail .thumbnail-slider button:disabled,
  .product--stacked .thumbnail-slider button:disabled,
  .product--stacked .thumbnail-slider button {
    display: none;
  }
}
.quantity__rules-cart {
  position: relative;
}
.product__info-container .loading__spinner:not(.hidden) ~ *,
.quantity__rules-cart .loading__spinner:not(.hidden) ~ * {
  visibility: hidden;
}
.quantity__rules-cart .loading__spinner {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
  top: 0;
  left: 1rem;
}
.thumbnail-slider.slider--button-square .slider-button {
  border-radius: 0;
}
.discount__sale__text {
  background: rgba(var(--color-foreground));
  color: rgba(var(--color-background));
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 1.3rem;
  line-height: 1;
}
.save__disoucnt {
  line-height: 1.2;
  margin-left: 0.5rem;
}
@media screen and (max-width: 749px) {
  .product__media-list .product__media-item.grid__item {
    width: calc(100% - 3rem - var(--grid-mobile-horizontal-spacing));
    min-width: 100%;
  }
}
ul.product__payment {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
  flex-wrap: wrap;
}
a.vendor-link:hover {
    text-decoration: underline;
}
/* =========================================================
   WILL&YOU - PRODUCT PAGE CLEAN FINAL
   ========================================================= */


/* ---------- OPTION HEADERS ---------- */

.wy-product-option-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 0.65rem 0;
  padding: 0;
}

.wy-product-option-header__selection {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.wy-product-option-header__name {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.wy-product-option-header__separator {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: 0.55;
}

.wy-product-option-header__value {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.wy-product-option-header__guide {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
  white-space: nowrap;
}

.wy-product-option-header__guide .product-popup-modal__opener {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

.wy-product-option-header__guide .product-popup-modal__button {
  display: inline-flex !important;
  align-items: center;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: underline !important;
  text-decoration-thickness: 0.1rem !important;
  text-underline-offset: 0.3rem !important;
  background: transparent;
}

.wy-product-option-header__guide .product-popup-modal__button svg {
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin-right: 0.4rem !important;
}

.product-form__input--has-size-guide,
.wy-size-option-wrapper {
  max-width: 100%;
}


/* ---------- FREE SHIPPING MESSAGE ---------- */

.wy-free-shipping-message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6rem;
  margin: 0.75rem 0 0.85rem;
  padding: 0;
  color: #121212;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.25;
}

.wy-free-shipping-message__icon {
  width: 1.6rem;
  height: 1.6rem;
  min-width: 1.6rem;
  flex-shrink: 0;
  stroke: currentColor;
}

.wy-free-shipping-message span {
  margin: 0;
}


/* ---------- BACK IN STOCK ---------- */

.wy-back-in-stock {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0.45rem 0 0.15rem;
  box-sizing: border-box;
}

.wy-back-in-stock.hidden {
  display: none !important;
}

.wy-back-in-stock__button {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.8rem !important;
  height: 2.8rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem;
  margin: 0 !important;
  padding: 0.35rem 0.5rem !important;
  background: #121212 !important;
  color: #ffffff !important;
  border: 1px solid #121212 !important;
  border-radius: 0 !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-align: center;
  cursor: pointer;
}

.wy-back-in-stock__button span {
  color: inherit !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0.1px !important;
  white-space: nowrap !important;
}

.wy-back-in-stock__button svg {
  width: 0.85rem !important;
  height: 0.85rem !important;
  min-width: 0.85rem !important;
  margin: 0 !important;
  flex-shrink: 0;
  fill: currentColor;
  color: currentColor;
}

.wy-back-in-stock__button:hover {
  background: #ffffff !important;
  color: #121212 !important;
}


/* ---------- PRICE / SEZZLE ---------- */

.product .product__info-container .sezzle-shopify-info-button {
  margin-top: 0.8rem !important;
  margin-bottom: 0.3rem !important;
  line-height: 1.3 !important;
  position: static !important;
}

.product .price__container {
  margin-bottom: 0.4rem !important;
}

.product .product__tax {
  margin-top: 0.3rem !important;
}


/* ---------- VARIANT SPACING ---------- */

variant-selects {
  display: block !important;
}

variant-selects .product-form__input {
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}

variant-selects .product-form__input + .product-form__input {
  margin-top: 0.35rem !important;
}

.wy-size-option-wrapper {
  margin-top: 0.35rem !important;
}

.wy-size-option-wrapper .wy-product-option-header {
  margin-top: 0 !important;
}


/* ---------- SWATCHKING SPACING ---------- */

variant-swatch-king {
  display: block !important;
}

variant-swatch-king > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

variant-swatch-king .swatches,
variant-swatch-king .swatches-type-products {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

variant-swatch-king ul.swatch-view,
variant-swatch-king ul.swatch-view.swatch-view-custom-image,
variant-swatch-king ul.swatch-view.swatch-view-custom-image.swatch-with-tooltip {
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}


/* ---------- MOBILE ---------- */

@media screen and (max-width: 749px) {

  .grid__item.product__media-wrapper + .grid__item.product__info-wrapper {
    padding-top: 1rem !important;
  }

  .product--thumbnail_slider .product__media-wrapper media-gallery .thumbnail-slider,
  .product--thumbnail .product__media-wrapper media-gallery .thumbnail-slider {
    margin-bottom: 0.45rem !important;
  }

  .product__info-container > * + * {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .product__info-container .product-form {
    margin-top: 1rem !important;
    margin-bottom: 0.95rem !important;
  }

  .product-variant-inventory,
  .product__inventory,
  .stock__inventgory--status {
    font-size: 1rem !important;
    line-height: 1.15 !important;
    margin-bottom: 0.25rem !important;
  }

  .product__inventory > span {
    opacity: 0.72;
  }

  .product__title {
    margin-top: 0 !important;
    margin-bottom: 0.6rem !important;
  }

  .product__title h1,
  .product__title .h1,
  .product__title .h2,
  .product__title .h3,
  .product__title .h4,
  .product__title .h5,
  .product__title .h6 {
    font-size: 1.45rem !important;
    line-height: 1.18 !important;
  }

  .price__box_wrapper {
    align-items: center !important;
    gap: 0.45rem !important;
    margin-bottom: 0.35rem !important;
  }

  .product__info-container .price,
  .product__info-container .price-item,
  .product__info-container .price-item--regular,
  .product__info-container .price-item--sale,
  .product__info-container .price-item--last {
    font-size: 1.55rem !important;
    line-height: 1.15 !important;
  }

  .product .price__container {
    margin-top: 0 !important;
    margin-bottom: 0.2rem !important;
  }

  .product .price dl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .product .price .badge,
  .discount__sale__text {
    font-size: 0.82rem !important;
    line-height: 1 !important;
    padding: 0.25rem 0.45rem !important;
    margin-bottom: 0 !important;
  }

  .save__disoucnt {
    margin-left: 0.2rem !important;
    line-height: 1 !important;
  }

  .product .product__info-container .sezzle-shopify-info-button {
    margin-top: 0.55rem !important;
    margin-bottom: 0.2rem !important;
    line-height: 1.2 !important;
    position: static !important;
  }

  .product .product__info-container .sezzle-shopify-info-button,
  .product .product__info-container .sezzle-shopify-info-button *,
  .installment,
  .installment * {
    font-size: 1rem !important;
    line-height: 1.2 !important;
  }

  .product__tax {
    margin-top: 0.2rem !important;
    margin-bottom: 0.7rem !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
  }

  variant-selects .product-form__input {
    width: 100%;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0.65rem !important;
  }

  variant-selects .product-form__input + .product-form__input {
    margin-top: 0.25rem !important;
  }

  .wy-size-option-wrapper {
    margin-top: 0.25rem !important;
  }

  .wy-product-option-header {
    width: 100%;
    gap: 0.7rem;
    margin-bottom: 0.5rem !important;
  }

  .wy-product-option-header__selection {
    gap: 0.25rem;
  }

  .wy-product-option-header__name,
  .wy-product-option-header__separator,
  .wy-product-option-header__value {
    font-size: 1.2rem !important;
    line-height: 1.15 !important;
  }

  .wy-product-option-header__name {
    font-weight: 600 !important;
  }

  .wy-product-option-header__value {
    font-weight: 500 !important;
  }

  .wy-product-option-header__guide .product-popup-modal__button {
    font-size: 0.95rem !important;
  }

  .wy-product-option-header__guide .product-popup-modal__button svg {
    width: 1.1rem !important;
    height: 1.1rem !important;
  }

  .product-form__input--pill input[type='radio'] + label,
  .product-form__input--swatch input[type='radio'] + label {
    margin-bottom: 0.35rem !important;
  }

  variant-swatch-king ul.swatch-view,
  variant-swatch-king ul.swatch-view.swatch-view-custom-image,
  variant-swatch-king ul.swatch-view.swatch-view-custom-image.swatch-with-tooltip {
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
  }

  .product-form__cart--box.d-flex {
    gap: 0.85rem !important;
    margin-bottom: 0.45rem !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
  }

  .product-form__quantity .form__label {
    margin-bottom: 0.35rem !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
  }

  .product-form__quantity {
    min-width: 0 !important;
    margin-bottom: 0 !important;
  }

  .quantity {
    min-height: 3.8rem !important;
  }

  .quantity__input,
  .quantity__button {
    font-size: 1.1rem !important;
  }

  .product__add__cart__button {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .product-form__submit {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 3.8rem !important;
    padding: 0.7rem 0.9rem !important;
    font-size: 0.95rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0.08rem !important;
  }

  .product-form__submit > svg {
    max-width: 1.35rem !important;
    margin-right: 0.35rem !important;
  }

  .wy-free-shipping-message {
    gap: 0.5rem;
    margin: 0.65rem 0 0.75rem;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 500;
  }

  .wy-free-shipping-message__icon {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem !important;
  }

  .shopify-payment-button__button {
    min-height: 4rem !important;
    font-size: 1.15rem !important;
  }

  .shopify-payment-button__more-options {
    margin: 0.75rem 0 0.65rem !important;
    font-size: 0.95rem !important;
  }

  ul.product__payment {
    gap: 0.5rem !important;
  }

  .product__info-container .product__accordion.accordion:first-of-type {
    margin-top: 0.8rem !important;
  }

  .product__info-container .product__accordion.accordion summary {
    padding: 0.9rem 0 !important;
  }
}
/* =========================================================
   WILL&YOU - LIBELLÉS COULEUR / GRANDEUR
   DESKTOP + MOBILE
   ========================================================= */

/* -------- COULEUR - SWATCHKING -------- */

variant-swatch-king .swatch-label,
variant-swatch-king .swatch-title,
variant-swatch-king .swatch-selected-value {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

variant-swatch-king .swatch-label,
variant-swatch-king .swatch-title {
  font-weight: 600 !important;
}

/* -------- GRANDEUR -------- */

.product-form__input .form__label,
.product-form__input legend.form__label,
.wy-product-option-header,
.wy-product-option-header__selection {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.product-form__input .form__label strong,
.product-form__input legend.form__label strong,
.wy-product-option-header__name {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1px !important;
}

/* Valeur sélectionnée */
.product-form__input .form__label span,
.product-form__input legend.form__label span,
.wy-product-option-header__value {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}


/* -------- MOBILE -------- */

@media screen and (max-width: 749px) {

  variant-swatch-king .swatch-label,
  variant-swatch-king .swatch-title,
  variant-swatch-king .swatch-selected-value,
  .product-form__input .form__label,
  .product-form__input legend.form__label,
  .wy-product-option-header,
  .wy-product-option-header__selection,
  .product-form__input .form__label strong,
  .product-form__input legend.form__label strong,
  .wy-product-option-header__name,
  .product-form__input .form__label span,
  .product-form__input legend.form__label span,
  .wy-product-option-header__value {
    font-size: 12px !important;
  }

}
/* =========================================================
   WILL&YOU - ESPACE AVANT COULEUR - MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  variant-swatch-king .swatches,
  variant-swatch-king .swatches-type-products {
    padding-top: 10px !important;
  }

}/* =========================================================
   WILL&YOU - AJOUTER AU PANIER + LIVRAISON
   ========================================================= */

/* BOUTON AJOUTER AU PANIER */
.product-form__submit {
  background: #121212 !important;
  color: #ffffff !important;
  border-color: #121212 !important;

  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
}

.product-form__submit span {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.7px !important;
  text-transform: uppercase !important;
}

.product-form__submit svg {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Hover desktop */
.product-form__submit:hover {
  background: #ffffff !important;
  color: #121212 !important;
}

.product-form__submit:hover span,
.product-form__submit:hover svg {
  color: #121212 !important;
}


/* LIVRAISON GRATUITE SUR UNE SEULE LIGNE */
.wy-free-shipping-message {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.wy-free-shipping-message span {
  white-space: nowrap !important;
}


/* MOBILE */
@media screen and (max-width: 749px) {

  .product-form__submit,
  .product-form__submit span {
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
  }

  .wy-free-shipping-message {
    gap: 0.4rem !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  .wy-free-shipping-message__icon {
    width: 1.35rem !important;
    height: 1.35rem !important;
    min-width: 1.35rem !important;
  }
}/* =========================================================
   WILL&YOU - ESPACE TITRE / PRIX - MOBILE
   ========================================================= */

@media screen and (max-width: 749px) {

  .product__title {
    margin-bottom: 8px !important;
  }
 }/* =========================================================
   WILL&YOU - GALERIE PRODUIT MOBILE FINAL
   Grande photo pleine largeur + swipe
   Miniatures scrollables sous la photo
   ========================================================= */

@media screen and (max-width: 749px) {

  /* =======================================================
     1. GRANDE GALERIE PRINCIPALE
     ======================================================= */

  .product__media-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .product__media-wrapper media-gallery {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  /* Le slider principal occupe toute la largeur */
  .product__media-wrapper
  media-gallery
  > slider-component:first-of-type {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Liste des grandes photos */
  .product__media-list,
  ul.product__media-list.grid,
  .slider.product__media-list {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    gap: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }

  .product__media-list::-webkit-scrollbar,
  .slider.product__media-list::-webkit-scrollbar {
    display: none;
  }

  /* Chaque grande photo = exactement 100 % du bloc */
  .product__media-list .product__media-item,
  .product__media-list .product__media-item.grid__item {
    flex: 0 0 100% !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start !important;
  }

  /* Conteneur de chaque image */
  .product-media-container {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .product-media-container .product__modal-opener,
  .product-media-container .product__media,
  .product-media-container .media {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* La photo remplit réellement le bloc */
  .product__media img,
  .product-media-container img {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    display: block !important;
    object-fit: cover !important;
  }


  /* =======================================================
     2. MINIATURES SOUS LA GRANDE PHOTO
     ======================================================= */

  .product--thumbnail_slider
    .product__media-wrapper
    media-gallery
    .thumbnail-slider,
  .product--thumbnail
    .product__media-wrapper
    media-gallery
    .thumbnail-slider {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 10px !important;
    margin-bottom: 8px !important;

    padding: 0 !important;

    overflow: hidden !important;
  }


  /* Vrai scroller horizontal */
  .thumbnail-slider .thumbnail-list.slider,
  .thumbnail-slider .thumbnail-list.slider--mobile {

    display: flex !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 2px 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x proximity !important;
    scroll-padding-left: 0 !important;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
  }

  .thumbnail-slider .thumbnail-list.slider::-webkit-scrollbar,
  .thumbnail-slider .thumbnail-list.slider--mobile::-webkit-scrollbar {
    display: none;
  }


  /* Miniatures compactes */
  .thumbnail-list__item.slider__slide,
  .thumbnail-list.slider--mobile
    .thumbnail-list__item.slider__slide {

    flex: 0 0 64px !important;

    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start !important;
  }


  /* Miniature carrée */
  .thumbnail-list__item::before {
    padding-bottom: 100% !important;
  }

  .thumbnail-list__item .thumbnail {
    width: 100% !important;
    height: 100% !important;
  }

  .thumbnail-list__item .thumbnail img {
    width: 100% !important;
    height: 100% !important;

    padding: 1px !important;

    object-fit: cover !important;
  }


  /* Masque les flèches :
     navigation directement au doigt */
  .thumbnail-slider .slider-button {
    display: none !important;
  }

}/* =========================================================
   WILL&YOU - GRANDEURS COMPACTES SUR 1 LIGNE
   MOBILE UNIQUEMENT
   ========================================================= */

@media screen and (max-width: 749px) {

  /* Le titre GRANDEUR reste sur sa propre ligne */
  variant-selects fieldset.product-form__input--pill {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 6px !important;

    margin: 0 0 0.75rem !important;
    padding: 0 !important;
  }

  variant-selects fieldset.product-form__input--pill > legend.form__label {
    flex: 0 0 100% !important;
    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 !important;
  }

}
/* END_SNIPPET:section-main-product-styles */

/* START_SNIPPET:section-product-recommendations-styles (INDEX:349) */
.product-recommendations {
  display: block;
}

.product-recommendations__heading {
  margin: 0;
  margin-bottom: 3rem;
}
/* END_SNIPPET:section-product-recommendations-styles */

/* START_SNIPPET:section-slider-button-controls-styles (INDEX:350) */
/*  Slider button css */
.product__slider--button:after {
  display: none;
}
.product__slider--button {
  background: rgba(var(--color-background), 0);
  color: rgba(var(--color-foreground), 0.9);
  padding: 0;
  transition: var(--transition);
  position: unset;
  left: unset;
  right: unset;
  margin: 0;
}
.product__slider--button:not(.button--no_border) {
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.7);
  flex-shrink: 0;
}
.product__slider--button.button--round {
  border-radius: var(--slider-button-radius, 50%);
}
.product__slider--button.button--sqaure {
  border-radius: 0;
}
.slider--controls--button:not(.slideshow--slider) {
  gap: 2rem;
  @media only screen and (max-width: 749px) {
    gap: 1.2rem;
  }
}
.product__slider--button:not(.button--no_border):hover,
.product__slider--button:not(.button--no_border):focus-visible {
  background: var(--slider-button-background);
  border-color: var(--slider-button-background);
  color: var(--slider-button-color);
  box-shadow: 0 0.4rem 0.4rem rgba(var(--color-foreground), 0.2);
}
/* Override Swiper bundle defaults (often blue); inherit section color scheme / custom nav overrides. */
.product__slider--button.swiper-button-next,
.product__slider--button.swiper-button-prev {
  --swiper-theme-color: rgb(var(--color-foreground));
  --swiper-navigation-color: rgb(var(--color-foreground));
  color: rgba(var(--color-foreground), 0.9);
}
/*
  Header / top-row sliders: cancel Swiper core `.swiper-button-* { position: absolute; top: 50% }`
  when controls are intentionally in the heading row (`slider--controls--button` without `slider--navgaition-button-absolute`).
*/
.slider--controls--button:not(.slider--navgaition-button-absolute):not(.slideshow--slider)
  .product__slider--button.swiper-button-prev,
.slider--controls--button:not(.slider--navgaition-button-absolute):not(.slideshow--slider)
  .product__slider--button.swiper-button-next {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  margin-top: 0;
  margin-bottom: 0;
  transform: none;
}
.productSlider.swiper:not(.swiper-initialized) .swiper-wrapper {
  gap: 2rem;
}
@media only screen and (min-width: 992px) {
  [data-show-extra-large="4"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(25% - 1rem);
  }
  [data-show-extra-large="5"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(20% - 1rem);
  }
  [data-show-extra-large="3"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(33.33% - 1rem);
  }
  [data-show-extra-large="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  [data-show-tablet="3"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(33.33% - 1rem);
  }
  [data-show-tablet="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
}
@media only screen and (min-width: 750px) {
  .slider--navgaition-button-absolute .product__slider--button {
    top: var(--slider-navigation-top-offset, 50%);
    margin-top: -2.5rem;
    position: absolute;
    z-index: 10;
  }
  .slider--navgaition-button-absolute
    .swiper-button-prev.product__slider--button {
    left: 0;
  }
  .slider--navgaition-button-absolute
    .swiper-button-next.product__slider--button {
    right: 0;
  }
  .testimonial--slider.slider--navgaition-button-absolute
    .product__slider--button {
    top: calc(var(--slider-navigation-top-offset, 50%) + 5rem);
  }
  .slider__heading--wrapper {
    gap: 2rem;
  }
  .product__slider--button:not(.button--no_border).navigation--icon-long_arrow
    > svg {
    width: 3.2rem;
  }
}
@media only screen and (max-width: 749px) {
  .slider__heading--wrapper.d-flex {
    flex-direction: column;
    align-items: center;
  }
  .product__slider--button:not(.button--no_border) {
    width: 4.5rem;
    height: 4.5rem;
  }
  .product__slider--button:not(.button--no_border):not(
      .navigation--icon-long_arrow
    ):not(.navigation--icon-small_arrow)
    > svg {
    max-width: 0.8rem;
  }
  .product__slider--button:not(.button--no_border):is(
      .navigation--icon-long_arrow
    )
    > svg {
    max-width: 2.2rem;
  }
  .slider--controls--button:not(.slider--navgaition-button-absolute):not(
      .navigation--button-no-space
    ) {
    margin-top: 2.5rem;
  }
  [data-show-mobile="2"]
    .productSlider.swiper:not(.swiper-initialized)
    .swiper-wrapper
    .swiper-slide {
    width: calc(50% - 1rem);
  }
  .slider--controls--button.slider--navgaition-button-absolute {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .slider--controls--button.slider--navgaition-button-absolute:not(
      .testimonial--slider
    ) {
    margin-top: 3rem;
  }
  .slider--controls--button.slider--navgaition-button-absolute
    .swiper-pagination.product__slider--pagination {
    width: auto;
  }
  .mobile-text-center + .section--top-navigation-with-button,
  .mobile-text-center + .slider--controls--button {
    justify-content: center;
  }
  .section--top-navigation-with-button .view--all-button-wrapper {
    order: -1;
  }
  .section--top-navigation-with-button {
    gap: 2rem;
    flex-wrap: wrap;
  }
}
.productSlider .swiper-wrapper {
  box-sizing: border-box;
}
html[dir="rtl"] .product__slider--button > svg {
  transform: rotate(-180deg);
}
@media only screen and (min-width: 750px) {
  html[dir="rtl"]
    .slider--navgaition-button-absolute
    .swiper-button-next.product__slider--button {
    right: auto;
    left: 0;
  }
  html[dir="rtl"]
    .slider--navgaition-button-absolute
    .swiper-button-prev.product__slider--button {
    left: auto;
    right: 0;
  }
}
.product__slider--button.button--no_border {
  width: auto;
  height: auto;
  padding: 0.5rem;
}
.product__slider--button.navigation--icon-long_arrow.button--no_border > svg {
  opacity: 0.5;
  width: 4rem;
  transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.product__slider--button.navigation--icon-long_arrow.button--no_border:hover
  > svg {
  transform: scaleX(1.1);
  opacity: 1;
}
html[dir="rtl"]
  .product__slider--button.navigation--icon-long_arrow.button--no_border:hover
  > svg {
  transform: rotate(-180deg) scaleX(1.1);
}
.slider--controls--button:not(
    .slideshow--slider
  ).navigation--button-controls-no_border {
  gap: 1rem;
}
/* Progress bar styling — beat Swiper bundle fill (defaults to --swiper-theme-color / blue) */
.swiper-pagination.product__slider--pagination.pagination--progressbar,
.swiper-pagination.product__slider--pagination.pagination--progressbar.swiper-pagination-progressbar {
  --swiper-pagination-color: rgb(var(--color-foreground));
  --swiper-theme-color: rgb(var(--color-foreground));
  background: rgba(var(--color-foreground), 0.15);
  border-radius: 1rem;
  height: 0.2rem;
  &.nav-button-with-progressbar {
    width: 40%;
  }
}

.pagination--progressbar:not(.nav-button-with-progressbar) {
  margin-top: 6rem;
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
.swiper-pagination.product__slider--pagination.pagination--progressbar .swiper-pagination-progressbar-fill {
  background: rgb(var(--color-foreground)) !important;
}
.swiper-pagination.pagination--section-bottom {
  margin-top: 5rem;
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
/* Section slider navigation with button css  */
.section--top-navigation-with-button {
  gap: 2rem;
  @media only screen and (min-width: 750px) {
    gap: 3rem;
  }
}
.section-heading + .section--top-navigation-with-button {
  @media only screen and (max-width: 749px) {
    margin-top: 1rem;
  }
}
.section-heading:has(.section-heading__sub_title)
  + .section--top-navigation-with-button {
  @media only screen and (max-width: 749px) {
    margin-top: 3rem;
  }
}
.section-heading:has(.section-heading__sub_title) + .view--all-button-wrapper {
  @media only screen and (max-width: 749px) {
    margin-top: 2.5rem;
  }
}
.slideshow-controls-bottom-margin {
  margin-top: 3rem;
  @media only screen and (min-width: 750px) {
    margin-top: 5rem;
  }
}
.slider--pagination-width-auto .swiper-pagination.product__slider--pagination {
  width: auto;
}
.navigation--icon-small_arrow > svg {
  width: 2.8rem;
}
.product__slider--button.navigation--icon-small_arrow:not(.button--no_border)
  > svg {
  @media only screen and (max-width: 749px) {
    width: 2rem;
  }
}
.swiper-pagination.product__slider--pagination {
    position: unset;
}
/* END_SNIPPET:section-slider-button-controls-styles */

/* START_SNIPPET:section (INDEX:351) */
.section-wrapper {
    --section-height-offset: 0px;
  }

  .section-scheme {
    position: relative;
  }

  .section-background {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .section-container {
    position: relative;
    z-index: 1;
    --section-height-small: 30svh;
    --section-height-medium: 50svh;
    --section-height-large: 70svh;
    min-height: var(--section-min-height);
    padding-block-start: var(--padding-block-start, 0);
    padding-block-end: var(--padding-block-end, 0);
    padding-inline-start: var(--padding-inline-start, 15px);
    padding-inline-end: var(--padding-inline-end, 15px);
  }

  .section--page-width {
    max-width: var(--page-width);
    margin-inline: auto;
  }

  .section--full-width {
    max-width: 100%;
  }

  .section[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }

  .section[data-shopify-visual-preview] .custom-section-background {
    display: none;
  }

  body:has(> #header-group > .header-section > #header-component[transparent]):not(
      :has(> #header-group > .header-section + .shopify-section)
    )
    > main
    > .section-wrapper:first-child {
    --section-height-offset: var(--header-group-height, 0);
  }

  .custom-section-background {
    grid-column: 1 / -1;
  }

  .section--contained {
    position: relative;
    min-height: inherit;
    padding-block-start: var(--padding-block-start, 0);
    padding-block-end: var(--padding-block-end, 0);
    padding-inline-start: var(--padding-inline-start, 15px);
    padding-inline-end: var(--padding-inline-end, 15px);
  }

  .custom-section-content {
    position: relative;
    z-index: 2;
    min-height: inherit;
  }

  @media screen and (max-width: 749px) {
    .section-container {
      padding-block-start: calc(var(--padding-block-start, 0) * var(--padding-mobile-scale, 1));
      padding-block-end: calc(var(--padding-block-end, 0) * var(--padding-mobile-scale, 1));
      padding-inline-start: calc(var(--padding-inline-start, 15px) * var(--padding-mobile-scale, 1));
      padding-inline-end: calc(var(--padding-inline-end, 15px) * var(--padding-mobile-scale, 1));
    }

    .section--contained {
      padding-block-start: calc(var(--padding-block-start, 0) * var(--padding-mobile-scale, 1));
      padding-block-end: calc(var(--padding-block-end, 0) * var(--padding-mobile-scale, 1));
      padding-inline-start: calc(var(--padding-inline-start, 15px) * var(--padding-mobile-scale, 1));
      padding-inline-end: calc(var(--padding-inline-end, 15px) * var(--padding-mobile-scale, 1));
    }
  }
/* END_SNIPPET:section */

/* START_SNIPPET:share-button-rtl-styles (INDEX:352) */
/*
  Source: assets/share-button-rtl.css
*/
html[dir="rtl"] {
  .social-links a {
    margin: 0 0 10px 10px;
  }
  .social__share--text {
    margin-left: 0;
    margin-right: 5px;
  }
  .share-button__button .icon-share {
    margin-right: 0;
    margin-left: 1rem;
  }
}
/* END_SNIPPET:share-button-rtl-styles */

/* START_SNIPPET:share-button-styles (INDEX:353) */
.social-links a {
    display: inline-flex;
    margin: 0 10px 10px 0;
    padding: .5rem .2rem;
    font-size: 1.6rem;
    align-items: center;
    color: rgba(var(--color-link),var(--alpha-link));
}
.social-links svg {
    width: 1.6rem;
}
.share-button {
    position: relative;
    padding: 5px 10px;
    align-items: center;
    margin-right: 0;
}
.social__share--text {
  margin-left: 5px;
}
.social__share_box>div+.share-button {
    margin-bottom: 1rem;
}
.social-links a:hover .social__share--text {
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Share Button CSS  */
.share-button details {
  width: fit-content;
}

.share-button__button {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  color: rgba(var(--color-link), var(--alpha-link));
    margin-left: 0;
    padding-left: 0;
    }

.share-button__button:hover,
details[open] > .share-button__button {
  color: rgb(var(--color-link));
    }

details[open] > .share-button__fallback {
  animation: animateMenuOpen var(--duration-default) ease;
    }

.share-button__button:hover {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.share-button__button,
.share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.share-button__button .icon-share {
  margin-right: 1rem;
}

.share-button__fallback {
  background: rgb(var(--color-background));
    display: flex;
    align-items: center;
    position: absolute;
    top: 3rem;
    left: 0.1rem;
    z-index: 3;
    width: 100%;
    min-width: 31rem;
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.55);
      }

.share-button__fallback button {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share-button__fallback button:hover {
  color: rgba(var(--color-foreground), 0.75);
    }

.share-button__fallback button:hover svg {
  transform: scale(1.07);
}

.share-button__close:not(.hidden) + .share-button__copy {
  display: none;
}

.share-button__close,
.share-button__copy {
  background-color: transparent;
  color: rgb(var(--color-foreground));
    }

.share-button__fallback .field__input {
  box-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.share-button__fallback .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.share-button__message:not(:empty) {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 0.8rem 0 0.8rem 1.5rem;
}

.share-button__message:not(:empty):not(.hidden) ~ * {
  display: none;
}
.product__info-container .social__share_box {
    margin: 2rem 0 0;
}
.social__share_box.d-flex {
    flex-wrap: wrap;
}
span.social-links {
    display: flex;
    flex-wrap: wrap;
}
/* END_SNIPPET:share-button-styles */

/* START_SNIPPET:slideshow-controls-styles (INDEX:359) */
.complementary-slideshow--slider .slideshow--nav-button {
  position: inherit;
  margin: 0;
  padding: 0 0.6rem;
  height: auto;
  color: rgba(var(--color-foreground));
  width: auto;
}
.slideshow--nav-button:after {
  display: none;
}
.complementary-slideshow--slider .slideshow--bullet-button {
  position: unset;
  width: auto !important;
  max-width: max-content;
  flex: 0 0 auto;
  line-height: 0;
}
.complementary-slideshow--slider
  .slideshow--bullet-button.pagination--dots
  .swiper-pagination-bullet {
  background: transparent;
  width: 1.6rem;
  height: 1.6rem;
  opacity: 1;
  text-indent: -9999px;
}
.slideshow--bullet-button.pagination--dots .swiper-pagination-bullet {
  border: 0.2rem solid rgba(var(--color-foreground));
}
.slideshow--bullet-button
  .swiper-pagination-bullet
  + .swiper-pagination-bullet {
  margin-left: 0.8rem;
}
.complementary-slideshow--slider
  .slideshow--bullet-button
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: rgba(var(--color-foreground));
}
.slideshow--bullet-button .swiper-pagination-bullet {
  position: relative;
}
.complementary-slideshow--slider
  .slideshow--bullet-button
  .swiper-pagination-bullet:before {
  position: absolute;
  background-color: transparent;
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  left: 50%;
  border-radius: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.complementary-slideshow--slider .slideshow--nav-button > svg {
  width: 0.8rem;
  height: auto;
}
.slideshow--bullet-button.pagination--dots
  .swiper-pagination-bullet:focus-visible {
  outline-color: red;
}
@media only screen and (max-width: 749px) {
  .complementary-slideshow--slider .slideshow--controls--inner {
    padding: 3rem 0 5rem;
    justify-content: center !important;
  }
}
.complementary-slideshow--slider .slidershow--controls--button {
  margin-top: 3rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: nowrap;
}

.complementary-slideshow--slider .slidershow--controls--button > .slideshow--nav-button {
  flex: 0 0 auto;
}
.lookbook-slideshow--slider-navigate .slidershow--controls--button {
  margin-top: 4rem;
}
/* END_SNIPPET:slideshow-controls-styles */

/* START_SNIPPET:sticky-scroll-showcase-styles (INDEX:362) */
.sticky-showcase {
  min-block-size: 100vh;
  position: relative;
  isolation: isolate;
  background-color: transparent !important;
}

.sticky-showcase__content {
  position: -webkit-sticky;
  position: sticky;
  block-size: auto;
  inset-block-start: var(--ssc-header-height, 0px);
  top: var(--ssc-header-height, 0px);
  justify-content: flex-start;
  align-items: center;
  padding-block-start: 8rem;
  background: rgba(var(--color-background));
  z-index: 1;
  max-inline-size: 117rem;
  inline-size: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}

.sticky-showcase__img {
  display: block;
  transition: transform 0.1s ease;
  block-size: auto;
  opacity: 1;
  visibility: visible;
  z-index: 5;
  position: relative;
  transform-origin: center center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.sticky-showcase__img .product-grid-item__card {
  background: rgba(var(--color-background));
  box-shadow: 0.6rem 0.8rem 3.5rem 0 rgba(0,0,0,0.1);
}

.sticky-showcase__img .product-grid-item__thumbnail {
  padding: 0;
}

.sticky-showcase__img .placeholder_content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.sticky-showcase__item-inner {
  inline-size: 100%;
  max-inline-size: min(44rem, calc(50% - 3rem));
  position: absolute;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.sticky-showcase__item-inner.ssc-card-visible {
  opacity: 1;
  transform: translateY(0);
}

.sticky-showcase__gallery {
  margin: auto;
  padding: 20vh calc(var(--gap, 8px) * 4) 50vh;
  overflow: visible;
  inline-size: 100%;
  position: relative;
  z-index: 10;
}

.sticky-showcase__item-inner:nth-child(2n) {
  right: 0;
  top: 100px;
  margin-inline-end: 3rem;
  inset-inline-end: 0;
}

.sticky-showcase__item-inner:nth-child(2n - 1) {
  left: 0;
  top: 80px;
  margin-inline-start: 3rem;
  inset-inline-start: 0;
}

.ssc-img-ratio {
  overflow: hidden;
  inline-size: 100%;
  border-radius: inherit;
}

.ssc-img-ratio img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.sticky-showcase__img--placeholder {
  inline-size: 100%;
  max-inline-size: 30rem;
  aspect-ratio: 3/4;
  background-color: #f4f4f4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-showcase__img--placeholder svg {
  inline-size: 80%;
  block-size: 80%;
  opacity: 1;
}

@media (max-width: 1399px) {
  .sticky-showcase__item-inner {
    max-inline-size: min(40rem, calc(50% - 3rem));
  }
}

@media (max-width: 1199px) {
  .sticky-showcase__item-inner {
    max-inline-size: min(36rem, calc(50% - 3rem));
  }
}

@media (max-width: 991px) {
  .sticky-showcase__item-inner {
    max-inline-size: min(30rem, calc(50% - 3rem));
  }
}

@media (max-width: 749px) {
  .sticky-showcase__item-inner {
    max-inline-size: min(15.6rem, calc(50% - 2.5rem));
  }
  .sticky-showcase__item-inner:nth-child(2n) {
    margin-inline-end: 1rem;
    top: 80px;
  }
  .sticky-showcase__item-inner:nth-child(2n - 1) {
    margin-inline-start: 1rem;
    top: 20px;
  }
}

.sticky-showcase .scroll-trigger {
  inline-size: 100%;
}

.sticky-showcase__subheading {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1px;
}

@media only screen and (min-width: 750px) {
  .sticky-showcase__subheading {
    font-size: 2.4rem;
    letter-spacing: var(--letter-spacing);
  }
}

.sticky-showcase__buttons {
  margin-top: 4rem;
  display: flex;
}

.sticky-showcase__inner {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}

.sticky-showcase__heading {
  font-family: var(--heading-global-family, var(--font-heading-family));
  font-style: var(--heading-global-style, var(--font-heading-style));
  font-weight: var(--heading-global-weight, var(--font-heading-weight));
  line-height: var(--heading-global-line-height, 1.2);
  color: rgb(var(--color-foreground));
}

.sticky-showcase__heading.ssc-font--body {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

.sticky-showcase__heading.ssc-font--accent {
  font-family: var(--font-accent-family);
  font-style: var(--font-accent-style);
  font-weight: var(--font-accent-weight);
}

.sticky-showcase__heading.ssc-font--display {
  font-family: var(--font-display-family);
  font-style: var(--font-display-style);
  font-weight: var(--font-display-weight);
}

.sticky-showcase text-layered {
  display: block;
  inline-size: 100%;
}

.sticky-showcase__content--center text-layered .text_layer__content,
.sticky-showcase__content-mobile--center text-layered .text_layer__content {
  --layered-alignment: center;
}

.sticky-showcase__content--right text-layered .text_layer__content,
.sticky-showcase__content-mobile--right text-layered .text_layer__content {
  --layered-alignment: flex-end;
}

.sticky-showcase__content--left text-layered .text_layer__content,
.sticky-showcase__content-mobile--left text-layered .text_layer__content {
  --layered-alignment: flex-start;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 750px) {
  .sticky-showcase__content--right { text-align: end; }
  .sticky-showcase__content--center { text-align: center; }
  .sticky-showcase__content--left { text-align: start; }

  .sticky-showcase__content--right .sticky-showcase__buttons { justify-content: flex-end; }
  .sticky-showcase__content--center .sticky-showcase__buttons { justify-content: center; }
  .sticky-showcase__content--left .sticky-showcase__buttons { justify-content: flex-start; }
}

@media (max-width: 749px) {
  .sticky-showcase__content-mobile--right { text-align: end; }
  .sticky-showcase__content-mobile--center { text-align: center; }
  .sticky-showcase__content-mobile--left { text-align: start; }

  .sticky-showcase__content-mobile--right .sticky-showcase__buttons { justify-content: flex-end; }
  .sticky-showcase__content-mobile--center .sticky-showcase__buttons { justify-content: center; }
  .sticky-showcase__content-mobile--left .sticky-showcase__buttons { justify-content: flex-start; }
  .disabled-on-mobile {
    display: none;
  }
  .sticky-showcase {
    min-height: 150vh;
  }
  .sticky-showcase__gallery {
    padding: 10vh calc(var(--gap, 8px) * 2) 50vh;
  }
}
/* END_SNIPPET:sticky-scroll-showcase-styles */

/* START_SNIPPET:template-collection-rtl-styles (INDEX:365) */
html[dir="rtl"] {
  .facets-vertical .facets-wrapper {
    padding-inline-start: 0;
    padding-inline-end: 3rem;
  }
  @media screen and (min-width: 750px) {
  .facets__disclosure-vertical[open] .facets__summary .icon-caret {
      right: auto;
      left: 1.5rem;
    }
  }
  span.facet-checked-box {
    left: auto;
    right: 0.6rem;
  }
  span.checkbox-facet-check {
    margin-right: 0;
    margin-left: 1rem;
  }
  span.checkbox-facet-label-count {
    margin-left: unset;
    margin-right: auto;
  }
  .slider-price:before {
    left: auto;
    right: var(--left);
  }
  @media (min-width: 990px) {
    .active-facets__button svg {
      margin-right: 0.6rem;
      margin-left: -0.4rem;
    }
  }
  .facets__display {
    left: auto;
    right: 0;
  }
  @media screen and (min-width: 750px) {
    .facets-container-drawer .mobile-facets__wrapper {
      margin-right: 0;
      margin-left: 2rem;
    }
    .facets-container-drawer .product-count {
      margin: 0 3.5rem 0.5rem 0;
    }
  }
  @media screen and (min-width: 990px) {
    .facet-filters {
      padding-left: 0;
      padding-right: 3rem;
    }
  }
  .facet-filters__label {
    margin: 0 0 0 1rem;
  }
  .facet-filters__sort + .icon-caret {
    right: auto;
    left: 1rem;
  }
  .facet-filters__sort {
    padding: 8px 12px 7px 40px !important;
  }
  .mobile-facets__arrow,
  .mobile-facets__summary .icon-caret {
    margin-left: unset;
    margin-right: auto;
  }
  html[dir="rtl"] .mobile-facets__summary svg {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(-180deg);
  }
  .mobile-facets__open > * + * {
    margin-left: 0;
    margin-right: 1rem;
  }
  .mobile-facets__close-button .icon-arrow {
    margin-right: 0;
    margin-left: 1rem;
  }
  @media screen and (min-width: 990px) {
    .active-facets__button {
      margin-right: 0;
      margin-left: 1.5rem;
    }
  }
  .active-facets__button svg {
    margin-left: -0.2rem;
    margin-right: 0.6rem;
  }
  @media screen and (min-width: 750px) {
    .product-count-vertical {
      margin-left: 0;
      margin-right: 2rem;
    }
  }
}
/* END_SNIPPET:template-collection-rtl-styles */

/* START_SNIPPET:template-collection-styles (INDEX:366) */
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}
.disclosure-has-popup[open] > summary + * {
  z-index: 99;
}
@media screen and (max-width: 749px) {
  .facets-container {
    margin-bottom: 3rem;
  }
}
.product-count__text.mt-10 {
  margin-top: 10px;
}
.price--filter__divider {
  width: 60%;
  height: 1px;
  background: rgba(var(--color-foreground), 0.3);
  display: block;
  margin: 0 auto;
  min-width: 2rem;
}
input.price__filter_input[type="number"] {
  border-radius: 1rem;
}
.collection.loading {
  position: relative;
}
.loading-overlay {
  position: absolute;
  z-index: 9;
  width: 1.8rem;
  background: rgb(var(--color-background));
}

@media screen and (max-width: 749px) {
  .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .loading-overlay {
    left: 0;
  }
}

.loading-overlay__spinner {
  width: 1.8rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path {
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}
.product-count-vertical,
.product-count {
  position: relative;
}

.product__filter--toolbar {
  padding: 1rem 3rem;
  border-radius: 0.5rem;
}
.slider-price {
  text-align: center;
  position: relative;
  width: 100%;
  margin-top: 2rem;
}
.slider-price svg,
.slider-price input[type="range"] {
  position: absolute;
  left: 0;
  bottom: 0;
}

.slider-price input[type="number"] {
  border: 1px solid rgba(var(--color-foreground), 0.15);
  text-align: center;
  font-size: 1.6em;
  -moz-appearance: textfield;
}

.slider-price input[type="number"]::-webkit-outer-spin-button,
.slider-price input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.slider-price input[type="number"]:invalid,
.slider-price input[type="number"]:out-of-range {
  border: 2px solid #ff6347;
}

.slider-price input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 0;
}

.slider-price input[type="range"]:focus {
  outline: none;
}

.slider-price input[type="range"]:focus::-webkit-slider-runnable-track {
  background: transparent;
}

.slider-price input[type="range"]:focus::-ms-fill-lower {
  background: transparent;
}

.slider-price input[type="range"]:focus::-ms-fill-upper {
  background: transparent;
}
.price__range--bar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -4px;
  border: 1px dashed rgba(var(--color-foreground));
}
.slider-price input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.slider-price:before {
  position: absolute;
  top: -4px;
  content: "";
  height: 4px;
  background: rgba(var(--color-foreground));
  width: var(--width);
  left: var(--left);
}
.slider-price input[type="range"]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px rgba(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground));
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: rgba(var(--color-background));
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

.slider-price input[type="range"]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
  z-index: -1;
}
.slider-price input[type="range"]::-moz-range-thumb {
  z-index: 8;
  position: relative;
  box-shadow: 0px 0px 0px rgba(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground));
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: rgba(var(--color-background));
  cursor: pointer;
}
.slider-price input[type="range"]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.slider-price input[type="range"]::-ms-fill-lower,
.slider-price input[type="range"]::-ms-fill-upper {
  background: red;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}

.slider-price input[type="range"]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px rgba(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground));
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: rgba(var(--color-background));
  cursor: pointer;
}
.input__field.price__filter_input {
  border-radius: 0;
  height: 40px;
  font-size: 1.4rem;
}
.price__filter_group {
  flex-grow: 1;
  width: 50%;
}
.price__widget {
  padding-bottom: 1rem;
}
.single__widget_inner {
  margin-top: 1rem;
}
.filter__price--display {
  padding-top: 1.5rem;
  gap: 1rem;
}
/* component-product-grid.css migration */
.product-grid .grid__item {
  padding-bottom: 2rem;
}

.product-grid.negative-margin {
  margin-bottom: -2rem;
}

@media screen and (min-width: 750px) {
  .product-grid .grid__item {
    padding-bottom: 5rem;
  }

  .product-grid.negative-margin {
    margin-bottom: -5rem;
  }

  .product-grid.negative-margin--small {
    margin-bottom: -1rem;
  }
}
/* END_SNIPPET:template-collection-styles */

/* START_SNIPPET:testimonial-rtl-styles (INDEX:368) */
/*
  Source: assets/testimonial-rtl.css
*/
html[dir="rtl"] {
.testimonial__card--foter-content.testimonial__space {
  padding-left: 0;
  padding-right: 1.5rem;
}
}
/* END_SNIPPET:testimonial-rtl-styles */

/* START_SNIPPET:testimonial-styles (INDEX:369) */
/*
  Source: assets/testimonial.css
*/
.testimonial__card--body {
  padding: 3.3rem 3.5rem 3rem;
  margin-bottom: 2rem;
}
.testimonial__card--body.testimonial--card-box-shadow-true {
  box-shadow: 0 1.5rem 6rem -2.5rem rgba(var(--color-foreground), 0.15);
}
.testimonial__slider--inner {
  padding: 5rem 0;
}
.testimonial__author--placeholder {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.testimonial__card--foter-content {
  flex-grow: 1;
}
.testimonial__card--foter-content.testimonial__space {
  padding-left: 1.5rem;
}
.testimonial__author--name {
  margin-bottom: 0.2rem;
}
.testimonial__card--foter-content .testimonial__author--name {
  margin-bottom: 0rem;
}
span.testimonial__author--title {
  color: rgba(var(--color-foreground));
  font-weight: 300;
  font-size: 1.4rem;
}
.testimonial__card--review {
  margin-top: 1.5rem;
}
.testimonial__author--media > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 50%;
  left: 0;
}
.testimonial__author--media {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.testimonial__card--footer-inner {
  padding-left: 0.3rem;
}
.testimonial--list-slider {
  position: relative;
}
.testimonial--slider.slider--navgaition-button-absolute {
  margin-top: 0;
}
.testimonial__card--header + .testimonial__card--footer {
  padding-top: 1.5rem;
}
@media only screen and (min-width: 750px) {
    .testimonial--slider.slider--navgaition-button-absolute .product__slider--button {
        top: calc(var(--slider-navigation-top-offset, 50%) + 1rem) !important;
    }
}

/* Horizontal layout — clip overflow at section edge (full viewport width), prevent scrollbar */
.testimonial--horizontal {
  overflow-x: clip;
}

/* Left sidebar layout */
.testimonial__sidebar--layout {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
}
.testimonial__sidebar--left {
  width: 34rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.testimonial__sidebar--right {
  flex: 1;
  min-width: 0;
  /* Clip left overflow (loop clones), keep right overflow visible for peek effect */
  clip-path: inset(0 -100vw 0 0);
}
.testimonial__sidebar--right .swiper {
  overflow: visible;
}
.testimonial__sidebar--stat {
  font-size: 6rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.testimonial__sidebar--stat span {
  display: inline;
}
.testimonial__sidebar--nav {
  margin-top: 3rem;
  gap: 1rem;
}
@media only screen and (min-width: 1200px) {
  .testimonial__sidebar--nav.desktop-nav-left {
    align-self: flex-start;
  }
  .testimonial__sidebar--nav.desktop-nav-center {
    align-self: center;
  }
  .testimonial__sidebar--nav.desktop-nav-right {
    align-self: flex-end;
  }
}
@media only screen and (max-width: 1199px) {
  .testimonial__sidebar--nav.mobile-nav-center {
    align-self: center;
  }
  .testimonial__sidebar--nav.mobile-nav-right {
    align-self: flex-end;
  }
  .testimonial__sidebar--nav.mobile-nav-left {
    align-self: flex-start;
  }
}
.testimonial__sidebar--right .testimonial__slider--inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 1199px) {
  .testimonial__sidebar--layout {
    flex-direction: column;
    gap: 3rem;
  }
  .testimonial__sidebar--left {
    width: 100%;
  }
  .testimonial__sidebar--stat {
    font-size: 4.5rem;
  }
  .testimonial__sidebar--right {
    clip-path: none;
    overflow: visible;
    width: 100%;
  }
  .testimonial__sidebar--right .swiper {
    overflow: hidden;
  }
  .testimonial__sidebar--right .testimonial__slider--inner {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 749px) {
  .testimonial__card--body {
    padding: 2.4rem 2.4rem 2rem;
  }
  .testimonial__slider--inner {
    padding: 3rem 0;
  }
}
/* END_SNIPPET:testimonial-styles */

/* START_SNIPPET:timeline-styles (INDEX:370) */
@media only screen and (min-width: 992px) {
  .timeline__card--media--adapt.placeholder {
    height: 45rem;
  }
}
@media only screen and (max-width: 991px) {
  .timeline__card--media--adapt.placeholder {
    height: 35rem;
  }
}
.timeline__card--media.media.transparent--media {
  background: transparent;
}
.timeline__card--text-inner {
  width: 100%;
}
.timeline__navigation {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  gap: 1rem;
}
.timeline__bullet {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  background: none;
  border: none;
  position: relative;
  padding: 0;
  transition: var(--transition);
}
.timeline__bullet--solid--btn {
  background: rgba(var(--color-background));
  color: rgba(var(--color-foreground), 0.7);
  border: 0.1rem solid rgba(var(--color-foreground));
  font-weight: 600;
  padding: 0.2rem 1.5rem;
  line-height: 2.2rem;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
  transition: var(--transition);
}
.timeline__bullet.active .timeline__bullet--solid--btn {
  background: rgba(var(--color-button), var(--alpha-button-background));
  border-color: rgba(var(--color-button), var(--alpha-button-background));
  color: rgba(var(--color-button-text));
}
.timeline__bullet--text {
  margin-top: 2rem !important;
  margin-bottom: 0;
  color: rgba(var(--color-foreground), 0.7);
}
.timeline__navigation:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.1rem;
  border: 0.1rem dashed rgba(var(--color-button), 0.3);
  margin-top: 1.3rem;
}
.timeline__navigation + .timeline__container {
  margin-top: 6rem;
}
.timeline__bullet.active .timeline__bullet--text {
  color: rgba(var(--color-foreground));
}
.timeline__card--subheading {
  font-size: 2.5rem;
}
.timeline__card--heading-two {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.timeline__card--text + .timeline__card--button {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .timeline__card--text-inner.large--space {
    padding-left: 8rem;
  }
}
@media only screen and (min-width: 750px) and (max-width: 991px) {
  .timeline__card--text-inner.large--space {
    padding-left: 5rem;
  }
}
@media only screen and (max-width: 749px) {
  .timeline__card--text-inner.large--space {
    padding-left: 3rem;
  }
  .timeline__card--text-wrapper {
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 991px) {
  .timeline__bullet--text {
    display: none;
  }
}
.timeline__card--media--small {
  height: 28rem;
}
.timeline__card--media--large {
  height: 40rem;
}
.timeline__card--media--medium {
  height: 35rem;
}
@media screen and (min-width: 767px) {
  .timeline__card--media--small {
    height: 35rem;
  }
  .timeline__card--media--medium {
    height: 45rem;
  }
  .timeline__card--media--large {
    height: 60rem;
  }
}
/* END_SNIPPET:timeline-styles */

/* START_SNIPPET:video-hero-styles (INDEX:372) */
@media only screen and (min-width: 750px) {
  .video-hero-height--extra-small {
    height: 35rem;
  }
  .video-hero-height--small {
    height: 45rem;
  }
  .video-hero-height--medium {
    height: 55rem;
  }
  .video-hero-height--large {
    height: 65rem;
  }
  .video-hero-height--extra-large {
    height: 72rem;
  }
}

@media only screen and (max-width: 749px) {
  .video-hero-mobile-height--extra-small {
    height: 22rem;
  }
  .video-hero-mobile-height--small {
    height: 28rem;
  }
  .video-hero-mobile-height--medium {
    height: 35rem;
  }
  .video-hero-mobile-height--large {
    height: 42rem;
  }
  .video-hero-mobile-height--extra-large {
    height: 50rem;
  }
}

.video--hero-inner video {
  position: relative;
  object-fit: cover;
}
.video--hero-inner video,
.video--hero-inner iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.video--hero-inner iframe {
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  max-width: none;
}
@media only screen and (min-width: 1200px) {
  .video--hero-inner iframe {
    width: 100%;
    height: 300%;
    left: auto;
    top: -100%;
  }
}
.video--hero-text-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 3rem;
}
.video--hero-inner {
  position: relative;
}
.video--hero-text-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 3rem;
  background: rgba(0, 0, 0, var(--video-overlay-opacity, 0.5));
}
.video--hero-inner {
  position: relative;
}
.video--hero-radius {
  overflow: hidden;
}
.video--hero-text-inner > .video--hero-text + * {
  margin-top: 1.5rem;
}
.video--hero-text-inner > * + .video--hero-text {
  margin-top: 1rem;
}
.video--hero-text-content-width {
  height: 100%;
  width: 100%;
  max-width: calc(var(--container-lg-width) - 3rem);
  margin: 0 auto;
}
.video--hero-text-inner > * + a {
  margin-top: 2rem;
}
.video--hero-text {
  max-width: 70rem;
}
/* END_SNIPPET:video-hero-styles */

/* START_SNIPPET:video-section-styles-rtl (INDEX:373) */
/*
  Source: assets/video-section-rtl.css
*/
span.video__play--icon-text {
  margin-left: 0;
  margin-right: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .video__content {
    padding-left: 3rem;
    padding-right: 5rem;
  }
}
@media only screen and (min-width: 1199px) {
  .video__content {
    padding-right: 8.5rem;
  }
}
/* END_SNIPPET:video-section-styles-rtl */

/* START_SNIPPET:video-section-styles (INDEX:374) */
/*
  Source: assets/video-section.css
*/
.video__content--title.large {
  font-size: 2.5rem;
  line-height: 4rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video__content--title.large {
    font-size: 3.8rem;
    line-height: 5.8rem;
  }
}
@media only screen and (min-width: 1400px) {
  .video__content--title.large {
    font-size: 7.2rem;
    line-height: 9rem;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .video__content--title.large {
    font-size: 5rem;
    line-height: 7.5rem;
  }
}
.video__wrapper,
.video__content {
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .video__wrapper {
    width: 50%;
  }
  .video__content:not(.full--width) {
    width: 50%;
  }
  .video__content {
    padding-left: 5rem;
    position: relative;
  }
}
.video__content {
  padding: 4rem 3rem;
}
@media only screen and (min-width: 1199px) {
  .video__content {
    padding-left: 8.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .video__section--container {
    flex-wrap: wrap;
  }
}
.video-section.page-width {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.video-section__media.video--banner__media--small {
  height: 30.4rem;
}
.video-section__media.video--banner__media--medium {
  height: 35rem;
}
.video-section__media.video--banner__media--large {
  height: 43.5rem;
}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  .video-section__media.video--banner__media--small {
    height: 38rem;
  }
  .video-section__media.video--banner__media--medium {
    height: 55rem;
  }
  .video-section__media.video--banner__media--large {
    height: 65rem;
  }
}
@media screen and (min-width: 1200px) {
  .video-section__media.video--banner__media--small {
    height: 40rem;
  }
  .video-section__media.video--banner__media--medium {
    height: 60rem;
  }
  .video-section__media.video--banner__media--large {
    height: 69.5rem;
  }
}

.video-section__media {
  position: relative;
  display: block;
}

/* Adapt height: intrinsic box from Liquid `aspect-ratio` (robust vs flex `% padding` quirks). */
.video-section__media.deferred-media.video--banner__media--adapt {
  height: auto;
}

/*
  Poster image / theme placeholder SVG: stronger than `component-deferred-media-styles`
  `.deferred-media__poster img` (`width:auto`) regardless of bundle order / subsetting.
*/
.video-section__media.deferred-media .video-section__poster.deferred-media__poster.media > img,
.video-section__media.deferred-media .video-section__poster.deferred-media__poster.media > svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* 
.video-section__media.deferred-media {
  overflow: visible;
} */

.video-section__poster img,
.video-section__poster svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-section__poster,
.video-section__media iframe,
.video-section__media video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-section__media video {
  background: #000000;
}
.video-section__media.media-fit-cover video {
  object-fit: cover;
}
.video-section__poster .deferred--video-media__poster-button .icon {
  width: 5.5rem;
  height: 5.5rem;
}
/* Use `.video-section__*` prefixes so subsetting keeps poster-button positioning (avoid `.media >` only). */
.video-section__poster.deferred-media__poster > .deferred--video-media__poster-button {
  color: rgba(var(--color-foreground));
  z-index: 8;
  position: absolute;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
.video-section__media .deferred--video-media__poster-button.bottom--left {
  left: 2rem;
  bottom: 2rem;
  top: auto;
}
.video-section__media .deferred--video-media__poster-button.bottom--right {
  left: auto;
  right: 2rem;
  bottom: 2rem;
  top: auto;
}
.video-section__media .deferred--video-media__poster-button.top--left {
  top: 2rem;
  left: 2rem;
}
span.video__play--icon-text {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.video-section__media .deferred--video-media__poster-button.top--right {
  top: 2rem;
  left: auto;
  right: 2rem;
}
.video-section__media .deferred--video-media__poster-button.full--center {
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .video-section__media .deferred--video-media__poster-button.bottom--left {
    bottom: 4.2rem;
    left: 4.2rem;
  }
  .video-section__media .deferred--video-media__poster-button.bottom--right {
    right: 4.2rem;
    bottom: 4.2rem;
  }
  .video-section__media .deferred--video-media__poster-button.top--left {
    top: 4.2rem;
    left: 4.2rem;
  }
  .video-section__media .deferred--video-media__poster-button.top--right {
    top: 4.2rem;
    right: 4.2rem;
  }
}
.full--width .video__wrapper {
  width: 100%;
}
.full--width > div + div {
  padding-top: 5rem;
}
.video__content > * + * {
  margin-top: 2rem;
}
@media only screen and (min-width: 992px) {
  .video__section--container.desktop-row-reverse {
    flex-direction: row-reverse;
  }
  .video__section--container.desktop-col-reverse {
    flex-direction: column-reverse;
  }
  /*
    Parent uses `align-items: center`; stretch avoids cross-axis quirks for aspect-ratio /
    Absolutely positioned poster children (`min-height:auto` intrinsic sizing).
  */
  .video__section--container > .video__wrapper {
    align-self: stretch;
  }
}
/*
  Noscript fallback only: `<deferred-media>` adapt uses Liquid `aspect-ratio` (avoid stacking
  this % padding on the same box as aspect-ratio — doubles reserved height).
*/
.video--banner__media--adapt.video-section__placeholder:not(.deferred-media) {
  padding-top: 56.25%;
}
.video--banner__media--adapt.video-section__placeholder:not(.deferred-media) .video-section__poster {
  top: 0;
}
.deferred--video-play-btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.video__content.video__content--no-space {
  padding: 0;
}
/* END_SNIPPET:video-section-styles */

/* START_SNIPPET:visual-display (INDEX:375) */
/* component-visual-display.css migration */
.visual-display {
  --visual-display__size: min(2.4rem, 100%);
  position: relative;
  width: var(--visual-display__size);
  max-width: 100%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  aspect-ratio: 1/1;
}

.visual-display.empty {
  border-style: dashed;
}

.visual-display--presentation-swatch {
  --visual-display__size: min(2.4rem, 100%);
  border-radius: 100%;
  overflow: hidden;
}

.visual-display-parent .visual-display--presentation-swatch {
  outline-offset: 0.2rem;
}

:is(
    .visual-display-parent:hover .visual-display--presentation-swatch,
    .visual-display-parent.active .visual-display--presentation-swatch,
    .visual-display-parent:has(:focus-visible)
      .visual-display--presentation-swatch
  ) {
  outline-style: solid;
}

.visual-display-parent.active .visual-display--presentation-swatch {
  outline-width: 0.2rem;
  outline-color: rgb(var(--color-foreground), 1);
}

.visual-display-parent:hover .visual-display--presentation-swatch {
  outline-width: 0.2rem;
  outline-color: rgb(var(--color-foreground), 0.4);
}

.visual-display-parent:has(:focus-visible)
  .visual-display--presentation-swatch {
  outline-width: 0.2rem;
  outline-color: rgb(var(--color-foreground), 0.4);
  box-shadow: 0 0 0 0.6rem rgb(var(--color-background)),
    0 0 0 0.8rem rgba(var(--color-foreground), 0.5),
    0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3);
}

@supports not selector(:has(a, b)) {
  .visual-display-parent:focus-within .visual-display--presentation-swatch {
    outline-offset: 0.2rem;
    outline: 0.2rem solid rgb(var(--color-foreground), 0.4);
    box-shadow: 0 0 0 0.6rem rgb(var(--color-background)),
      0 0 0 0.8rem rgba(var(--color-foreground), 0.5),
      0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3);
  }
}

.visual-display-parent.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.visual-display-parent.disabled .visual-display::after {
  display: block;
  content: "";
  width: calc(var(--visual-display__size) * 1.414);
  border-bottom: 0.1rem solid rgb(var(--color-background-contrast));
  transform: rotate(-45deg);
  transform-origin: left;
}

.visual-display .visual-display__child {
  display: block;
  height: 100%;
  width: 100%;
}

.visual-display--presentation-swatch .visual-display__image {
  object-fit: cover;
}
/* END_SNIPPET:visual-display */

/* START_SNIPPET:visual-style-elements (INDEX:376) */
.container-background-media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }

  .container-bg-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .container-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }
/* END_SNIPPET:visual-style-elements */

/* START_SNIPPET:visual-style-vars (INDEX:377) */
.border-style {
    border-style: var(--border-style, none);
    border-width: var(--border-width, 0);
    border-color: rgba(var(--color-foreground), var(--border-opacity, 1));
    border-radius: var(--border-radius, 0);
    overflow: hidden;
  }
/* END_SNIPPET:visual-style-vars */