/** Shopify CDN: Minification failed

Line 51:18 Unexpected "{"
Line 51:27 Expected ":"
Line 52:18 Unexpected "{"
Line 52:27 Expected ":"
Line 53:18 Unexpected "{"
Line 53:27 Expected ":"
Line 54:18 Unexpected "{"
Line 54:27 Expected ":"
Line 55:18 Unexpected "{"
Line 55:27 Expected ":"
... and 97 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:recently-viewed-products (INDEX:63, SCOPED:FALSE) */
.recently-viewed-products__skeleton-item {
    aspect-ratio: 3 / 4;
    background-color: transparent;
  }

  @media screen and (max-width: 749px) {
    .recently-viewed-products__skeleton-item:nth-child(2n + 1) {
      display: none;
    }
  }

  .recently-viewed__wrapper.full-width .swiper {
    overflow: visible;
  }
/* END_SECTION:recently-viewed-products */

/* START_SECTION:related-products (INDEX:64, SCOPED:FALSE) */
.related-products {
    display: block;
  }

  .related-products__heading {
    margin: 0 0 3rem;
  }
/* END_SECTION:related-products */

/* START_SECTION:review-custom (INDEX:65, SCOPED:FALSE) */
/* =========================
     Layout containers
  ========================== */
  .section-block-{{ section.id }} .container-1320 { max-width: 1320px; margin: 0 auto; padding: 0 15px; }
  .section-block-{{ section.id }} .container-1170 { max-width: 1170px; margin: 0 auto; padding: 0 15px; }
  .section-block-{{ section.id }} .container-1770 { max-width: 1770px; margin: 0 auto; padding: 0 15px; }
  .section-block-{{ section.id }} .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
  .section-block-{{ section.id }} .container-full { width: 100%; margin: 0 auto; }

  @media (min-width: 1025px) {
    {% if container == 'fullwidth' %}
      .section-block-{{section.id}} .container-full {
        padding-left: {{ padding_full_width | append: 'px' }};
        padding-right: {{ padding_full_width | append: 'px' }};
      }
    {% endif %}
  }

  /* =========================
     Section background + spacing
  ========================== */
  .section-block-{{section.id}}.review-custom {
    background: #f7f7f7;
    color: #070211;
    padding: 70px 0; /* Increased desktop padding */
  }

  @media (max-width: 767px) {
    .section-block-{{section.id}}.review-custom {
      padding: 38px 0;
    }
  }

  .section-block-{{section.id}}.review-custom * { color: inherit; }

  /* =========================
     Centered form wrapper (prevents full-width look)
  ========================== */
  .section-block-{{section.id}} .review-inner {
    max-width: 760px;              /* Form width control */
    margin: 0 auto;                /* Center */
    padding: 28px 22px;            /* Inner padding */
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 10px;
  }

  @media (max-width: 767px) {
    .section-block-{{section.id}} .review-inner {
      max-width: 100%;
      padding: 18px 14px;
      border-radius: 8px;
    }
  }

  /* =========================
     Typography
  ========================== */
  .section-block-{{section.id}}.review-custom .heading {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 10px;
    text-align: center;
    font-weight: 600;
  }

  .section-block-{{section.id}}.review-custom .text,
  .section-block-{{section.id}}.review-custom .intro,
  .section-block-{{section.id}}.review-custom .form-label,
  .section-block-{{section.id}}.review-custom .product-title {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 26px;
  }

  .section-block-{{section.id}}.review-custom .text,
  .section-block-{{section.id}}.review-custom .intro {
    margin: 0 auto 10px;
    text-align: center;
    max-width: 900px;
  }

  .section-block-{{section.id}}.review-custom .form-label {
    margin: 10px 0 8px !important;
  }

  /* Mobile typography */
  @media (max-width: 767px) {
    .section-block-{{section.id}}.review-custom .heading {
      font-size: 20px;
      line-height: 28px;
    }

    .section-block-{{section.id}}.review-custom .text,
    .section-block-{{section.id}}.review-custom .intro,
    .section-block-{{section.id}}.review-custom .form-label,
    .section-block-{{section.id}}.review-custom .product-title {
      font-size: 14px;
      line-height: 22px;
    }
  }

  /* =========================
     Product title + stars row
  ========================== */
  .section-block-{{section.id}} .flex-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    margin: 14px 0 10px;
  }

  .section-block-{{section.id}} .product-title { margin: 0; }

  @media (max-width: 767px){
    .section-block-{{section.id}} .flex-review {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }
  }

  /* =========================
     Stars (FORCED BIG)
     - Theme was overriding, so we use:
       1) higher specificity
       2) !important
       3) explicit width/height
  ========================== */
  .section-block-{{section.id}} .star-rating {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .section-block-{{section.id}} .star-rating input[type="radio"] { display: none !important; }

  /* Force bigger clickable stars */
  .section-block-{{section.id}} .star-rating label.form-label.form-label--radio {
    font-size: 34px !important;    /* Increase here */
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;        /* Makes click target bigger */
    height: 36px !important;
    color: #cfcfcf !important;
    cursor: pointer !important;
    transition: color .2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Selected + hover */
  .section-block-{{section.id}} .star-rating input[type="radio"]:checked ~ label.form-label.form-label--radio,
  .section-block-{{section.id}} .star-rating label.form-label.form-label--radio:hover,
  .section-block-{{section.id}} .star-rating label.form-label.form-label--radio:hover ~ label.form-label.form-label--radio {
    color: #d3ae37 !important;
  }

  /* Hide theme radio pseudo elements */
  .section-block-{{section.id}} input[type=radio]:checked + .form-label--radio:after,
  .section-block-{{section.id}} input[type=radio] + .form-label--radio:before {
    display: none !important;
  }

  /* Mobile star size */
  @media (max-width: 767px) {
    .section-block-{{section.id}} .star-rating label.form-label.form-label--radio {
      font-size: 28px !important;
      width: 30px !important;
      height: 30px !important;
    }
  }

  /* =========================
     Form fields
  ========================== */
  .section-block-{{section.id}} .form-field { margin-bottom: 14px; }

  .section-block-{{section.id}} .form-input {
    background: #ffffff;
    color: #060211 !important;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 6px;
  }

  .section-block-{{section.id}} .form-input::placeholder {
    color: rgba(6,2,17,0.6);
  }

  /* =========================
     Button style
  ========================== */
  .section-block-{{section.id}} .form-actions{
    width: fit-content;
    margin-inline: auto;
    margin-top: 18px;
  }

  .section-block-{{section.id}} .button.button--primary {
    background: #060211 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    padding: 12px 22px;
    border-radius: 6px;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
  }

  .section-block-{{section.id}} .button.button--primary:hover {
    opacity: 0.9;
  }
/* END_SECTION:review-custom */

/* START_SECTION:slideshow (INDEX:68, SCOPED:FALSE) */
.slideshow .swiper:has(.swiper-pagination) {
    padding-bottom: 0;
  }

  .slideshow .swiper-pagination {
    --swiper-pagination-bottom: 4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;

    &.swiper-pagination-pos--outside {
      position: static;
      transform: none;
      margin-top: var(--margin-3xl);
    }
  }

  .slideshow .swiper-slide {
    height: auto;
  }

  .slideshow .slideshow__slides {
    height: var(--hero-min-height, auto);
  }

  .slideshow :is(.swiper-actions--bottom_center, .swiper-actions--bottom_right) {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    z-index: 1;

    .swiper-btns-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: var(--button-gap);
    }

    .swiper-pagination,
    .swiper-button {
      position: relative;
      transform: none;
      margin: 0;
      inset: unset;
    }

    .swiper-button-prev {
      order: -1;
      flex-shrink: 0;
    }

    .swiper-pagination {
      order: 0;
    }

    .swiper-button-next {
      order: 1;
      flex-shrink: 0;
    }

    @media screen and (min-width: 750px) {
      bottom: 2rem;
    }

    @media screen and (min-width: 1280px) {
      bottom: 4rem;
    }
  }

  .slideshow :is(.swiper-actions--bottom_right) + .video-dialog {
    right: auto;
    left: var(--right);
  }

  .slideshow .swiper-actions--bottom_right .swiper-btns-wrap {
    justify-content: flex-end;
  }

  .slideshow .swiper-pagination-fraction {
    font-weight: var(--font-heading--family);
    letter-spacing: 0.02em;
    padding: 0 0 .6rem;

    &:before {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: var(--pagination-color);
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
    }
  }

  .slideshow .swiper-actions--bottom_right .swiper-pagination-fraction {
    width: min(32rem, 100%);
    text-align: left;
  }

  .slideshow:has(.swiper-pagination-fraction) .slide__content {
    padding-bottom: calc(var(--arrow-height) + 1.2rem);
  }

  .slideshow:is(.slideshow--has-categories, .slideshow--has-right-banner) {
    --slideshow-categories-and-banner-gap: 1rem;
    margin-inline: calc(var(--slideshow-categories-and-banner-gap) * -0.5);
    row-gap: var(--slideshow-categories-and-banner-gap);
    > * {
      padding-inline: calc(var(--slideshow-categories-and-banner-gap) * 0.5);
    }
  }

  .slideshow.slideshow--has-right-banner .right-banner {
    flex: 0 0 var(--w-right-banner, 0rem);
    max-width: var(--w-right-banner, 0rem);
  }

  :is(.slideshow.slideshow--has-right-banner, .slideshow.slideshow--has-categories) .slideshow__container {
    flex: 1 1 var(--w-container, calc(100% - var(--w-left-categories, 0rem) - var(--w-right-banner, 0rem)));
    max-width: var(--w-container, calc(100% - var(--w-left-categories, 0rem) - var(--w-right-banner, 0rem)));
  }

  .slideshow.slideshow--has-categories.slideshow--has-right-banner {
    --w-right-banner: 100%;
  }

  @media (max-width: 1024px) {
    .slideshow.slideshow--has-categories .slideshow__container {
      order: -1;
    }

    .slideshow .block-categories-slider {
      order: 0;
    }
  }

  @media (max-width: 1439px) {
    .slideshow.slideshow--has-categories.slideshow--has-right-banner .slideshow__container {
      order: -1;
    }

    .slideshow.slideshow--has-categories.slideshow--has-right-banner .right-banner {
      order: 0;
    }

    .slideshow.slideshow--has-categories.slideshow--has-right-banner .block-categories-slider {
      order: 1;
    }

    .slideshow.slideshow--has-categories.slideshow--has-right-banner {
      --w-container: calc(100% - var(--w-right-banner));
    }
  }

  @media (max-width: 549px) {
    .slideshow.slideshow--has-categories.slideshow--has-right-banner {
      --w-container: 100%;
    }
  }

  @media (min-width: 550px) {
    .slideshow.slideshow--has-categories.slideshow--has-right-banner {
      --w-left-categories: 100%;
      --w-right-banner: 40%;
    }
  }

  @media (min-width: 1025px) {
    .slideshow.slideshow--has-categories {
      --w-left-categories: 30.5rem;
    }

    .slideshow.slideshow--has-categories .block-categories-slider {
      flex: 0 0 var(--w-left-categories, 0rem);
      max-width: var(--w-left-categories, 0rem);
    }

    .slideshow.slideshow--has-right-banner {
      --w-right-banner: 52rem;
    }

    .slideshow.slideshow--has-right-banner .right-banner__grid {
      --card-grid-gap: var(--slideshow-categories-and-banner-gap);
    }
  }

  @media (min-width: 1440px) {
    .slideshow.slideshow--has-categories.slideshow--has-right-banner {
      --w-left-categories: 20%;
      --w-right-banner: 32%;
    }
  }

  @media (min-width: 1600px) {
    .slideshow.slideshow--has-categories.slideshow--has-right-banner {
      --w-left-categories: 30.5rem;
      --w-right-banner: 52rem;
    }
  }

  .block-categories-slider .wrapper-category {
    padding: 2rem 2rem 1.7rem;
    background-color: #fff;
    box-shadow: 0 2px 1.1rem #0000001a;
    border-radius: 1rem;

    @media screen and (max-width: 749px) {
      padding-bottom: 0.5rem;
    }
  }

  .block-categories-slider .categories-slider--title {
    text-transform: unset;
    margin-bottom: 0.5rem;
    border-bottom: 0.1rem solid var(--background-color);

    span {
      padding: 0.6rem 2rem;
      border-radius: 0.6rem 0.6rem 0 0;
      letter-spacing: 0.02em;
      background-color: var(--background-color);
    }
  }

  .block-categories-slider .categories-slider--list {
    li {
      min-height: 7.2rem;

      a {
        display: flex;
        align-content: space-around;
        line-height: 2.4rem;
        color: #202020;

        img {
          max-width: 2.4rem;
          margin-bottom: 0.5rem;
          padding-top: 0.5rem;
          margin-inline: auto;
        }
      }

      .text-menu {
        overflow: hidden;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
      }
    }

    @media screen and (min-width: 1025px) {
      li {
        border-top: 0.1rem solid #f5f5f5;
        border-right: 0.1rem solid #f5f5f5;
      }

      li:nth-child(1),
      li:nth-child(2) {
        border-top: 0;
      }

      li:nth-child(2n) {
        border-right: 0;
      }
    }

    @media (max-width: 1024px) {
      gap: 0.5rem;
      scroll-snap-type: x mandatory;
      padding-bottom: 10px;
      z-index: 1;

      li {
        scroll-snap-align: start;
        scroll-snap-stop: always;
        flex: 0 0 18%;
        max-width: 18%;
      }
    }

    @media (max-width: 549px) {
      li {
        flex: 0 0 29%;
        max-width: 29%;
      }
    }
  }

  /* Stack in mobile */
  @media screen and (max-width: 749px) {
    .slideshow.slideshow--stack-mobile .slideshow__slides {
      min-height: auto;
    }

    .slideshow.slideshow--stack-mobile .slide__image-container {
      min-height: var(--hero-min-height, auto);
      position: relative;
    }

    .slideshow--stack-mobile .slideshow__slide {
      flex-direction: column;
    }

    .slideshow .slideshow__slides {
      height: var(--hero-min-height-mb, auto);
    }
  }
/* END_SECTION:slideshow */

/* CSS from block stylesheet tags */
/* START_BLOCK:_product-details (INDEX:214, SCOPED:FALSE) */
/* Clear padding on mobile, if not full-width */
  @media screen and (max-width: 749px) {
    .product-information.section--page-width .product-details > .group-block {
      padding-inline: 0;
    }
  }

  .view-product-title {
    display: none;
  }

  .product-details {
    padding: 0;
    display: flex;
    align-self: start;
    justify-content: center;
  }

  .product-information--details-overlay-on-scroll-mobile .product-details {
    position: sticky;
    top: 0;
  }

  .product-details .form__label {
    font-size: var(--font-size-heading);
  }

  @media screen and (min-width: 750px) {
    .product-details {
      position: sticky;
      top: 0;
    }

    .product-details > .group-block {
      height: min-content;
    }
  }
/* END_BLOCK:_product-details */

/* START_BLOCK:_product-media-gallery (INDEX:218, SCOPED:FALSE) */
.dialog-zoomed-gallery {
    cursor: zoom-out;
  }

  .dialog--preloading {
    opacity: 0;
  }

  .product-media__drag-zoom-wrapper {
    aspect-ratio: inherit;
    min-height: inherit;
    min-width: inherit;
    display: inherit;
    flex: inherit;
  }

  @media screen and (max-width: 749px) {
    media-gallery swiper-component .swiper {
      padding-bottom: 0.5rem !important;
    }

    .dialog-zoomed-gallery {
      /* Prevent scroll wheel or swipe scrolling */
      overscroll-behavior: none;
      scrollbar-width: none;
      display: flex;
      scroll-snap-type: x mandatory;
      overflow-x: hidden;
      scroll-behavior: smooth;
      height: 100%;

      &::-webkit-scrollbar {
        display: none;
      }
    }

    .dialog-zoomed-gallery .product-media-container {
      flex: 0 0 100%;
      scroll-snap-align: start;
      position: relative;
    }

    .dialog-zoomed-gallery .product-media-container--image .product-media {
      aspect-ratio: auto;
      height: 100%;
      width: 100%;
      overflow: hidden;
    }

    .dialog-zoomed-gallery .product-media-container--video,
    .dialog-zoomed-gallery .product-media-container--external_video {
      align-content: center;
    }

    .dialog-zoomed-gallery
      :is(.product-media-container--video, .product-media-container--external_video, .product-media-container--model)
      .product-media {
      aspect-ratio: auto;
      align-items: center;
      height: 100%;

      .product-media__image {
        height: 100%;
      }
    }

    .product-media__drag-zoom-wrapper {
      display: flex;
      aspect-ratio: auto;
      height: 100%;
      width: 100%;
      overflow: scroll;
      scrollbar-width: none;
      justify-content: center;

      &::-webkit-scrollbar {
        display: none;
      }
    }

    .product-media__drag-zoom-wrapper .product-media__image {
      --product-media-fit: contain;

      object-fit: var(--product-media-fit);
      overflow: hidden;
      transform: scale(var(--drag-zoom-scale))
        translate(var(--drag-zoom-translate-x, 0), var(--drag-zoom-translate-y, 0));
    }
  }

  .dialog-zoomed-gallery__close-button {
    color: var(--color-black);
    z-index: var(--layer-raised);
  }

  .dialog-zoomed-gallery .product-media-container--zoomable.product-media-container--image {
    cursor: zoom-out;
  }

  .product-media-container--zoomable.product-media-container--image {
    cursor: zoom-in;
  }

  .dialog-zoomed-gallery .product-media-container--video deferred-media,
  .dialog-zoomed-gallery .product-media-container--external_video deferred-media {
    height: auto;
    aspect-ratio: var(--ratio);
  }

  .dialog-zoomed-gallery .product-media-container--model .product-media__image {
    /* Make the height match the height of the model-viewer */
    height: 100vh;
  }

  .video-dialog button {
    width: 100%;
  }

  .video-modal-dialog deferred-media {
    max-height: 85dvh;
  }
/* END_BLOCK:_product-media-gallery */

/* START_BLOCK:_product-positive-vibes (INDEX:219, SCOPED:FALSE) */
.positive_vibes {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: auto;
  }

  .positive_vibes .text-vibes:not(.js-active) .text-vibes--child {
    display: none;

    &:first-child {
      display: block;
    }
  }

  .positive_vibes .text-vibes.js-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.5s ease 0s;
  }

  .positive_vibes .text-vibes p {
    display: block;
    transition: transform 1s ease-in-out;
    margin: 0;
    padding: 0.4rem 0;
  }

  .positive_vibes .text-vibes p svg {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    stroke: transparent;
    position: relative;
    top: -2px;
    margin-right: 1rem;
  }

  .text-vibes--child .hot-stock {
    background: var(--color-hot);
    color: var(--color-white);
    padding: 0.3rem 0.6rem 0.3rem 0.7rem;
    border-radius: 0.8rem 0;
    display: inline-block;
  }

  .text-vibes--child .new-arrivals {
    background: var(--color-new-arrivals);
    color: var(--color-white);
    padding: 0.3rem 0.6rem 0.3rem 0.7rem;
    border-radius: 0.8rem 0;
    display: inline-block;
    margin-right: 1rem;
  }
/* END_BLOCK:_product-positive-vibes */

/* START_BLOCK:_product-sold-in-last (INDEX:220, SCOPED:FALSE) */
sold-in-last-component.loading {
    opacity: var(--opacity-80);
    pointer-events: none;
    filter: blur(1.5px) brightness(1.15);
    transition: opacity var(--animation-speed-slowest) var(--animation-timing-hover), filter var(--animation-speed-slowest) var(--animation-timing-hover);
  }
  .product-sold-in-last{
    display: inline-block;
    vertical-align: bottom;
  }
  .product-sold-in-last svg {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
    position: relative;
    top: -0.2rem;
    fill: var(--color-hot);
    margin-right: 0.8rem;
  }
  .sold-in-last-message {
    display: inline-block;
    vertical-align: middle;
    color: var(--color-hot);
  }
  @media screen and (max-width: 749px) {
    .product-sold-in-last {
      display: block;
      margin: 1rem 0 0 -0.2rem;
    }
  }
/* END_BLOCK:_product-sold-in-last */

/* START_BLOCK:_radio (INDEX:224, SCOPED:FALSE) */
.form-ratio {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .form-ratio--horizontal {
    flex-direction: row;
  }
  .form-ratio--vertical {
    flex-direction: column;
  }
/* END_BLOCK:_radio */

/* START_BLOCK:_recently_viewed_products (INDEX:225, SCOPED:FALSE) */
#popup-recently-viewed .recently-viewed-products.collection {
    overflow-y: auto;
  }
/* END_BLOCK:_recently_viewed_products */

/* START_BLOCK:_sbs-add-to-cart (INDEX:226, SCOPED:FALSE) */
.add-to-cart-button-container {
    gap: 1.5rem;
  }
  div[data-product-variant-media]:has([style*='display: none;']){
    display: none;
  }
  .product-form__buttons:has(div[data-product-variant-media] [style*='display: none;']) .accelerated-checkout-block {
    display: none;
  }
/* END_BLOCK:_sbs-add-to-cart */

/* START_BLOCK:_sbs-buy-buttons (INDEX:227, SCOPED:FALSE) */
.buy-buttons-block {
    width: 100%;
  }

  .product-form__buttons {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: var(--gap);
  }

  .product-form__buttons > *:not(.quantity-selector, .product-form__quantity, .add-to-cart-button-container) {
    min-width: 100%;
  }

  .product-form__buttons > .add-to-cart-button-container {
    flex: 1 1;
  }

  .product-form__buttons--stacked > *:not(.quantity-selector) {
    flex-basis: 51%;
  }

  .quantity-selector {
    flex-grow: 0;
  }

  .add-to-cart-button {
    text-transform: var(--button-text-case-primary);
  }

  .product-form__buttons .shopify-payment-button__button {
    width: 100%;
  }
/* END_BLOCK:_sbs-buy-buttons */

/* START_BLOCK:_section-header (INDEX:232, SCOPED:FALSE) */
.section-header--block.border-style {
    border-width: 0 0 var(--border-width-header) 0;
    border-style: var(--border-style-header);
    border-color: var(--border-color-header);
    border-radius: var(--border-radius-header);
  }

  .section-header--block .link {
    min-width: fit-content;
  }
/* END_BLOCK:_section-header */

/* START_BLOCK:_size-chart (INDEX:233, SCOPED:FALSE) */
.popup.size-chart > .button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: none;
    text-align: left;
  }

  .popup.size-chart > .button svg {
    top: 0;
  }
/* END_BLOCK:_size-chart */

/* START_BLOCK:_social-link (INDEX:235, SCOPED:FALSE) */
.social-icons__icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--icon-size-lg);
  }

  .social-icons__icon {
    display: flex;
    fill: currentColor;
    flex-shrink: 0;
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
  }

  .social-icons__icon {
    display: none;
  }

  .social-icons__icon-wrapper:has(.social-icons__icon path) {
    width: var(--icon-size-lg);

    .social-icons__icon {
      display: block;
    }

    .social-icons__icon-label {
      display: none;
    }
  }
/* END_BLOCK:_social-link */

/* START_BLOCK:_sub-collection (INDEX:240, SCOPED:FALSE) */
:root {
    --text-align-default: left;
  }

  .sub-collection-block {
    align-items: var(--horizontal-alignment);

    .menu__heading {
      justify-content: var(--text-align-default);
    }
  }

  .sub-collection-block > * {
    text-align: var(--text-align, var(--text-align-default));
    text-wrap: var(--text-wrap);
  }

  .sub-collection-block a {
    color: var(--color-primary);
    text-decoration-color: transparent;
    text-underline-offset: 0.3rem;

    &:hover {
      color: var(--color-primary-hover);
      text-decoration-color: var(--color-primary-hover);
    }
  }

  .sub-collection-block .direction--row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing--size) / 2) var(--spacing--size);

    .menu__item {
      margin: 0;
    }
  }

  .menu--item-dividers .direction--column > .menu__item {
    border-block-end: var(--style-border-width) solid var(--color-border);
    padding-block-end: var(--spacing--size);
  }

  .menu--item-dividers .direction--row > .menu__item {
    border-inline-end: var(--style-border-width) solid var(--color-border);
    padding-inline-end: var(--spacing--size);
  }

  .menu--item-dividers .direction--row > .menu__item:last-child {
    border-inline-end: none;
    padding-inline-end: 0;
  }

  .menu__item + .menu__item {
    margin-block-start: var(--spacing--size);
  }

  .sub-collection-block .menu__heading__default{
    display: contents;
    font-size: var(--font-heading--size);
  }

  .sub-collection-block .menu__heading__default [style="text-decoration:underline"]{
    text-underline-offset: 0.3rem;
  }

  .sub-collection-block .menu__item{
    font-size: var(--font-link--size);
  }

  @media screen and (max-width: 749px) {
    .sub-collection-block .direction--row {
      display: block;

      .menu__item + .menu__item {
        margin-block-start: var(--spacing--size);
      }
    }

    .sub-collection-block .mobile-row {
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: wrap;
      gap: calc(var(--spacing--size) / 2) var(--spacing--size);

      .menu__item {
        margin: 0;
      }

      .menu__item + .menu__item {
        margin-block-start: 0;
      }
    }

    .menu--item-dividers .direction--row > .menu__item,
    .menu--item-dividers .mobile-row > .menu__item:last-child {
      border-inline-end: none;
      padding-inline-end: 0;
    }

    .menu--item-dividers .mobile-row > .menu__item {
      border-inline-end: var(--style-border-width) solid var(--color-border);
      padding-inline-end: var(--spacing--size);
    }

    .menu--heading-dividers .menu__details {
      border-block-end: var(--style-border-width) solid var(--color-border);
    }

    .menu--heading-dividers .details-content {
      padding-block-end: var(--padding-sm);
    }
  }
/* END_BLOCK:_sub-collection */

/* START_BLOCK:accelerated-checkout (INDEX:245, SCOPED:FALSE) */
.accelerated-checkout-block[data-shopify-visual-preview] {
    width: 300px;
  }

  more-payment-options-link {
    font-size: smaller;
  }

  more-payment-options-link a {
    --button-color: var(--color-primary);
  }

  more-payment-options-link a:hover {
    --button-color: var(--color-primary-hover);
  }

  .shopify-payment-button__more-options[aria-hidden='true'] {
    display: none;
  }

  /* Checkout Button */
  .accelerated-checkout-block.checkout--button-secondary button.shopify-payment-button__button--unbranded {
    --button-color: var(--color-primary);
    --button-background-color: transparent;
    --button-border-color: var(--color-primary);
    --button-border-width: 1px;
    --button-border-radius: 0;
    --button-padding-block-start: 10px;
    --button-padding-block-end: 10px;
  }

  .accelerated-checkout-block.checkout--button-secondary button.shopify-payment-button__button--unbranded:hover {
    --shadow-horizontal-offset: 0;
    --shadow-vertical-offset: 0;
    --button-color: var(--color-secondary-button-hover-text);
    --button-background-color: var(--color-secondary-button-hover-background);
    --button-border-color: var(--color-secondary-button-hover-border);
  }
/* END_BLOCK:accelerated-checkout */

/* START_BLOCK:add-to-cart (INDEX:247, SCOPED:FALSE) */
.add-to-cart-button-inner {
    width: 100%;
    gap: 1rem;

    button {
      padding: 0.5rem;
    }

    button svg {
      width: 2.4rem;
      height: 2.4rem;
    }

    &:has(.wishlist-button) .add-to-cart-button-container,
    &:has(.share-button) .add-to-cart-button-container {
      width: calc(100% - 4.4rem - 1rem);
    }

    &:has(.wishlist-button):has(.share-button) .add-to-cart-button-container {
      width: calc(100% - (4.4rem * 2) - 2rem);
    }
  }

  @media screen and (min-width: 750px) {
    .add-to-cart-button-inner {
      gap: var(--gap-sm);

      &:has(.wishlist-button) .add-to-cart-button-container,
      &:has(.share-button) .add-to-cart-button-container {
        width: calc(100% - 4.4rem - var(--gap-sm));
      }

      &:has(.wishlist-button):has(.share-button) .add-to-cart-button-container {
        width: calc(100% - (4.4rem * 2) - (var(--gap-sm) * 2));
      }
    }
  }
/* END_BLOCK:add-to-cart */

/* START_BLOCK:buy-buttons (INDEX:254, SCOPED:FALSE) */
.buy-buttons-block {
    width: 100%;
  }

  .product-form__buttons {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: var(--gap);
  }

  .product-form__buttons > *:not(.quantity-selector, .product-form__quantity, .add-to-cart-button-container) {
    min-width: 100%;
  }

  .product-form__buttons > .add-to-cart-button-container {
    flex: 1 1;

    @media screen and (max-width: 749px) {
      min-width: 100%;
    }
  }

  .product-form__buttons--stacked > *:not(.quantity-selector) {
    flex-basis: 51%;
  }

  .quantity-selector {
    flex-grow: 0;
  }

  .add-to-cart-button {
    text-transform: var(--button-text-case-primary);
  }

  .add-to-cart-button.button-secondary {
    text-transform: var(--button-text-case-secondary);
  }

  .product-form__buttons .shopify-payment-button__button {
    width: 100%;
  }

  .product__pickup-availabilities {
    width: 100%;
  }

  .pickup-availability__column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .pickup-availability__row {
    display: flex;
    gap: var(--padding-xs);
  }

  .pickup-availability__dialog-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .pickup-availability__header-container {
    padding-block-end: var(--padding-2xl);
  }

  .pickup-location__wrapper {
    display: flex;
    flex-direction: column;
    padding-block: var(--padding-2xl);
    border-top: 1px solid var(--color-border);
    gap: var(--padding-xs);
  }

  .pickup-location__address-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--padding-md);
  }

  .pickup-location__dialog {
    padding: var(--padding-2xl);
    position: fixed;
    border-radius: 0;
    width: var(--sidebar-width);
    max-width: 95vw;
    height: 100%;
    margin: 0 0 0 auto;
    border: var(--style-border-drawer);
    box-shadow: var(--shadow-drawer);
    background-color: var(--color-background);
  }

  .pickup-location__dialog:modal {
    max-height: 100dvh;
  }

  .pickup-location__text-sm {
    font-size: var(--font-size--sm);
    margin: 0;
  }

  .pickup-location__text-xs {
    font-size: var(--font-size--xs);
    margin: 0;
  }

  .product-form-text__error {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-xs);
  }

  .pickup-location__button {
    width: fit-content;
    color: var(--color-primary);
    font-size: var(--font-size--xs);
    font-family: var(--font-body--family);
    padding: 0;
    cursor: pointer;
    margin-block: var(--margin-xs);
  }

  .pickup-location__button:hover {
    color: var(--color-primary-hover);
  }

  .pickup-location__h4 {
    margin: 0;
  }

  .pickup-location__text-bold {
    font-size: var(--font-size--md);
    font-weight: 600;
    margin: 0;
  }

  .pickup-location__availability-wrapper {
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
    font-family: var(--font-paragraph--family);
  }

  .pickup-location__address {
    font-style: normal;
  }

  .pickup-location__close-button {
    top: calc(var(--padding-2xl) - (var(--icon-size-xs) / 2));
    right: calc(var(--padding-2xl) - var(--icon-size-xs));
  }
/* END_BLOCK:buy-buttons */

/* START_BLOCK:categories-list (INDEX:256, SCOPED:FALSE) */
.categories-list-container .category-item__img {
    aspect-ratio: var(--ratio);
    transition: transform 0.3s ease;
    object-fit: var(--image-fit);
  }

  .categories-list-container .category-item:hover .category-item__img {
    transform: scale(1.05);
  }

  @media screen and (max-width: 1024px) {
    .categories-grid.max-md\:flex-row {
      overflow-x: auto;

      .category-item {
        min-width: 28rem;
      }
    }
  }
/* END_BLOCK:categories-list */

/* START_BLOCK:contact-form-submit-button (INDEX:259, SCOPED:FALSE) */
.submit-button {
    min-width: max-content;
  }
/* END_BLOCK:contact-form-submit-button */

/* START_BLOCK:contact-form (INDEX:260, SCOPED:FALSE) */
.block-contact-form .contact-form {
    --padding-gap: calc(var(--gap) / 4);
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--padding-gap) / -1);

    @media (min-width: 750px) {
      --padding-gap: calc(var(--gap) / 2);
    }

    > .shopify-block {
      display: contents;
    }

    .contact-form-row {
      width: 100%;
      padding: 0 var(--padding-gap);
      margin-bottom: var(--margin-sm);

      @media screen and (min-width: 750px) {
        width: calc(var(--formRowWidth, 50%));
        padding: 0 var(--padding-gap);
        margin-bottom: var(--margin-md);
      }
    }

    .button {
      width: calc(100% - (var(--padding-gap) * 2));
      Margin-inline: auto;
    }
  }

  .contact-form-input,
  .contact-form-textarea {
    border-radius: var(--border-radius);
  }
  
  .contact-form-textarea {
    height: var(--textarea-height);
    resize: vertical;
  }

  .border-style--all {
    border: var(--border-width) solid var(--color-input-border);
  }

  .border-style--underline {
    border: none;
    border-radius: 0;
    border-bottom: var(--border-width) solid var(--color-input-border);
  }

  .border-style--none {
    border: none;
  }

  @media screen and (max-width: 1024px) {
    .form-textarea {
      height: calc(var(--textarea-height) * 0.75);
    }
  }

  @media screen and (max-width: 749px) {
    .form-textarea {
      height: calc(var(--textarea-height) * 0.5);
    }
  }
/* END_BLOCK:contact-form */

/* START_BLOCK:email-signup (INDEX:262, SCOPED:FALSE) */
.email-signup-block {
    @media screen and (max-width: 749px) {
      width: 100%;
    }
  }

  .email-signup__button {
    white-space: nowrap;
    padding: 0;
  }

  .email-signup__form {
    display: flex;
    flex-direction: column;
  }

  .email-signup__input-groups {
    position: relative;
    display: grid;
    align-items: stretch;
    grid-template-columns: 1fr auto;
    background-color: transparent;

    &:has(.email-signup__button--size-custom):not(:has(.email-signup__button--icon)) {
      @media screen and (min-width: 750px) {
        grid-template-columns: calc(100% - var(--size-style-width) - var(--gap)) var(--size-style-width);
      }
    }
  }

  .email-signup__input-groups:not(:has(.email-signup__button--integrated)) {
    gap: var(--gap);
  }

  .email-signup__input {
    --box-shadow-color: var(--color-input-border);

    width: 100%;
    border-width: var(--input-border-width);
    border-radius: var(--input-border-radius);
    {% if block.settings %}: solid;
    border-color: var(--color-input-border);
    box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset)
      var(--inputs-shadow-blur-radius) var(--box-shadow-color);

    &.subscription-text {
      border: none;
      padding-inline: 0;
    }
  }

.email-signup__input:focus-visible {
  outline: unset;
  outline-offset: unset;
  box-shadow: unset;
}

  .email-signup__input.paragraph {
    color: var(--color-input-text);
    outline-color: var(--color-input-background);
  }

  .email-signup__input,
  .email-signup__button--text {
    padding: var(--padding-lg) var(--padding-3xl);
  }

  .email-signup__input-groups:has(.email-signup__button--integrated) {
    & .email-signup__input {
      padding-inline: 1.8rem 5.5rem;
      padding-inline: var(--padding-vertical) var(--padding-horizontal);
    }

    &:has(.email-signup__button--text) .email-signup__input {
      padding-inline: 1.8rem calc(var(--padding-3xl) * 5);
    }
  }

  .email-signup__input-groups .email-signup__input--underline {
    --box-shadow-color: var(--color-input-border);
    --box-shadow-multiplier: 1;

    color: var(--color-input-text);
    background-color: transparent;
    padding: 1.6rem 2.8rem;
    border: none;
    border-radius: 0;
    border-bottom: var(--border-width) solid var(--border-color);
    transition: box-shadow var(--animation-values);

    &:focus-visible {
      --box-shadow-multiplier: 1.75;
      --box-shadow-color: var(--color-input-text);

      outline: none;
    }
  }

  .email-signup__input::placeholder {
    color: rgb(var(--color-input-text-rgb) / var(--opacity-70));
  }

  .email-signup__input-groups .email-signup__input--none {
    color: var(--color-input-text);
    background-color: var(--color-input-background);
    border: none;
  }

  .email-signup__input:has(+ .email-signup__button--icon),
  .email-signup__input:has(+ .email-signup__button--integrated) {
    @media screen and (max-width: 749px) {
      text-align: left;
    }
  }

  .email-signup__button--icon {
    aspect-ratio: 1;
    padding-inline: var(--padding-xs);
    min-width: auto;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    &.email-signup__button--icon-fill:not(.button-unstyled) {
      background-color: transparent;
      box-shadow: none;
      padding: 0.5rem;
      align-items: flex-end;

      > svg {
        padding: 0;
      }
    }

    & svg {
      color: var(--button-color);
      fill: currentcolor;
      padding: 0.5rem;

      @media screen and (max-width: 749px) {
        padding: 0;
        align-self: center;
        justify-self: center;
        width: var(--icon-size-lg);
        height: var(--icon-size-lg);
      }
    }

    & .icon-caret {
      transform: rotate(-90deg);
    }

    &:not(.email-signup__button--integrated) {
      width: auto;
    }
  }

  .email-signup__button--integrated {
    --button-offset: var(--margin-xs);

    position: absolute;
    height: calc(100% - (var(--button-offset) * 2) - (var(--border-width) * 2));
    right: calc(var(--button-offset) + var(--border-width));
    top: 50%;
    transform: translateY(-50%);

    @media screen and (max-width: 749px) {
      width: fit-content;
    }

    &.email-signup__button--text {
      padding: 0 var(--padding-3xl);
    }

    &.email-signup__button--text.button-unstyled {
      padding: 0 var(--padding-xl);
    }

    &.button-unstyled {
      border-radius: var(--input-border-radius);
    }

    &.email-signup__button--icon-fill:not(.button-unstyled) {
      align-items: center;
    }

    > svg {
      padding: 0;
    }
  }

  .email-signup__input--underline + .email-signup__button {
    &:not(.email-signup__button--integrated) {
      height: calc(100% + (var(--border-width) * 1));
    }
  }

  .email-signup__input--underline + .email-signup__button--integrated {
    right: 0;

    &.email-signup__button--text.button-unstyled {
      padding: 0;
    }

    &.button-unstyled {
      border-radius: 0;
    }
  }

  .email-signup__button:not(.button-unstyled) {
    background: var(--button-background-color);
    background-origin: border-box;
    color: var(--button-color);
    font-weight: var(--button-font-weight-primary);
    text-transform: var(--button-text-case-primary);
  }

  .email-signup__button.button-secondary {
    font-weight: var(--button-font-weight-secondary);
    text-transform: var(--button-text-case-secondary);
  }

  .email-signup__button.button-unstyled {
    background-color: transparent;
    color: var(--color-input-text);
  }

  .email-signup__button.button-unstyled:hover {
    color: rgb(var(--color-input-text-rgb) / var(--opacity-70));
    cursor: pointer;
  }

  .email-signup__message {
    display: flex;
    align-items: center;
    gap: var(--gap);
  }

  .email-signup__message-text {
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .submit-icon-size {
      width: var(--size-style-width);
    }
    .submit-icon-size svg {
      width: var(--icon-size-desktop);
      height: var(--icon-size-desktop);
    }
  }

  @media screen and (max-width: 749px) {
    .submit-icon-size svg {
      width: var(--icon-size-mobile);
      height: var(--icon-size-mobile);
    }
  }

  .input-effect-1{transition: 0.4s;}
  .input-effect-1 ~ .focus-border:before,
  .input-effect-1 ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: var(--focus-border-color,#3399FF); transition: 0.2s; transition-delay: 0.2s;}
  .input-effect-1 ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
  .input-effect-1 ~ .focus-border i:before,
  .input-effect-1 ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: var(--focus-border-color,#3399FF); transition: 0.2s;}
  .input-effect-1 ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.3s;}
  .input-effect-1.has-focus-border:focus {border-color: transparent;}
  .input-effect-1.has-focus-border::placeholder {transition: opacity 0.4s ease-in-out;}
  .input-effect-1.has-focus-border:focus::placeholder {opacity: 0;}
  .input-effect-1:focus ~ .focus-border:before,
  .input-effect-1:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
  .input-effect-1:focus ~ .focus-border:after{transition-delay: 0.2s;}
  .input-effect-1:focus ~ .focus-border i:before,
  .input-effect-1:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
  .input-effect-1:focus ~ .focus-border i:after{transition-delay: 0.4s;}

  .email-signup__button {
    cursor: pointer;

    svg {
      transition: all 0.2s ease-in-out;
    }

    &:hover {
      svg {
        color: var(--color-primary);
        transform:  scale(1.05);
      }
    }
  }

  .custom-input-height {
    .email-signup__input {
      height: var(--input-height);

      @media screen and (max-width: 1024px) {
        height: calc(var(--input-height) * 0.75);
      }

      @media screen and (max-width: 749px) {
        height: calc(var(--input-height) * 0.5);
      }
    }
  }
/* END_BLOCK:email-signup */

/* START_BLOCK:filters (INDEX:263, SCOPED:FALSE) */
.collection-wrapper {
    @media screen and (min-width: 750px) {
      --facets-vertical-col-width: 6;
    }

    @media screen and (min-width: 990px) {
      --facets-vertical-col-width: 2;
    }

    @media screen and (min-width: 1025px) {
      --facets-vertical-col-width: 3;
    }

    &:has(.facets-block-wrapper--right) {
      @media screen and (min-width: 990px) {
        --facets-vertical-col-start: 13;
      }
    }
  }

  .facets-block-wrapper {
    @media screen and (min-width: 750px) {
      margin: var(--facets-margin);
      grid-column: var(--grid-column--desktop);
    }
  }

  .facets-block-wrapper--vertical {
    grid-row: 1 / 4;

    @media screen and (max-width: 1024px) {
      margin: 0;
      grid-column: 6 / 14;

      .facets--vertical > .blog-posts__sidebar-item,
      .facets:not(.facets--drawer) {
        display: none;
      }
    }

    @media screen and (max-width: 749px) {
      grid-column: 7 / 14;
    }

    @media screen and (min-width: 1025px) {
      grid-column: var(--grid-column--desktop);
    }
  }

  .facets-block-wrapper--vertical .facets__disclosure {
    width: fit-content;
  }

  .facets-block-wrapper--vertical .facets__summary {
    margin-bottom: 0;
    padding: var(--padding-sm);
  }

  .facets-block-wrapper--vertical + .facets-toggle {
    @media screen and (max-width: 749px) {
      margin: 0;
    }
  }

  .facets-mobile-wrapper {
    display: flex;
    align-items: center;
    gap: var(--gap-sm);
    justify-content: flex-end;
  }

  .facets-mobile-wrapper:has(> :nth-child(2)) {
    justify-content: space-between;
  }

  dialog-component.facets-block-wrapper:not(:has(.facets--drawer[open])) {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }

  .variant-option__swatch-wrapper {
    position: relative;
    overflow: visible;
    border-radius: var(--options-border-radius);
  }

  .variant-option--swatches-disabled .variant-option__swatch-wrapper {
    overflow: hidden;
  }

  .facets-layout .swatch-item .facet-checkbox {
    padding: 0;
    margin: 0;
  }

  .facets-layout .facets-layout-list--pill .input--primary {
    background-color: rgba(var(--color-foreground-rgb) / 0.05);
  }

  .facets-layout .swatch-item .input--primary:after {
    box-shadow: none;
    border-radius: var(--swatch--border-radius);
  }

  .facets {
    --facets-form-horizontal-gap: 20px;
    --facets-horizontal-max-input-wrapper-height: 230px;
    --facets-upper-z-index: var(--layer-raised);
    --facets-open-z-index: var(--layer-heightened);
    --facets-sticky-z-index: var(--layer-sticky);
    --facets-panel-min-width: 120px;
    --facets-panel-height: 300px;
    --facets-grid-panel-width: 300px;
    --facets-clear-padding: var(--padding-md);
    --facets-clear-shadow: 0 -4px 14px 0 rgb(var(--color-foreground-rgb) / var(--facets-low-opacity));
    --facets-input-label-color: rgb(var(--color-input-text-rgb) / var(--opacity-60));
    --facets-clear-all-min-width: 120px;
    --facets-see-results-min-width: 55%;
    --facets-mobile-gap: 22px;
    --facets-low-opacity: 10%;
    --facets-hover-opacity: 75%;

    top: auto;
    bottom: 0;
    height: var(--drawer-height);
    max-height: var(--drawer-height);
    width: var(--drawer-width);
    max-width: var(--drawer-max-width);
    box-shadow: none;
    padding-block: 0;
    display: block;
    grid-column-start: span 3;

    &:not(.facets--drawer) {
      @media screen and (min-width: 750px) {
        padding-inline: var(--padding-inline-start) var(--padding-inline-end);
        width: 100%;
        max-width: 100%;
      }
    }
  }

  .facets-container {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    padding-top: 1rem;

    .facets--vertical & {
      display: block;
    }
  }

  @media screen and (min-width: 750px) {
    .facets-container > * + * {
      margin-top: 0;
    }
  }

  @media screen and (max-width: 1024px) {
    .facets-container {
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 2rem;
    }

    .facets {
      grid-column-start: span 1;

      &.facets-vertical-sort {
        grid-column: 2 / 6;

        .switcher-grid ul {
          padding: 1.3rem 1rem;
        }
      }

      .divider {
        display: none;
      }
    }

    .facets--vertical .facets-container {
      grid-template-columns: 1fr;
    }
  }

  @media screen and (max-width: 749px) {
    .facets-container {
      grid-template-columns: 1fr max-content 1fr;
    }

    .facets.facets-vertical-sort {
      grid-column: 1 / 7;
    }
  }

  @media screen and (min-width: 1025px) {
    .facets-vertical-form {
      display: grid;
      align-items: baseline;
      gap: 0 3.5rem;
      grid-template-columns: 1fr max-content max-content;
    }
  }

  .facets-vertical-sort--vertical .facets-vertical-form {
    @media screen and (min-width: 1025px) {
      grid-template-columns: 1fr;
    }

    .sorting-wrapper {
      justify-content: space-between;
    }

    .facets__summary {
      margin-bottom: 0;
      padding: var(--padding-sm);
    }
  }

  @media screen and (min-width: 1025px) {
    .facets-vertical-sort--vertical-divider {
      border-top: var(--style-border-width) solid var(--color-border);
    }
  }

  .collection-wrapper:has(.collection-wrapper--full-width) .facets--vertical:not(.facets--drawer) {
    @media screen and (min-width: 750px) {
      padding-inline-start: max(var(--padding-sm), var(--padding-inline-start));
    }
  }

  .facets--drawer {
    border-radius: 0;
    border-right: var(--style-border-drawer);
    box-shadow: var(--shadow-drawer);
    padding-inline: 0;
  }

  .facets--drawer[open] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .facets.facets-controls-wrapper {
    @media screen and (min-width: 750px) {
      grid-column: column-1 / column-12;
      color: rgb(var(--color-foreground-rgb) / var(--opacity-70));
      gap: 0 var(--facets-form-horizontal-gap);
      padding-bottom: var(--padding-xs);
    }
  }

  .collection-wrapper:has(.product-grid-mobile--large) .facets-mobile-wrapper.facets-controls-wrapper {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  .facets__inputs {
    display: flex;
    flex-direction: column;
    gap: var(--padding-lg);
    width: 100%;
  }

  :is(.facets--drawer, .facets--vertical) .facets__inputs:not(:has(.show-more)) {
    padding-block-end: var(--padding-sm);
  }

  /* Facets - Price */
  .facets__priceblock .facets-price__range {
    padding-block: var(--padding-sm);
  }

  /* Facets - Form */
  .facets__form-wrapper {
    display: flex;
    flex-direction: column;
    color: var(--color-foreground-muted);
    width: 100%;
  }

  .facets__form-vertical .facets__form-wrapper-inner {
    display: flex;
    flex-direction: column;
    gap: var(--filter-gap-vertical);
  }

  .facets__form {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    align-items: flex-start;
  }

  .facets:not(.facets--drawer) .facets__filters-wrapper {
    @media screen and (min-width: 750px) {
      margin-inline-end: var(--margin-md);
    }
  }

  /* sorting */
  .sorting-wrapper {
    flex: 1;
    justify-content: flex-end;
  }

  /* Facets - Summary */
  .facets__summary {
    --variant-picker-swatch-width: 32px;
    --variant-picker-swatch-height: 32px;
    --icon-opacity: 0.5;

    font-size: var(--body-s-font-size);
    padding: 0;
    display: flex;
    justify-content: space-between;

    &:hover {
      --icon-opacity: 1;
    }

    & > .svg-wrapper {
      margin-right: 0;
    }

    @media screen and (min-width: 750px) {
      --variant-picker-swatch-width: 26px;
      --variant-picker-swatch-height: 26px;
    }
  }

  .facets--panel-style-underline .blog-posts__sidebar-item summary,
  .facets--panel-style-underline .facets__summary {
    border-bottom: .1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-10));
  }

  .facets__filters-wrapper:hover .facets__summary,
  .facets__filters-wrapper:has(.facets__panel[open]) .facets__summary {
    opacity: var(--facets-hover-opacity);
  }

  .facets__filters-wrapper .facets__summary:hover,
  .facets__filters-wrapper .facets__panel[open] .facets__summary {
    opacity: 1;
  }

  .facets__summary .icon-caret {
    height: var(--icon-size-xs);
    width: var(--icon-size-xs);
    color: rgb(var(--color-foreground-rgb) / var(--icon-opacity));
    margin-block: var(--margin-2xs);
    transition: color var(--animation-speed) var(--animation-easing),
      transform var(--animation-speed) var(--animation-easing);
  }

  .facets--drawer .facets__summary .icon-caret {
    margin-inline-start: var(--margin-2xs);
  }

  /* Facets - Bubble */
  .facets__bubble {
    display: inline-flex;
    font-family: var(--font-paragraph--family);
    font-weight: var(--font-paragraph--weight);
    aspect-ratio: 1 / 1;
    line-height: 1;
  }

  /* Facets - Inputs */
  .facets__inputs-wrapper {
    margin-block: var(--padding-xs) var(--padding-xs);
  }

  .facets__inputs .show-more {
    display: flex;
    flex-direction: column;
    gap: var(--gap-xl);
    margin-block-end: var(--padding-xl);
  }

  .facets:not(.facets--drawer) .facets__inputs-wrapper {
    @media screen and (min-width: 750px) {
      gap: var(--gap-sm);
    }
  }

  @media screen and (max-width: 749px) {
    .facets__inputs:has(.show-more) .facets__inputs-wrapper {
      padding-block: var(--padding-sm);
      padding-inline: var(--padding-sm);
      margin-block: calc(var(--padding-sm) * -1);
      margin-inline: calc(var(--padding-sm) * -1);
    }
  }

  .facets__inputs-wrapper:not(:has(.facets__inputs-list)),
  .facets__inputs-wrapper .facets__inputs-list {
    display: flex;
    gap: var(--facets-mobile-gap);
    flex-direction: column;

    @media screen and (min-width: 750px) {
      gap: var(--gap-sm);
    }
  }

  @media screen and (min-width: 750px) {
    .facets--horizontal
      .facets__inputs-wrapper
      .facets__inputs-list--swatches:not(.facets__inputs-list--swatches-grid) {
      display: grid;
      grid-template-columns: repeat(var(--swatch-columns, 4), 1fr);
    }
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches {
    --facets-mobile-gap: var(--gap-sm);
  }

  .facets__inputs-wrapper .facets__inputs-list--grid {
    --min-column-width: 20%;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--min-column-width), 1fr));
    gap: var(--gap-sm);

    @media screen and (min-width: 750px) {
      --min-column-width: 50px;
    }
  }

  .facets-block-wrapper:not(.facets-block-wrapper--vertical) .facets__inputs-list--grid {
    @media screen and (min-width: 750px) {
      width: var(--facets-grid-panel-width);
    }
  }

  .facets__inputs-wrapper--row:not(:has(.facets__inputs-list)),
  .facets__inputs-wrapper--row .facets__inputs-list {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .facets__inputs .show-more__button {
    --show-more-icon-size: 22px;
    --show-more-gap: 8px;

    gap: var(--show-more-gap);

    @media screen and (min-width: 750px) {
      --show-more-icon-size: 16px;
      --show-more-gap: 6px;
    }
  }

  .facets__inputs .show-more__button .icon-plus {
    width: var(--show-more-icon-size);
    height: var(--show-more-icon-size);

    svg {
      width: var(--icon-size-xs);
      height: var(--icon-size-xs);
    }
  }

  /* Facets - Panel */
  .facets__panel {
    padding: 0 var(--drawer-padding);
  }

  .facets__panel .field__input {
    font-size: var(--body-xs-font-size);
  }

  .facets__panel--frame .facets__summary {
    border: var(--style-border-width) solid var(--color-foreground);
    border-radius: var(--style-border-radius-buttons-primary);
  }

  .facets__display {
    border-width: var(--style-border-width);
    border-style: solid;
    border-color: var(--color-foreground);
    border-radius: var(--style-border-radius-buttons-primary);
    box-shadow: var(--popup-shadow);
    background: var(--color-background);
    position: absolute;
    top: 100%;
    left: 0rem;
    width: 35rem;
    box-shadow: rgba(var(--color-shadow-rgb) / 0.2) 0px 0px 20px;
  }

  .facets:not(.facets--drawer) .facets__panel,
  .facets-controls-wrapper .facets__panel {
    @media screen and (min-width: 750px) {
      padding: 0;
    }
  }

  .facets-mobile-wrapper .facets__panel-content {
    border-radius: var(--style-border-radius-popover);
  }

  .facets-mobile-wrapper {
    --facets-upper-z-index: var(--layer-raised);
    --facets-panel-min-width: 120px;
    --facets-panel-height: 300px;
  }

  .facets--horizontal .facets__panel-content,
  .sorting-filter__options {
    @media screen and (min-width: 750px) {
      border-radius: var(--style-border-radius-popover);
      position: absolute;
      top: 100%;
      width: max-content;
      min-width: var(--facets-panel-min-width);
      max-width: var(--facets-panel-width);
      max-height: var(--facets-panel-height);
      z-index: var(--facets-upper-z-index);
      box-shadow: var(--style-shadow-popover);
      border: var(--style-border-popover);
      background: var(--color-background);
      overflow-y: hidden;
      gap: 0;
    }
  }

  :is(.facets--drawer, .facets--vertical) :is(.facets__item, .sorting-filter)::before {
    content: '';
    display: block;
    height: 0;
    width: calc(100% - var(--drawer-padding) * 2);
    border-top: var(--style-border-width) solid var(--color-border);
    margin: 0 auto;
  }

  @media screen and (min-width: 750px) {
    .facets--horizontal .facets__item:not(:first-of-type)::before,
    .facets--horizontal .sorting-filter::before {
      content: none;
    }
  }

  /* Facets - Text */
  .facets__label,
  .facets__clear-all,
  .clear-filter {
    text-decoration-color: transparent;
    text-decoration-thickness: 0.075em;
    text-underline-offset: 0.125em;
    transition: text-decoration-color var(--animation-speed) var(--animation-easing);
  }

  .facets__label,
  .products-count-wrapper {
    text-transform: var(--facet-label-transform);
  }

  .clear-filter {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
  }

  /* Facets - Label */
  .facets__label {
    color: var(--color-foreground);
    cursor: pointer;
    font-size: var(--font-size, var(--body-s-font-size));
    margin: 0;
  }

  /* Facet checkbox */
  .facet-checkbox {
    padding: 0rem;
    flex-grow: 1;
    position: relative;
    font-size: var(--font-size, var(--body-xs-font-size));
    display: flex;
    align-items: center;
    word-break: break-word;
  }


  /* Products count */
  .products-count-wrapper {
    display: none;
  }

  /* Facets - Active facets */
  .active-facets {
    grid-column: 1 / -1;
    grid-row: 4;
    row-gap: var(--margin-xs);

    .results-count {
      font-size: var(--body-xs-font-size);
      color: rgba(var(--color-foreground-rgb) / var(--opacity-50));
    }

    @media screen and (max-width: 1024px) {
      margin: 0 -1.2rem 1.2rem;
    }

    @media screen and (min-width: 1025px) {
      grid-column: 1 / -1;
      grid-row: 2;
    }

    .mobile-facets & {
      row-gap: var(--margin-2xs);
    }
  }

  .active-facets-vertical-filter .active-facets__button-wrapper {
    margin-right: 0;
  }

  .active-facets-vertical-filter:not(:has(+ facet-remove)) .active-facets__button-wrapper {
    display: none;
  }

  .active-facets__button {
    margin-right: var(--margin-xs);
    padding: calc(var(--padding-2xs) + var(--padding-3xs)) var(--padding-sm);
    border: 1px solid rgba(var(--color-foreground-rgb) / 0.05);
    background: rgba(var(--color-foreground-rgb) / 0.05);
    transition: background var(--animation-speed-slow) var(--animation-timing-hover),
      border var(--animation-speed-slow) var(--animation-timing-hover),
      transform var(--animation-speed-slow) var(--animation-timing-hover);
  }

  @media (hover: hover) {
    facet-remove:hover .active-facets__button {
      background: rgba(var(--color-foreground-rgb) / 0.2);
      border: 1px solid rgba(var(--color-foreground-rgb) / 0.2);
      transform: translateY(-0.2rem);
    }
  }

  /* Mobile specific components */
  .facets__title-wrapper {
    background: var(--color-background);
    color: var(--color-foreground);
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: var(--padding-xs);
    padding-inline-start: var(--drawer-padding);
    padding-inline-end: var(--padding-2xs);
    z-index: var(--facets-sticky-z-index);
  }

  :is(.facets--horizontal, .facets--vertical) .facets__title-wrapper {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }

  .facets-drawer__title {
    --variant-picker-swatch-width: 32px;
    --variant-picker-swatch-height: 32px;

    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--gap-xs);

    @media screen and (min-width: 750px) {
      --variant-picker-swatch-width: 26px;
      --variant-picker-swatch-height: 26px;
    }
  }

  .facets-drawer__close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: var(--minimum-touch-target);
    height: var(--minimum-touch-target);
    box-shadow: none;
  }

  /* Status */
  .facets__status {
    margin-left: var(--margin-xs);
  }

  .facets__header-vertical .facets__status {
    margin-left: 0;
  }

  .facets__status:not(:empty) {
    width: max-content;
    display: flex;
    font-weight: 500;
    color: var(--color-foreground);
  }

  .facets--filters-title {
    margin-block-end: 0;
    color: var(--color-foreground);
    height: fit-content;

    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  /* Facets - Vertical */
  .facets--vertical {
    .active-facets-mobile {
      margin: 1.2rem 0;
      padding: 0rem var(--padding-sm);
    }
    .facets-layout-list {
      padding-block: var(--padding-xs);
      gap: var(--gap-md);
      display: flex;
      flex-flow: column;

      &.facets-layout-list--pill ,
      &:has(.swatch-item) {
        flex-direction: row;
        flex-wrap: wrap;
      }
    }
    .facets-wrap-vertical,
    .blog-posts__sidebar-item .details-content {
      padding: 0 0 var(--padding-xs);
      margin: var(--margin-sm) 0 0;
      font-size: var(--font-size--sm);
    }

    .blog-posts__sidebar-item summary {
      padding: var(--padding-sm);
    }

    &.facets--panel-style-frame .blog-posts__sidebar-item summary {
      border: var(--style-border-width) solid var(--color-foreground);
      border-radius: var(--style-border-radius-buttons-primary);
    }

    .facets__inputs:has(.show-more) .facets__inputs-wrapper {
      padding-block: var(--padding-sm);
      padding-inline: var(--padding-sm);
      margin-block: calc(var(--padding-sm) * -1);
      margin-inline: calc(var(--padding-sm) * -1);
    }

    &.facets--panel-style-underline .facets__summary,
    &.facets--panel-style-underline .blog-posts__sidebar-item summary {
      padding-inline: 0;
    }

    @media screen and (max-width: 1024px) {
      .facets-container {
        grid-template-columns: 1fr;
      }
    }

    @media screen and (min-width: 750px) {
      .facets__item:not(:first-of-type)::before,
      .sorting-filter::before {
        content: '';
      }

      .facets__inputs-wrapper .facets__inputs-list--swatches {
        gap: var(--gap-sm);
      }
    }

    @media screen and (min-width: 750px) {
      padding-block: 0 var(--padding-block-end);
      display: flex;
      flex-direction: column;
      position: auto;
      top: 0;
      bottom: auto;
      height: auto;
      max-height: none;
      width: auto;
      overflow: visible;
      gap: var(--filter-gap-vertical);
    }

    @media screen and (min-width: 1025px) {
      &.facets--vertical-sticky {
        position: sticky;
      }
    }
  }

  /* Facets - Horizontal */

  .facets--horizontal {
    display: flex;

    .facets__list {
      padding: 1rem 0;
      gap: var(--gap-md);
      display: flex;
      flex-flow: column;
    }

    .facet-filters__sort .facets__list {
      padding: .5rem 2rem;
    }

    @media screen and (min-width: 750px) {
      padding-block: var(--padding-block-start) var(--padding-block-end);
      align-items: center;
      position: relative;
      z-index: var(--facets-upper-z-index);
      border: none;
      height: auto;
      top: initial;
      bottom: initial;
      max-height: none;
      width: auto;
      overflow: visible;
    }

    .active-facets {
      margin-top: var(--margin-2xl);

      .active-facets__button-wrapper {
        margin-right: var(--margin-xs);
      }
    }

    .products-count-wrapper {
      @media screen and (min-width: 750px) {
        display: flex;
        margin-left: auto;
        flex-shrink: 0;
        align-items: center;
        height: var(--minimum-touch-target);
      }
    }

    .active-facets__button {
      margin-top: 0;
    }

    .facets__panel .facets__status:has(:not(:empty)) {
      @media screen and (min-width: 750px) {
        display: flex;
        margin-inline-start: var(--margin-xs);
        margin-inline-end: var(--margin-xs);
      }
    }

    .facets__form {
      @media screen and (min-width: 750px) {
        gap: 0 var(--facets-form-horizontal-gap);
        flex-flow: row nowrap;
        height: auto;

        &.facets__form--divider {
          flex-direction: column;
        }
      }
    }

    .facets__panel {
      @media screen and (min-width: 750px) {
        position: relative;
        width: fit-content;
      }
    }

    .facets__inputs .show-more {
      @media screen and (min-width: 750px) {
        display: contents;
      }
    }

    .facets__inputs-wrapper {
      @media screen and (min-width: 750px) {
        max-height: var(--facets-horizontal-max-input-wrapper-height);
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-x: auto;
        padding: var(--padding-md);
        margin-block: 0;
      }
    }

    .facet-filters__field-label {
      font-size: var(--font-size);
    }

    .facets__summary {
      padding: var(--padding-xs) var(--padding-sm);
      min-width: 9rem;
      @media screen and (min-width: 750px) {
        font-size: var(--font-size);
        justify-content: flex-start;
        height: var(--minimum-touch-target);
      }
    }

    .facets__filters-wrapper {
      @media screen and (min-width: 750px) {
        max-width: 60%;
        display: flex;
        flex-wrap: wrap;
        column-gap: var(--gap-xl);
        margin-inline-end: 0;
      }
    }

    .facets__form:not(.facets__form--divider) .sorting-wrapper {
      flex-wrap: wrap;
    }

    .facets__form.facets__form--divider {
      .sorting-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--margin-xl);
        width: 100%;

        @media screen and (min-width: 1025px) {
          grid-template-columns: 1fr max-content minmax(max-content, 1fr);
        }
      }

      .facets__form-wrapper {
        flex: 1 0 100%;
        max-width: 100%;
      }

      .divider__line {
        flex-basis: 100%;
        min-height: 100%;
        border-bottom: 1px solid var(--color-border);
      }
    }

    .facets__form-wrapper {
      @media screen and (min-width: 750px) {
        flex-direction: row;
        height: auto;
        align-items: flex-start;
        display: flex;
        gap: var(--margin-2xl);
        flex: 1 0 60%;
        max-width: 60%;
      }

      .facets__form-wrapper-inner {
        display: flex;
        flex-wrap: wrap;
        gap: var(--margin-2xl);
      }
    }

    .swatch-input-wrapper .swatch-input__label {
      display: flex;
      align-items: center;
      gap: var(--gap-xs);
      font-size: var(--font-size--sm);
    }

    .swatch-input-wrapper .swatch-input__label .visually-hidden {
      position: static !important;
      overflow: visible;
      width: auto;
      height: auto;
      margin: 0;
      padding: unset;
      border: initial;
      clip: auto;
      word-wrap: break-word !important;
    }

    .swatch-input-wrapper .swatch-input__label .facet-checkbox__text {
      position: absolute !important;
      overflow: hidden;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      border: 0;
      clip: rect(0 0 0 0);
      word-wrap: normal !important;
    }
  }

  .collection-wrapper:has(> .facets--horizontal) .facets__panel[open] {
    @media screen and (min-width: 750px) {
      z-index: var(--facets-open-z-index);
    }
  }
/* END_BLOCK:filters */

/* START_BLOCK:footer-utilities (INDEX:265, SCOPED:FALSE) */
.footer-utilities {
    width: 100%;
    text-wrap: nowrap;
    border-top: var(--border-width) solid var(--color-border);
    color: var(--color-foreground-muted);
  }

  @media screen and (min-width: 750px){
    .group-block-content > .footer-utilities {
      width: auto;
    }
  }

  .footer-utilities a {
    color: var(--color-foreground-muted);
  }

  .footer-utilities__group {
    text-align: center;
    align-items: center;
    justify-content: var(--horizontal-alignment);
    flex-wrap: wrap;
  }

  .footer-utilities__group--right {
    display: flex;
    flex-direction: column;
    @media screen and (min-width: 750px) {
      flex-direction: row;
      align-items: baseline;
      gap: var(--gap-2xs) var(--gap-xl);
    }
  }

  .footer-utilities__group:empty {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }
/* END_BLOCK:footer-utilities */

/* START_BLOCK:icon (INDEX:268, SCOPED:FALSE) */
.icon-block {
    display: flex;
    flex-shrink: 0;
    fill: currentcolor;
  }

  .icon-block__media {
    height: auto;
    object-fit: cover;
    aspect-ratio: var(--ratio);
  }

  .image-zoomin {
    overflow: hidden;
    .icon-block__media {
      transition: transform var(--hover-transition-duration) var(--hover-transition-timing);
    }

    &:hover .icon-block__media {
      transform: scale(var(--hover-subtle-zoom-amount));
    }
  }
/* END_BLOCK:icon */

/* START_BLOCK:image-carousel (INDEX:269, SCOPED:FALSE) */
.image-carousel .swiper .swiper-pagination.swiper-pagination-pos--inside {
    --swiper-pagination-bottom: 3.5rem;
  }
/* END_BLOCK:image-carousel */

/* START_BLOCK:image-with-content (INDEX:270, SCOPED:FALSE) */
.image-with-content-block {
    width: var(--width);
    height: auto;
  }

  .image-with-content-block > * {
    text-align: var(--text-align, var(--text-align-default));
  }

  .text-block--align-left {
    margin-inline-end: auto;
  }

  .text-block--align-center {
    margin-inline: auto;
  }

  .text-block--align-right {
    margin-inline-start: auto;
  }
/* END_BLOCK:image-with-content */

/* START_BLOCK:logo (INDEX:273, SCOPED:FALSE) */
.logo-block {
    width: calc(var(--logo-width) + var(--padding-inline-start) + var(--padding-inline-end));
    max-width: 100%;
    max-height: calc(var(--logo-height, 100%) + var(--padding-block-start) + var(--padding-block-end));
    font-size: var(--logo-height);
    display: flex;

    @media screen and (max-width: 749px) {
      max-height: calc(
        var(--logo-height-mobile, var(--logo-height, 100%)) + var(--padding-block-start) + var(--padding-block-end)
      );
      font-size: var(--logo-height-mobile, var(--logo-height));
      width: calc(
        var(--logo-width-mobile, var(--logo-width)) + var(--padding-inline-start) + var(--padding-inline-end)
      );
    }
    .text-block {
      line-height: 1;
    }
  }

  .logo-block__image-wrapper {
    display: flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .logo-block__image {
    object-fit: contain;
    width: 100%;
  }
/* END_BLOCK:logo */

/* START_BLOCK:map (INDEX:274, SCOPED:FALSE) */
.shopify-block:has(.map-embed) {
    width: 100%;
  }
/* END_BLOCK:map */

/* START_BLOCK:marquee-circle (INDEX:275, SCOPED:FALSE) */
.marquee-circle {
    width: var(--width);
    height: var(--width);

    @media screen and (max-width: 749px) {
      width: var(--mobile-width);
      height: var(--mobile-width);
    }

    &.position-style {
      position: absolute;
      top: var(--position-vertical);
      left: var(--position-horizontal);
      transform: translate(-50%, -50%);
      z-index: 1;

      @media screen and (max-width: 749px) {
        top: var(--position-vertical-mobile);
        left: var(--position-horizontal-mobile);
      }
    }
  }

  .circle-path {
    position: absolute;
    inset: 0;
  }

  .circle-animation {
    width: 110%;
    height: 110%;
    animation: rotate-circle var(--marquee-speed) linear infinite var(--marquee-direction);
    transform-origin: center;
    will-change: transform, letter-spacing;
    letter-spacing: 0;
  }

  .pause-on-hover:hover .circle-animation {
    animation-play-state: paused;
  }

  @keyframes rotate-circle {
    0% {
      letter-spacing: -2px;
    }
    50% {
      letter-spacing: 0;
    }
    100% {
      letter-spacing: -2px;
      transform: rotate(-1turn);
    }
  }
/* END_BLOCK:marquee-circle */

/* START_BLOCK:price (INDEX:281, SCOPED:FALSE) */
.tax-note:empty {
    display: none;
  }

  form.payment-terms {
    padding-top: 0.5em;
  }

  .installments:not(:has(shopify-payment-terms)) {
    display: none;
  }
/* END_BLOCK:price */

/* START_BLOCK:product-countdown (INDEX:282, SCOPED:FALSE) */
.card--block-countdown .product-countdown-label {
    font-size: var(--font-size);
  }
/* END_BLOCK:product-countdown */

/* START_BLOCK:product-inventory (INDEX:286, SCOPED:FALSE) */
.product-inventory__status {
    display: flex;
    align-items: center;
    font-size: var(--font-paragraph--size);
    line-height: var(--font-paragraph--line-height);
    gap: var(--padding-xs);
  }

  .product-inventory__icon,
  .product-inventory__icon svg {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
  }

  .product-inventory__icon-low {
    color: var(--color-lowstock);
  }

  .product-inventory__icon-in_stock {
    color: var(--color-instock);
  }

  .product-inventory__icon-out_of_stock {
    color: var(--color-outofstock);
  }

  .product-inventory__icon circle:first-of-type {
    opacity: var(--opacity-30);
  }
/* END_BLOCK:product-inventory */

/* START_BLOCK:review (INDEX:291, SCOPED:FALSE) */
.rating-wrapper {
    width: 100%;
    gap: var(--gap-xs);
    flex-wrap: wrap;
  }

  .rating-color--primary {
    --star-fill-color: var(--color-primary);
  }

  .rating-color--foreground {
    --star-fill-color: var(--color-foreground);
  }

  .rating-wrapper,
  .rating {
    display: flex;
    align-items: center;
  }

  .rating-wrapper.justify-right {
    flex-direction: row-reverse;
  }

  .rating {
    gap: var(--gap-3xs);
  }

  .rating-wrapper .rating-text,
  .rating-wrapper .rating-count,
  .rating-wrapper .rating-count-separator {
    color: var(--star-fill-color);
    margin: 0;
    white-space: nowrap;
  }

  .rating-count-separator {
    opacity: var(--opacity-20);
    padding-left: calc(var(--padding-xs) / 2);
    padding-right: var(--padding-xs);
  }

  .stars {
    height: var(--star-size);
    fill: var(--empty-star-fill-color);
  }

  .filled-star {
    fill: var(--star-fill-color);
  }
/* END_BLOCK:review */

/* START_BLOCK:spacer (INDEX:293, SCOPED:FALSE) */
.spacer {
    height: var(--spacerHeight);
    width: var(--spacerWidth);
    display: block;
  }

  @media (max-width: 1024px) {
    .spacer {
      height: calc(var(--spacerHeight) * 0.75);
      width: calc(var(--spacerWidth) * 0.75);
    }
  }

  @media (max-width: 749px) {
    .spacer {
      height: calc(var(--spacerHeight) * 0.5);
      width: calc(var(--spacerWidth) * 0.5);
    }
  }

  @media (max-width: 480px) {
    .spacer {
      height: calc(var(--spacerHeight) * 0.25);
      width: calc(var(--spacerWidth) * 0.25);
    }
  }
/* END_BLOCK:spacer */

/* START_BLOCK:store-locator (INDEX:294, SCOPED:FALSE) */
.storeLocator {
    display: flex;
    gap: var(--map-gap-desktop);
  }

  .storeLocator__item {
    padding: var(--pt) var(--pr) var(--pb) var(--pl);
    text-decoration: none;
    border-bottom: var(--border-width) solid var(--border-color);
    cursor: pointer;
  }

  .storeLocator__item:last-child {
    border-bottom: none;
  }

  .storeLocator__item.active,
  .storeLocator__item:hover {
    background-color: var(--item-background);
  }

  .storeLocator__left {
    width: var(--map-list-width);
    overflow-y: auto;
    height: var(--map-list-height);
  }

  /* Scrollbar */
  .storeLocator__left::-webkit-scrollbar {
    width: 4px;
  }

  .storeLocator__left::-webkit-scrollbar-track {
    background: #F8F8F8;
  }

  .storeLocator__left::-webkit-scrollbar-thumb {
    background: #51565A;
  }

  .shopify-block:has(.storeLocator__right) {
    width: 100%;
  }

  .storeLocator__right {
    flex: 1;
  }

  .storeLocator__right .map:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, #fafafa 8%, #f8f8f8 60%);
    transform: translateY(-100%);
    z-index: 2;
  }

  .storeLocator__right .map.is-loading:after {
    animation: overlaySlide 1.2s ease forwards;
  }

  .storeLocator__right .map {
    position: relative;
    overflow: hidden;
  }

  .storeLocator__right .map,
  .storeLocator__right iframe {
    width: 100%;
    height: 100%;
  }

  @media screen and (max-width: 749px) {
    .storeLocator {
      gap: var(--map-gap-mobile);
      flex-direction: column;
    }

    .storeLocator__left {
      width: 100%;
    }

    .storeLocator__right {
      aspect-ratio: 1 / 1;
    }
  }

  @keyframes overlaySlide {
    25%, 75% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(100%);
    }
  }
/* END_BLOCK:store-locator */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:accordion (INDEX:299, SCOPED:FALSE) */
.accordion {
    flex: 1;
    width: 100%;
  }

  @container style(--border-width: 0) or style(--border-style: none) {
    .accordion--dividers:not([class*='color-']) accordion-custom:first-child .details {
      border-block-start: var(--style-border-width) solid var(--color-border);
    }

    .accordion--dividers:not([class*='color-']) accordion-custom:last-child .details {
      border-block-end: var(--style-border-width) solid var(--color-border);
    }
  }

  .accordion--dividers accordion-custom:not(:first-child) .details {
    border-block-start: var(--style-border-width) solid var(--color-border);
  }

  .accordion--dividers .details-content {
    padding-block-end: var(--padding-sm);
  }

  .accordion--caret .icon-plus-wrapper,
  .accordion--plus .icon-caret-wrapper {
    display: none;
  }

  /* because we can't pass apply a specific class on a block based on its parent block setting */
  .accordion .details__header {
    font-family: var(--summary-font-family);
    font-style: var(--summary-font-style);
    font-weight: var(--summary-font-weight);
    font-size: var(--summary-font-size);
    line-height: var(--summary-font-line-height);
    text-transform: var(--summary-font-case);
  }
/* END_SNIPPET:accordion */

/* START_SNIPPET:account-drawer (INDEX:300, SCOPED:FALSE) */
.drawer__form-field {
    label {
      font-weight: 500;
    }

    input {
      box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground-rgb) / 0.2);
      outline: 0;
      border-radius: var(--inputs-radius);

      &.field__input:not(:placeholder-shown) {
        padding-top: 0px;
      }
    }

    input:focus {
      padding-top: 0px;

      &::placeholder {
        opacity: 0;
      }
    }
  }
/* END_SNIPPET:account-drawer */

/* START_SNIPPET:add-to-cart-button (INDEX:301, SCOPED:FALSE) */
.add-to-cart-text {
    display: flex;
    gap: var(--gap-2xs);
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    animation-duration: var(--animation-speed);
    animation-timing-function: var(--animation-easing);
    animation-fill-mode: forwards;
    transition: opacity var(--animation-speed) var(--animation-easing);
  }

  .atc-added .add-to-cart-text {
    animation-name: atc-slide-out;
  }

  .add-to-cart-text--added {
    position: absolute;
    inset: 0;
    animation-duration: var(--animation-speed);
    animation-timing-function: var(--animation-easing);
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: width var(--animation-speed) var(--animation-easing),
      opacity var(--animation-speed) var(--animation-easing);
  }

  .atc-added .add-to-cart-text--added {
    animation-name: atc-slide-in;
  }

  @keyframes atc-slide-in {
    from {
      opacity: 0;
      transform: translateY(0.5em);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes atc-slide-out {
    from {
      transform: translateY(0);
      opacity: 1;
    }

    to {
      transform: translateY(-1em);
      opacity: 0;
    }
  }
/* END_SNIPPET:add-to-cart-button */

/* START_SNIPPET:background-video (INDEX:305, SCOPED:FALSE) */
@media (prefers-reduced-motion: reduce) {
    video-background-component video {
      display: none;
    }
  }
/* END_SNIPPET:background-video */

/* START_SNIPPET:breadcrumbs (INDEX:309, SCOPED:FALSE) */
.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content: {{ justify }};
  gap: {{ gap }}px;
  font-size: {{ font_size }};
  line-height: 1.2;

  /* FIX: prevent left clipping + add safe padding */
  width: 100%;
  box-sizing: border-box;
  padding-inline: 12px;     /* left + right spacing */
  margin-inline: 0 !important; /* cancels any theme negative margins */
}

@media (max-width: 768px){
  .breadcrumb{
    justify-content: flex-start !important; /* safer on mobile */
    padding-inline: 16px;
  }
}
  .breadcrumb__sep { opacity: .65; }
  .breadcrumb a { text-decoration: none; }
  .breadcrumb a:hover { text-decoration: underline; }
/* END_SNIPPET:breadcrumbs */

/* START_SNIPPET:button (INDEX:311, SCOPED:FALSE) */
.button.size-style {
    height: auto;
  }

  .button.button--outline,
  .button-secondary.button--outline {
    --border-outline-color: var(--button-color);
    background-color: transparent;
    border: 1px solid var(--border-outline-color);
  }

  .button:not(.button-unstyled) {
    --color-effect-background: var(--color-primary-button-hover-background);
    transition: color var(--animation-speed) var(--animation-easing),
      box-shadow var(--animation-speed) var(--animation-easing),
      background-color var(--animation-speed) var(--animation-easing),
      transform var(--animation-speed) var(--animation-easing);

    &:not(.deferred-media__poster, .prevent-active):active {
      transform: scale(0.9);
    }
  }

  .button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]) {
    --color-effect-background: var(--color-secondary-button-hover-background);
  }

  .button-hover--effect .button:not(.button-unstyled, .header__icon, .button--outline) {
    background-color: var(--color-primary-button-background);
  }

  .button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, .button--outline) {
    background-color: var(--color-secondary-button-background);
  }

  .button-hover--effect .button-secondary:not(.button-unstyled, .header__icon, [disabled]),
  .button-hover--effect .button:not(.button-unstyled, .header__icon, [disabled]) {
    --tss: transform var(--animation-slowest-smooth), opacity var(--animation-slowest-smooth);
    position: relative;
    overflow: hidden;
    isolation: isolate;

    .button-text-main {
      transition: var(--tss);
    }

    .button-overflow {
      &:after {
        content: attr(data-button-text);
        transform: translateY(100%);
        transition: var(--tss);
        display: inline-block;
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        height: 100%;
        width: 100%;
      }
    }

    &:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 120%;
      height: calc(100% + (max(0.2rem, var(--button-border-width)) * 2));
      background-color: var(--color-effect-background);
      backface-visibility: hidden;
      will-change: transform;
      transform: translate(-50%, -50%) rotate3d(0, 0, 2, 20deg) translate3d(-1.2em, 105%, 0);
      transform-origin: 0% 100%;
      transition: var(--tss);
      z-index: -1;
    }

    &:hover {
      .button-overflow:after {
        transform: translateY(0);
      }
      .button-text-main {
        transform: translateY(-100%);
        opacity: 0;
      }
      &:after {
        transform: translate(-50%, -50%) rotate3d(0, 0, 1, 0) translate3d(0, 0, 0);
      }
    }
  }

  .link {
    cursor: pointer;
    height: auto;
    font-size: var(--button-font-size-link, var(--font-size--sm));
    font-weight: var(--button-font-weight-link, var(--font-body--weight));
    font-family: inherit;
    text-decoration: none;
    text-wrap: var(--text-wrap);
    text-transform: var(--text-transform);
    border: none;
    box-shadow: none;

    &[style*='--button-font-size-link'] {
      font-size: var(--button-font-size-link);
    }

    @media screen and (min-width: 1025px) {
      &:hover {
        color: var(--color-primary-hover);
      }
    }
  }

  .link--text {
    color: var(--color-foreground);

    @media screen and (min-width: 1025px) {
      &:hover{
        color: rgb(var(--color-foreground-rgb) / var(--opacity-75));
      }
    }
  }

  .link--hover-underline .text,
  .link--hover-underline:not(:has(.text)) {
    transition: background-size var(--animation-values-slow), opacity var(--animation-speed)  var(--animation-delay, 0s) var(--animation-easing), color var(--animation-speed) var(--animation-delay, 0s) var(--animation-easing);
  }

  .link--underline:not(:has(.text)),
  .link--underline .text,
  .link--hover-underline .text,
  .link--hover-underline:not(:has(.text)) {
    --line-link-gap: min(100%, 1.35em);
    text-decoration: none;
  }

  .link--underline:not(:has(.text)),
  .link--underline .text {
    background: linear-gradient(to right, var(--link-underline-color, currentColor), var(--link-underline-color, currentColor)) 0 var(--line-link-gap) / 0 1px no-repeat;
    background-position-y: bottom;
    background-position-x: left;
    background-size: 100% 1px;
    transition: background-size var(--animation-values-slow), opacity var(--animation-speed)  var(--animation-delay, 0s) var(--animation-easing), color var(--animation-speed) var(--animation-delay, 0s) var(--animation-easing);
  }

  .link--hover-underline .text,
  .link--hover-underline:not(:has(.text)) {
    background: linear-gradient(to left, var(--link-underline-color, currentColor), var(--link-underline-color, currentColor)) 0 var(--line-link-gap) / 0 1px no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    display: inline;
  }

  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .instagram-item .link--reveal,
    .group-block-content .link--reveal {
      position: relative;
      overflow: hidden;
      display: inline-block;
      color: transparent !important;

      .text-mask {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        color: var(--color-primary);
        transition: transform var(--animation-slowest-smooth);
        transform: translateY(100%);
      }
    }

    .group-block-content:hover .link--reveal .text-mask,
    .instagram-item:hover .link--reveal .text-mask {
      transform: translateY(0);
    }

    .group-block-content .link--reveal.link--underline,
    .instagram-item .link--reveal.link--underline {
      padding-bottom: var(--offset-underline);
      .text-mask {
        text-decoration: underline;
        text-underline-offset: var(--offset-underline);
      }
    }

    .link--hover-underline:hover .text,
    .link--hover-underline:not(:has(.text)):hover {
      background-position-x: left;
      background-size: 100% 1px;
    }

    .link--underline:hover .text,
    .link--underline:not(:has(.text)):hover {
      background-position-x: right;
      background-size: 0% 1px;
    }
  }
/* END_SNIPPET:button */

/* START_SNIPPET:card-article-button (INDEX:313, SCOPED:FALSE) */
.card_article__button {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
/* END_SNIPPET:card-article-button */

/* START_SNIPPET:card-product-heading (INDEX:318, SCOPED:FALSE) */
.card-title-change .text:after {
    content: attr(data-change-title);
  }
/* END_SNIPPET:card-product-heading */

/* START_SNIPPET:cart-discounts (INDEX:323, SCOPED:FALSE) */
.cart-discount__input {
    height: 100%;
    flex-grow: 1;
    min-width: 0;
  }

  .cart-discount__pill-code {
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
  }

  .cart-discount {
    width: 100%;
  }

  .cart-discount__codes {
    display: none;
    gap: var(--padding-xs);
    flex-wrap: wrap;
    list-style: none;
    padding-inline: 0;
    margin: var(--margin-sm) 0 0 0;
  }

  .cart-discount__codes:has(.cart-discount__pill) {
    display: flex;
  }

  .cart-discount__button {
    height: 100%;
  }

  .cart-discount__content {
    display: inherit;
    height: calc(var(--button-size) + var(--padding-2xs) + var(--padding-sm));
  }

  .cart-discount__pill {
    display: flex;
    color: var(--color-foreground);
    gap: var(--padding-xs);
    align-items: center;
    padding: var(--padding-2xs) var(--padding-sm);
    border-radius: var(--style-border-radius-md);
    background-color: var(--bg-medium-gray);
    font-size: var(--font-size--sm);
    text-transform: uppercase;

    .svg-wrapper {
      width: var(--size-16);
      height: var(--size-16);
    }
  }

  .cart-discount__form {
    display: flex;
    gap: var(--padding-md);
    align-items: stretch;
    height: 100%;

    .button {
      min-width: 10rem;
      padding-inline: 1rem;
    }

    .field .cart-discount__input {
      height: 100%;
    }
  }

  :is(.cart-discount__pill-remove, .cart-discount__pill-remove:hover) {
    --close-icon-opacity: 0.4;

    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-foreground);
    background-color: transparent;
    pointer-events: all;
    cursor: pointer;
    height: 100%;
  }

  .cart-discount__error {
    display: flex;
    align-items: center;
    width: 100%;
    padding-block: var(--padding-sm);
  }

  .cart-discount__error .svg-wrapper {
    flex-shrink: 0;
    margin-inline: var(--margin-3xs) var(--margin-xs);
  }

  .cart-discount__error-text {
    margin-block-start: var(--margin-3xs);
  }

  .discount-content {
    display: grid;
    grid-template-rows: 1fr;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    clip-path: inset(-5% -5% 0 -5%);
    opacity: 1;

    &[inert] {
      grid-template-rows: 0fr;
      opacity: 0;
    }

    & > * {
      min-height: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .discount-content {
      transition-property: grid-template-rows, opacity;
      transition-duration: var(--surface-transition-duration);
      transition-timing-function: var(--surface-transition-timing);
    }
  }
/* END_SNIPPET:cart-discounts */

/* START_SNIPPET:collapsible-button (INDEX:331, SCOPED:FALSE) */
.collapsible-text-button-wrapper button {
    margin-block: var(--margin-block-start-mobile, var(--margin-block-start)) var(--margin-block-end-mobile, var(--margin-block-end));

    @media (min-width: 750px) {
      margin-block: var(--margin-block-start) var(--margin-block-end);
    }
  }
/* END_SNIPPET:collapsible-button */

/* START_SNIPPET:collapsible-text (INDEX:332, SCOPED:FALSE) */
.collapsible-text-content {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

  .collapsible-text-content.collapsed {
    max-height: var(--preview-height);
    position: relative;
  }

  .collapsible-text-content.collapsed:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(transparent, var(--color-background));
    pointer-events: none;
  }

  .collapsible-text-content.expanded {
    max-height: none;
  }

  .collapsible-text * {
    text-align: var(--horizontal-alignment, center);
    justify-content: var(--horizontal-alignment, center);
    align-items: var(--vertical-alignment, center);
  }
/* END_SNIPPET:collapsible-text */

/* START_SNIPPET:collection-card (INDEX:333, SCOPED:FALSE) */
.collection-card {
    --fixed-card-height: var(--height-small);

    width: 100%;
    position: relative;
  }

  .collection-card > svg {
    height: 100%;
    width: 100%;
    aspect-ratio: var(--ratio);
  }

  .collection-card__inner {
    width: 100%;
    overflow: hidden;
    position: relative;
    gap: var(--collection-card-gap);
    display: flex;
    flex-direction: column;
  }

  .collection-card--image-bg .collection-card__inner {
    height: 100%;
  }

  .collection-card__inner {
    z-index: var(--layer-flat);
    pointer-events: none;

    a,
    button {
      /* only allow interactive elements to be clickable separate from .collection-card__link */
      pointer-events: auto;
    }
  }

  /* allow all blocks to be selectable in editor preview */
  .shopify-design-mode .collection-card__content * {
    pointer-events: auto;
  }

  .collection-card__content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: var(--horizontal-alignment);
    justify-content: var(--vertical-alignment);
  }

  .collection-card__content > .size-style {
    height: auto;
  }

  .collection-card__link {
    position: absolute;
    inset: 0;

    /* allows focus outline to have radius in supported browsers */
    border-radius: var(--border-radius);
  }

  /* Nested image block rules */

  .collection-card.collection-card--image-bg {
    aspect-ratio: var(--ratio);
  }

  .collection-card.collection-card--image-bg .collection-card__content {
    padding: var(--padding-lg);
  }

  /* Bento layout rules */
  .collection-card--image-height-fixed .collection-card__image {
    height: var(--fixed-card-height);
    width: 100%;
  }

  .collection-card--image-height-fixed.collection-card--image-bg {
    height: var(--fixed-card-height);
    aspect-ratio: unset;
  }

  .collection-card__image .image-block__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 100%;
  }

  .collection-card--image-bg .collection-card__image {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .resource-list:not(.hidden--desktop) .collection-card--flexible-aspect-ratio {
    &.collection-card.collection-card--image-bg,
    &.collection-card .placeholder-svg {
      aspect-ratio: 99;
    }

    .collection-card__image {
      aspect-ratio: 99;
      height: 100%;
    }

    .collection-card__inner {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .collection-card__content {
      flex-shrink: 0;
    }

    &:not(.collection-card--image-bg) .collection-card__content {
      height: auto;
    }
  }
/* END_SNIPPET:collection-card */

/* START_SNIPPET:contact-form (INDEX:336, SCOPED:FALSE) */
.contact-form__form {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);
  }

  .contact-form__form-row {
    display: flex;
    flex-direction: column;
    gap: var(--gap-md);

    @media screen and (min-width: 750px) {
      flex-direction: row;
      align-items: center;
    }
  }

  .contact-form__input {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-foreground);
    background-color: var(--color-input-background);
    padding: var(--padding-lg) var(--padding-xl);
    border-radius: var(--inputs-radius);
    border: var(--inputs-border-width) solid var(--color-input-border);
    -webkit-font-smoothing: antialiased;
  }

  .contact-form__input--textarea {
    resize: vertical;
    min-height: var(--input-textarea-min-height);
  }

  .contact-form__error,
  .contact-form__success {
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
  }
/* END_SNIPPET:contact-form */

/* START_SNIPPET:disclosure-trigger (INDEX:338, SCOPED:FALSE) */
.disclosure-trigger {
    cursor: pointer;
    color: var(--color-foreground);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--padding-sm);
    width: 100%;
    border: none;
    background: #0000;

    &[aria-expanded='true'] .horizontal {
      rotate: 90deg;
    }

    &:is(:hover, :focus-visible) {
      color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    }

    .horizontal {
      transform-box: fill-box;
      transform-origin: center;
    }

    svg {
      aspect-ratio: 1;
      width: var(--icon-size-xs);
    }
  }

  .disclosure-trigger__label {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-2xs);
    font-size: var(--cart-font-size--sm);
  }

  @media (prefers-reduced-motion: no-preference) {
    .disclosure-trigger .horizontal {
      transition: rotate var(--surface-transition-duration) var(--surface-transition-timing);
    }
  }
/* END_SNIPPET:disclosure-trigger */

/* START_SNIPPET:divider (INDEX:339, SCOPED:FALSE) */
.divider {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: var(--divider-justify-content);
  }

  .divider__line {
    border-bottom: var(--divider-border-thickness) solid var(--color-border);
    border-right: var(--divider-border-thickness) solid var(--color-border);
    border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded));
    flex-basis: var(--divider-flex-basis);
    min-height: var(--divider-flex-basis);
  }
/* END_SNIPPET:divider */

/* START_SNIPPET:dropdown-localization (INDEX:340, SCOPED:FALSE) */
.header-localization .disclosure__list-wrapper {
    bottom: initial;
    top: 100%;
  }

  .header__icon--localization .desktop-localization-wrapper {
    flex-wrap: nowrap;
    padding-inline: var(--padding-sm);
  }

  .localization-form {
    display: flex;
    flex-direction: column;
    flex: auto 1 0;
    padding: 1rem;
    margin: 0 auto;

    &.localization-form--language {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 0;
      margin: 0;
    }
  }

  .localization-form:only-child {
    display: inline-flex;
  }

  .localization-form:only-child .button,
  .localization-form:only-child
    .localization-form__select:not(.localization-form__select--icon) {
    margin: 1rem 1rem 0.5rem;
    flex-grow: 1;
  }

  @media screen and (min-width: 750px) {
    .localization-form:only-child .button,
    .localization-form:only-child
      .localization-form__select:not(.localization-form__select--icon) {
      margin: 0;
    }
  }

  @media screen and (min-width: 1025px) {
    .localization-form:only-child {
      margin: 0 1rem 0 0;
    }
  }

  .localization-form .button:not(.menu-drawer__back-button) {
    padding: 1rem;
  }

  @media screen and (max-width: 749px) {
    .localization-form .button:not(.menu-drawer__back-button) {
      word-break: break-all;
    }
  }

  .localization-form__select:not(.localization-form__select--icon) {
    border-radius: var(--inputs-radius-outset);
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    text-align: left;
    min-height: calc(4rem + var(--localization-border-width) * 2);
    min-width: calc(7rem + var(--localization-border-width) * 2);
  }

  .disclosure__button.localization-form__select:not(
      .localization-form__select--icon
    ) {
    padding: calc(2rem + var(--localization-border-width));
    background: var(--color-background);
  }

  .localization-form__select:not(.localization-form__select--icon) .icon-caret {
    position: absolute;
    content: "";
    height: 0.6rem;
    right: calc(var(--localization-border-width) + 1.5rem);
    top: calc(50% - 0.2rem);
    transition: transform var(--duration-medium) ease-out;
  }

  .localization-selector.link:not(.disclosure__button) {
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: var(--color-foreground);
    width: 100%;
    padding-right: 4rem;
    padding-bottom: 1.5rem;
  }

  .disclosure .localization-form__select:not(.localization-form__select--icon) {
    padding-top: 1.5rem;
  }

  .localization-selector option {
    color: #000000;
  }

  .localization-selector + .disclosure__list-wrapper {
    opacity: var(--opacity-100);
  }

  .disclosure {
    position: relative;
  }

  .disclosure__button:not(.localization-form__select--icon) {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 0.5rem;
    height: 4rem;
    padding: 0 1.5rem 0 1.5rem;
    font-size: var(--font-size--xs);
    background-color: transparent;
  }

  .disclosure__list-wrapper {
    border-width: var(--style-border-width-popover);
    border-style: solid;
    border-color: var(--color-foreground);
    overflow: hidden;
    position: absolute;
    bottom: 100%;
    z-index: 2;
    background: var(--color-background);
    border-radius: var(--style-border-radius-popover);
    box-shadow: var(--style-shadow-popover);
    max-height: 27.5rem;
    transform: translate3d(0, 100%, 0);
  }

  @media screen and (min-width: 750px) {
    .disclosure__list-wrapper {
      opacity: var(--opacity-0);
      visibility: hidden;
      transform: translateY(0);
      transition-property: opacity, transform;
      transition-duration: var(--duration-medium);
      transition-timing-function: var(--cubic-smooth);
    }

    .selector__dropdown.active .disclosure__list-wrapper {
      opacity: var(--opacity-100);
      visibility: visible;
      transform: translateY(-0.4rem);
    }
  }

  .disclosure__list {
    position: relative;
    overflow-y: auto;
    font-size: var(--font-size--sm);
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    scroll-padding: 0.5rem 0;
    max-height: 20.5rem;
    min-width: 12rem;
    width: max-content;
  }

  .country-selector__list {
    padding-bottom: 0.95rem;
    padding-top: 0;
  }

  .country-selector__list--with-multiple-currencies {
    width: 24rem;
  }

  .selector__close-button {
    display: none;
  }

  .country-filter,
  .language-filler {
    gap: 0.5rem;
    padding: var(--padding-sm);
  }

  .country-filter__reset-button,
  .country-filter__search-icon {
    right: calc(var(--localization-border-width));
    top: var(--localization-border-width);
  }

  .country-filter__reset-button:not(:focus-visible)::after,
  .country-filter__reset-button:not(:focus)::after {
    display: block;
    height: calc(100% - 1.8rem);
    content: "";
    position: absolute;
    right: 0;
  }

  .country-filter__reset-button:focus,
  .country-filter__reset-button:focus-visible {
    background: var(--color-background);
    z-index: 4;
  }

  .country-filter__reset-button:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit;
  }

  .country-filter__reset-button:hover .icon {
    transform: scale(1.07);
  }

  .country-filter__reset-button .icon.icon-close,
  .country-filter__search-icon .icon {
    height: 1.8rem;
    width: 1.8rem;
    stroke-width: 0.1rem;
  }

  .country-filter__search-icon {
    transition: opacity var(--duration-short) ease,
      visibility var(--duration-short) ease;
    opacity: var(--opacity-100);
    visibility: visible;
    pointer-events: none;
    cursor: text;
  }

  .country-filter__search-icon--hidden {
    opacity: var(--opacity-0);
    visibility: hidden;
  }

  @media screen and (max-width: 749px) {
    .disclosure__list-wrapper.disclosure-selector {
      position: fixed;
      bottom: -1rem;
      left: 0;
      width: 100%;
      max-height: calc(100% - 20vh);
      border-radius: 0;
      border: none;
      box-shadow: none;
      z-index: 4;
    }

    .disclosure__list.country-selector__list,
    .disclosure__list.language-selector__list {
      max-height: 85%;
      min-width: 100%;
      margin-bottom: 0;
      padding-bottom: 4rem;
      z-index: 5;
    }

    .selector__close-button.link,
    .selector__close-button {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0rem;
      background-color: transparent;
      height: 4.4rem;
      width: 4.4rem;
    }

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

  @media screen and (min-width: 750px) {
    .country-filter--no-padding,
    .language-filler.p-0 {
      padding: 0;
    }
  }

  .countries {
    padding-top: 0.6rem;
  }

  .popular-countries {
    border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20));
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
  }

  .disclosure__item {
    position: relative;
  }

  .disclosure__link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.5rem;
    padding: var(--padding-xs) var(--padding-sm);
    text-decoration: none;
    color: rgb(var(--color-foreground-rgb) / var(--opacity-75));
    word-break: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: var(--menu-localization-font-size);
    font-family: var(--menu-localization-font);
    transition: text-decoration-color var(--animation-speed) var(--animation-easing),
    color var(--animation-speed) var(--animation-easing), background var(--animation-speed) var(--animation-easing);
  }

  .disclosure__link:hover {
    color: var(--color-foreground);
    background: rgb(var(--color-foreground-rgb) / var(--opacity-8));
  }

  .disclosure__link .icon-checkmark {
    width: 1rem;
    margin-right: 0.2rem;
  }

  .disclosure__link .country {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .disclosure__button[aria-expanded="true"] .icon-caret {
    transform: rotatex(180deg);
  }

  /* Header localization */
  .header-localization .localization-form:only-child {
    margin: 0;
  }

  .header-localization
    .disclosure
    .localization-form__select:not(.localization-form__select--icon) {
    font-size: var(--menu-localization-font-size);
    letter-spacing: var(--letter-spacing--body-loose);
    font-family: var(--menu-localization-font);
    height: auto;
    min-height: initial;
    background: transparent;
  }

  .header-localization
    .disclosure
    .localization-form__select:not(.localization-form__select--icon):hover {
    text-decoration: underline;
  }

  .header-localization
    .localization-form__select:not(.localization-form__select--icon).link:after,
  .header-localization
    .localization-form__select:not(.localization-form__select--icon).link:before {
    box-shadow: none;
  }

  .header-localization
    .localization-form__select:not(
      .localization-form__select--icon
    ).link:focus-visible {
    outline: 0.2rem solid rgb(var(--color-foreground-rgb) / var(--opacity-50));
    outline-offset: -0.2rem;
    box-shadow: 0 0 0.2rem 0 rgb(var(--color-foreground-rgb) / var(--opacity-30));
  }

  /* Header icons */
  .desktop-localization-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .desktop-localization-wrapper .localization-form:only-child {
    padding: 0;
  }

  .header-localization:not(.menu-drawer__localization) {
    align-items: center;
  }

  .header-localization:not(.menu-drawer__localization)
    .localization-form__select:not(.localization-form__select--icon) {
    width: max-content;
    height: var(--size-38);
  }

  .header-localization:not(.menu-drawer__localization)
    .localization-form__select:not(.localization-form__select--icon):not(
      :has(.icon-caret)
    ) {
    padding: 0 var(--padding-xs) 0 0;
    min-width: initial;
  }

  .header-localization:not(.menu-drawer__localization)
    .localization-form__select:not(.localization-form__select--icon):has(
      .icon-caret
    ) {
    padding: 0 var(--padding-3xl) 0 var(--padding-md);
  }

  .header-localization:not(.menu-drawer__localization)
    .localization-form:only-child
    .localization-form__select:not(.localization-form__select--icon) {
    margin: 0;
  }

  .header-localization:not(
      .menu-drawer__localization
    ).localization-form__select:not(.localization-form__select--icon)
    > span {
    max-width: 20ch;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .header-localization:not(.menu-drawer__localization)
    localization-form:only-child
    .localization-form__select:not(.localization-form__select--icon)
    > span {
    max-width: 26ch;
  }

  .header-localization:not(.menu-drawer__localization)
    .localization-form__select:not(.localization-form__select--icon)
    .icon-caret {
    right: 0.8rem;
    min-width: initial;
    min-height: initial;
  }

  .header-localization .country-filter__input:focus{
    padding: 0 1.5rem;
    margin: 0;
  }

  @media screen and (min-width: 750px) {
    .header-localization:not(.menu-drawer__localization)
      .disclosure__list-wrapper {
      bottom: initial;
      top: 100%;
      right: 0;
      opacity: var(--opacity-0);
      visibility: hidden;
      transform: translateY(0.4rem);
    }

    .header-localization:not(.menu-drawer__localization)
      .selector__dropdown.active
      .disclosure__list-wrapper {
      opacity: var(--opacity-100);
      visibility: visible;
      transform: translateY(0);
    }
  }

  /* Menu drawer */
  .menu-drawer__localization localization-form {
    display: block;
  }

  .menu-drawer__localization
    .localization-form__select:not(.localization-form__select--icon) {
    background-color: initial;
    margin-top: 0;
    padding: 1rem 3.6rem 1rem 0rem;
  }

  .menu-drawer__localization .localization-form {
    padding: 0;
  }

  .menu-drawer__localization
    .localization-form:only-child
    .localization-form__select:not(.localization-form__select--icon) {
    margin: 0;
  }

  .menu-drawer__localization + .list-social {
    margin-top: 1rem;
  }
/* END_SNIPPET:dropdown-localization */

/* START_SNIPPET:edit-cart-popup (INDEX:341, SCOPED:FALSE) */
.popup-edit-header {
    padding: var(--padding-3xl) var(--padding-4xl) var(--padding-2xl);
  }

  .popup-edit-header h5 {
    text-transform: capitalize;
  }

  .cart-edit {
    padding: 0 var(--padding-5xl);
  }

  .edit-cart-popup .popup-wrapper {
    padding: 0;
  }

  .edit-cart-popup .notifyMe .button {
    width: 100%;
    margin: var(--margin-sm) 0 0 0;
  }

  .edit-cart-popup .popup__inner {
    height: auto;
  }

  @media (max-width: 1024px) {
    .edit-cart-popup .popup__inner {
      width: 100%;
    }

    .cart-edit {
      padding: 0 var(--padding-4xl);
    }
  }

  @media (max-width: 749px) {
    .edit-cart-popup[open] .popup__inner {
      transform: translate(-50%, 0%);
      max-width: 100%;
      bottom: 0;
      top: unset;
    }
  }

  @media (max-width: 551px) {
    .product-edit-item:nth-last-child(1) .add-more {
      margin-top: var(--margin-lg);
    }

    .cart-edit {
      padding: 0 var(--padding-sm);
    }

    .product-edit-remove {
      left: -8px;
    }

    .popup-edit-header {
      padding: var(--padding-lg) var(--padding-sm)
    }
    /* END: New Style Edit Card */
    .product-edit-title {
      -webkit-line-clamp: 1;
    }

    /* START: New Style Edit Card */
    .product-edit-itemFirst {
      padding-top: var(--padding-sm);
    }

    .halo-edit-cart-popup {
      top: unset;
      bottom: 0;
    }

    body.edit-cart-show .halo-edit-cart-popup {
      transform: translate3d(0%, 0%, 0);
    }

    .product-edit-action {
      padding: var(--padding-sm);
      display: block;
    }

    .product-edit-item:nth-last-child(1) .add-more {
      padding: var(--padding-lg) 0 var(--padding-4xl) var(--padding-lg);
    }

    .product-edit-quantity .form-label {
      display: none;
    }

    .product-edit-quantity {
      margin-top: auto;
    }

    .product-edit-quantity .update-quantity__group {
      max-width: 124px;
    }

    .halo-edit-cart-popup .halo-popup-close {
      right: 12px;
      top: 12px;
      background-color: transparent;
    }

    .halo-edit-cart-popup .halo-popup-close svg {
      fill: var(--bg-black);
    }
    /* END: New Style Edit Card */
  }
/* END_SNIPPET:edit-cart-popup */

/* START_SNIPPET:editorial-collection-grid (INDEX:342, SCOPED:FALSE) */
.editorial-collection__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 1fr;
    column-gap: 3rem;
    row-gap: 4rem;

    .resource-list__item,
    .collection-card {
      height: 100%;
    }
  }

  .editorial-collection__spacer {
    aspect-ratio: 1;
  }

  @media screen and (min-width: 750px) {
    .resource-list:not(.hidden--desktop) {
      & .collection--current__item-1,
      & .collection--current__item-2 {
        & .collection-card__inner {
          flex-direction: column-reverse;
        }
      }
    }
  }

  @media screen and (max-width: 749px) {
    .editorial-collection__grid {
      display: flex;
      flex-direction: column;
    }

    .editorial-collection__spacer {
      display: none;
    }

    .editorial-collection__item {
      width: 100%;
      aspect-ratio: 4 / 6;
    }
  }
/* END_SNIPPET:editorial-collection-grid */

/* START_SNIPPET:editorial-product-grid (INDEX:343, SCOPED:FALSE) */
.editorial-product__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 1fr;
    gap: 1rem;

    .grid__item {
      width: 100%;
      max-width: 100%;
    }
  }

  .editorial-product__spacer {
    aspect-ratio: 1;
  }

  @media (max-width: 749px) {
    .editorial-product__grid {
      display: flex;
      flex-direction: column;
      gap: 2rem;
    }

    .editorial-product__spacer {
      display: none;
    }

    .editorial-product__item-0 {
      width: 83%;
      align-self: flex-start;
      aspect-ratio: 7 / 6;
    }
    .editorial-product__item-1 {
      width: 83%;
      align-self: flex-end;
      aspect-ratio: 4 / 5;
    }
    .editorial-product__item-2 {
      width: 66%;
      align-self: flex-start;
      aspect-ratio: 5 / 5;
    }
    .editorial-product__item-3 {
      width: 100%;
      aspect-ratio: 8 / 6;
    }
  }
/* END_SNIPPET:editorial-product-grid */

/* START_SNIPPET:facets-actions (INDEX:344, SCOPED:FALSE) */
/* Facets - Actions */
  .facets__actions {
    --to-top-gradient-background: linear-gradient(
      to top,
      rgb(var(--color-background-rgb) / var(--opacity-90)),
      rgb(var(--color-background-rgb) / var(--opacity-80)),
      rgb(var(--color-background-rgb) / var(--opacity-40)),
      transparent
    );

    order: 1;
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: var(--gap-sm);
    background-image: var(--to-top-gradient-background);
    z-index: var(--facets-sticky-z-index);
    padding-block-start: var(--padding-xs);
    padding-block-end: var(--padding-md);
    padding-inline: var(--padding-lg);
    margin-top: auto;
  }

  .facets:not(.facets--drawer) .facets__actions {
    @media screen and (min-width: 750px) {
      position: static;
    }
  }

  .facets--vertical .facets__actions {
    padding-inline: 0;
    justify-content: center;
  }

  .facets--horizontal .facets__actions {
    @media screen and (min-width: 750px) {
      order: 0;
      bottom: auto;
      position: static;
      padding: 0;
      z-index: var(--layer-flat);
      flex-shrink: 0;
      align-items: center;
      margin-top: initial;
      background-image: none;
    }
  }

  .facets--horizontal .facets__actions--active::before {
    @media screen and (min-width: 750px) {
      content: '';
      border-inline-start: var(--style-border-width) solid var(--color-border);
      height: var(--font-paragraph--size);
      position: absolute;
    }
  }

  /* Clear button */
  .facets__clear {
    display: none;
  }

  .facets--horizontal .facets__clear {
    @media screen and (min-width: 750px) {
      width: 100%;
      justify-content: flex-end;
      padding: 0 var(--facets-clear-padding) var(--facets-clear-padding) 0;
      cursor: pointer;
    }
  }

  .facets__clear--active {
    @media screen and (min-width: 750px) {
      display: flex;
    }
  }

  .clear-filter:hover {
    text-decoration: underline;
    background-color: transparent;
  }

  /* Clear all button */
  .facets__clear-all {
    display: none;
    cursor: pointer;
    min-width: var(--facets-clear-all-min-width);
    transition: transform var(--animation-values), opacity var(--animation-values);
    opacity: 0;
    transform: translateY(100%);
    flex-grow: 1;
    padding-block: var(--padding-lg);
  }

  .facets:not(.facets--drawer) .facets__clear-all {
    box-shadow: none;
  }

  .facets--horizontal .facets__clear-all {
    @media screen and (min-width: 750px) {
      --facets-clear-all-min-width: var(--minimum-touch-target);
      --button-color: var(--color-primary);

      text-decoration: underline transparent 0.075em;
      text-underline-offset: 0.125em;
      width: auto;
      transform: none;
      opacity: 1;
      height: var(--minimum-touch-target);
      align-items: center;
      flex-grow: 0;
      transition: text-decoration-color var(--animation-speed) var(--animation-easing);
    }
  }

  .facets--horizontal .facets__clear-all:hover {
    @media screen and (min-width: 750px) {
      --button-color: var(--color-primary-hover);
    }
  }

  @starting-style {
    .facets__clear-all {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .facets__clear-all.active {
    transform: translateY(0);
    opacity: 1;
    display: grid;
  }

  .facets--horizontal .facets__clear-all.active {
    @media screen and (min-width: 750px) {
      padding-block: 0;
      padding-inline: var(--facets-form-horizontal-gap);
      background-color: transparent;
      position: static;
      transform: none;
    }
  }

  @starting-style {
    .facets__clear-all.active {
      opacity: 0;
      transform: translateY(100%);
    }

    .facets--horizontal .facets__clear-all.active {
      @media screen and (min-width: 750px) {
        opacity: 1;
        transform: none;
      }
    }
  }

  .facets__see-results {
    min-width: var(--facets-see-results-min-width);
    flex-grow: 1;
    padding-block: var(--padding-lg);
  }

  .facets:not(.facets--drawer) .facets__see-results {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }
/* END_SNIPPET:facets-actions */

/* START_SNIPPET:filter-remove-buttons (INDEX:347, SCOPED:FALSE) */
/* Facets - Remove buttons */
  .facets-remove {
    --variant-picker-swatch-width: 20px;
    --variant-picker-swatch-height: 20px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap-xs);
    padding: 0 var(--drawer-padding);
    margin-block-start: var(--margin-2xs);
    margin-block-end: var(--margin-md);

    @media screen and (min-width: 750px) {
      --variant-picker-swatch-width: 16px;
      --variant-picker-swatch-height: 16px;

      gap: var(--gap-2xs);
    }
  }

  .facets__clear-all-link {
    --button-color: var(--color-primary);

    border: none;
    background-color: transparent;
    padding: var(--padding-xs);
    min-width: fit-content;
    color: var(--button-color);
    transition: text-decoration-color var(--animation-speed) var(--animation-easing),
      color var(--animation-speed) var(--animation-easing);
  }

  .facets__clear-all-link:hover {
    --button-color: var(--color-primary-hover);

    color: var(--button-color);
    text-decoration-color: var(--button-color);
  }

  .facets:not(.facets--drawer) .facets-remove--mobile-and-vertical {
    @media screen and (min-width: 750px) {
      padding: 0;
    }
  }

  .facets--horizontal .facets-remove--mobile-and-vertical {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }

  .facets-remove:not(:has(facet-remove-component)) {
    display: none;
    margin: 0;
  }

  .facets-remove__pill {
    .svg-wrapper,
    .swatch {
      flex-shrink: 0;
    }
  }

  .facets--horizontal .facets-remove {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }
/* END_SNIPPET:filter-remove-buttons */

/* START_SNIPPET:grid-density-controls (INDEX:356, SCOPED:FALSE) */
.column-options-wrapper {
    --icon-offset: -3px;

    display: flex;
    gap: var(--gap-sm);
    min-width: fit-content;
    justify-content: flex-end;
    height: var(--minimum-touch-target);
    align-items: center;
    margin-right: var(--icon-offset);
  }

  .column-options-wrapper:only-child {
    margin-left: auto;
  }

  .facets__form-wrapper > .column-options-wrapper:first-child {
    margin-left: auto;
  }

  .facets .column-options-wrapper {
    display: none;

    @media screen and (min-width: 750px) {
      display: flex;
    }
  }

  .column-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-xs);
    margin: 0;
    padding: 0;
    border: none;

    @media screen and (min-width: 750px) {
      gap: var(--gap-2xs);
    }
  }

  .column-options__option {
    display: none;
    position: relative;
  }

  .column-options__option:has(.column-picker-mobile--single),
  .column-options__option:has(.column-picker-mobile--double) {
    @media screen and (max-width: 749px) {
      display: flex;
    }
  }

  .column-options__option:has(.column-picker--default),
  .column-options__option:has(.column-picker--zoom-out) {
    @media screen and (min-width: 750px) {
      display: flex;
    }
  }

  .column-options__legend {
    padding: 0;
    margin: 0;
  }

  .column-options__option-input {
    /* this is a repeating pattern a bit with the variant picker buttons */

    /* remove the checkbox from the page flow */
    position: absolute;

    /* set the dimensions to match those of the label */
    inset: 0;

    /* hide it */
    opacity: 0;
    margin: 0;
    cursor: pointer;
  }

  .column-picker {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    padding: var(--padding-2xs);
    border-radius: var(--style-border-radius-xs);
    transition: background-color var(--animation-speed) ease, color var(--animation-speed) ease;
  }

  .column-options__option:hover .column-picker {
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  }

  .column-options__option-input:checked ~ .column-picker {
    color: rgb(var(--color-foreground-rgb));
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  }
/* END_SNIPPET:grid-density-controls */

/* START_SNIPPET:group (INDEX:358, SCOPED:FALSE) */
.group-block__media-wrapper.media--empty:has(.background-image-container svg ):not(:has(+ .group-block-content > *))  {
    aspect-ratio: 1/1;
  }

  .group-block__link,
  .group-block__link:empty {
    display: block;
    position: absolute;
    inset: 0;
  }

  .group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) {
    pointer-events: none;
    :is(a, button, input, textarea, select) {
      pointer-events: auto;
    }
  }

  .group-block__link ~ .group-block-content--design-mode {
    pointer-events: auto;
  }
/* END_SNIPPET:group */

/* START_SNIPPET:header-account (INDEX:361, SCOPED:FALSE) */
.header__icon--account.header__icon--account--text {
    height: initial;
    width: initial;
  }
/* END_SNIPPET:header-account */

/* START_SNIPPET:header-drawer (INDEX:362, SCOPED:FALSE) */
.drawer--menu .menu-drawer__utility-links .menu-drawer__back-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: var(--padding-md) var(--minimum-touch-target) var(--padding-md) var(--padding-xl);
    border: none;
    color: var(--color-foreground);
    background-color: transparent;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    overflow-x: hidden;
    line-height: 1.2;
    box-shadow: none;
    letter-spacing: normal;

    &:hover >.svg-wrapper svg {
      color: currentColor;
      fill: currentColor;
    }
  }

  .drawer--menu .menu-drawer__utility-links .menu-drawer__back-button > .svg-wrapper {
    margin-right: var(--padding-md);
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
  }

  .menu-drawer {
    overflow-y: auto;
    
    svg {
      width: var(--icon-size-xs);
      height: var(--icon-size-xs);
    }

    .disclosure__list-wrapper {
      opacity: var(--opacity-0);
      visibility: hidden;
      transform: translateY(0);
      transition-property: opacity, transform;
      transition-duration: var(--duration-medium);
      transition-timing-function: var(--cubic-smooth);
    }

    .selector__dropdown .disclosure__list-wrapper {
      transform: translate(-5%);
      border-radius: 0;
      border: none;
      z-index: var(--layer-raised);
    }

    .selector__dropdown.active .disclosure__list-wrapper {
      transform: translate(0);
      opacity: var(--opacity-100);
      visibility: visible;
    }

    .country-selector-form__wrapper .country-selector__list,
    .localization-form--language {
      padding-inline: var(--padding-xl);
    }

    .disclosure-has-popup[open] > summary::before {
      position: absolute;
    }

    .details--dropdown .details__list {
      top: unset;
      bottom: 100%;
    }

    .country-selector-form__wrapper .localization-form:only-child {
      padding: 0;
      width: 100%;
    }

    .country-filter,
    .language-filler {
      padding-inline: var(--padding-xl);
    }

    .language-selector localization-form {
      height: 100%;
      display: flex;
    }
  }

  .drawer__container .list-menu__item {
    padding-block: var(--padding-sm);
  }

  .drawer__container.active .menu-drawer__item-animate {
    animation: menu-drawer-item-open var(--drawer-animation-speed) var(--ease-out-smooth);
    animation-delay: calc(var(--drawer-animation-speed) + (var(--menu-drawer-animation-index) - 1) * 0.1s);
    animation-fill-mode: backwards;
  }
/* END_SNIPPET:header-drawer */

/* START_SNIPPET:header-logo (INDEX:365, SCOPED:FALSE) */
.header-logo {
    padding-inline-start: var(--header-logo-spacing-left, 0px);
    padding-inline-end: var(--header-logo-spacing-right, 0px);

    @media screen and (max-width: 1024px) {
      padding-inline-start: 0;
      padding-inline-end: 0;
    }
  }

  .header-logo__image-container {
    min-width: 5rem;
    width: var(--header-logo-image-width);
    height: var(--header-logo-image-height);
    display: block;
    transform-origin: left top;
    transition: transform var(--animation-speed-slowest) var(--ease-out-cubic);
    will-change: transform;

    @media (min-width: 750px) and (max-width: 1024px) {
      width: calc(var(--header-logo-image-width) * 0.6);
      height: calc(var(--header-logo-image-height) * 0.6);
    }

    img,
    svg {
      width: 100%;
      height: auto;
      aspect-ratio: var(--aspect-ratio);
      object-fit: contain;
      display: block;
    }

    @media screen and (max-width: 1024px) {
      transform-origin: center top;
    }

    @media screen and (max-width: 749px) {
      transform-origin: center;
    }

    @media screen and (max-width: 749px) {
      width: var(--header-logo-image-width-mobile);
      height: var(--header-logo-image-height-mobile);
    }

    @media screen and (max-width: 375px) {
      width: calc(var(--header-logo-image-width-mobile) * 0.5);
      height: calc(var(--header-logo-image-height-mobile) * 0.5);
    }
  }
  .header__column--center .header-logo__image-container {
    transform-origin: center top;
  }
  .header__column--right .header-logo__image-container {
    transform-origin: right top;
  }
  .header-logo__image-container--inverse {
    position: absolute;
    top: 0;
    left: 0;
  }
  .header-logo:has(.header-logo__image-container--inverse) .header-logo__image-container--original {
    opacity: var(--header-logo-opacity, 1);
  }
  .header-logo__image-container--inverse {
    opacity: var(--header-logo-inverse-opacity, 0);
  }
  .header[transparent]:has(.details--dropdown:is(:hover)) .header-logo:has(.header-logo__image-container--inverse),
  .header[data-sticky-state="active"] .header-logo:has(.header-logo__image-container--inverse) {
    --header-logo-opacity: 1;
    --header-logo-inverse-opacity: 0;
  }
  .header.header--reveal-logo-on-sticky[data-scroll-direction='down'] .header__heading-logo-wrapper,
  .header.header--reveal-logo-on-sticky[data-sticky-state='idle'] .header__heading-logo-wrapper,
  .header.header--reveal-logo-on-sticky[data-sticky-state='active'] .header__heading-logo-wrapper {
    height: calc(10rem / var(--aspect-ratio));
  }
  .header.header--reveal-logo-on-sticky[data-scroll-direction='down'] .header-logo__image-container,
  .header.header--reveal-logo-on-sticky[data-sticky-state='idle'] .header-logo__image-container,
  .header.header--reveal-logo-on-sticky[data-sticky-state='active'] .header-logo__image-container {
    transform: scale(calc(10rem / var(--header-logo-image-width)));

    @media screen and (max-width: 1024px) {
      transform: scale(calc(6rem / var(--header-logo-image-width-mobile)));
    }
  }
/* END_SNIPPET:header-logo */

/* START_SNIPPET:header-mega-menu-3 (INDEX:368, SCOPED:FALSE) */
.mega-menu--3 .resource-card {
    gap: var(--gap-2xl);
  }
/* END_SNIPPET:header-mega-menu-3 */

/* START_SNIPPET:header-menu-vertical (INDEX:372, SCOPED:FALSE) */
.vertical-menu__item {
    display: flex;
    align-items: center;
  }

  .header__vertical-menu {
    --width-vertical-menu: 26rem;

    &:has(.header__vertical-menu__summary--radius) {
      .vertical-menu {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
      }
    }

    .header__vertical-menu__summary {
      padding-inline: var(--padding-xl);
    }

    .header__vertical-menu__summary--radius {
      border-top-right-radius: var(--border-radius);
      border-top-left-radius: var(--border-radius);
    }

    .header__vertical-menu__summary-custom {
      background: var(--color-background);
      color: var(--color-foreground);
    }

    .header__vertical-menu__summary--divider {
      border-right: 1px solid rgb(var(--color-border-rgb) / var(--opacity-20));
    }

    .header__vertical-menu__summary--large {
      min-width: var(--width-vertical-menu);
    }

    &[open] .header__vertical-menu__summary .svg-wrapper {
      transform: rotate(-180deg);
    }

    .vertical-menu {
      width: var(--width-vertical-menu);

      &:hover {
        overflow: visible;
      }
    }

    .list-menu--disclosure {
      left: 100%;
      top: 0;
      padding-inline: 10px;
    }
  }

  .header__vertical-menu .mega-menu__content {
    left: calc(100% + var(--style-border-width-popover));
    top: 0;
    overflow: visible;
    margin-top: 0;
    border: none;
    border-radius: var(--style-border-radius-popover);
  }

  .header__vertical-menu .mega-menu__content:not(:has(>.header__submenu-wrapper)) {
    width: min(
        calc(var(--page-content-width) - var(--width-vertical-menu) + var(--last-item-minus-margin)),
        calc(
          100vw - var(--width-vertical-menu) - (var(--page-margin) * 2) - (var(--style-border-width-popover) * 2) +
            var(--last-item-minus-margin)
        )
      );
  }

  .header__vertical-menu .mega-menu:has(.mega-menu__content >.header__submenu-wrapper) {
    position: relative;
  }
/* END_SNIPPET:header-menu-vertical */

/* START_SNIPPET:header-menu (INDEX:373, SCOPED:FALSE) */
/* Header */
  .header__menu-item > .text {
    color: currentColor;
    /* transition: color var(--animation-speed-slowest); */
  }
  .header-wrapper--border-bottom {
    border-bottom: 0.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-8));
  }
  .header *[tabindex='-1']:focus {
    outline: none;
  }
  .header__heading {
    margin: 0;
    line-height: 0;
  }
  .header__heading-link {
    display: inline-block;
    padding: var(--padding-xs);
    text-decoration: none;
    word-break: break-word;
  }
  .menu__tab-logo {
    height: 1.6rem;
    width: auto;
  }
  /* Header icons */
  .header__icon {
    @media (hover: hover) {
      svg {
        transition: transform var(--animation-speed) var(--animation-easing);
      }
      &:hover {
        svg {
          transform: scale(1.15);
        }
      }
    }
  }
  .header__icon.button:not(.button-secondary,.button-unstyled),
  .header__icon.button {
    border: none;
    outline: none;
    background-color: transparent;
  }
  .header__icon:not(.header__icon--summary),
  .header__icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .header__icon span:not(.icon-flag) {
    height: 100%;
  }
  .header__icon .svg-wrapper {
    width: 44px;
    height: 44px;
  }
  summary.header__icon .svg-wrapper {
    margin-inline-start: 0;
  }
  .header__icon::after {
    content: none;
  }
  .modal__close-button:hover .icon {
    transform: scale(1.07);
  }
  .header__icon .icon {
    height: var(--size-24);
    width: var(--size-24);
    fill: none;
    vertical-align: middle;
  }
  .header__icon--both {
    display: flex;
    flex-direction: column;
    font-size: var(--body-s-font-size);
    gap: var(--gap-2xs);
    padding: 0;
  }
  .header__icon.header__icon--search,
  .header__icon.header__icon--icon {
    min-height: var(--minimum-touch-target);
    min-width: var(--minimum-touch-target);
    padding: 0;
  }

  .header__icon.header__icon--both {
    @media (max-width: 1024px) {
      height: var(--minimum-touch-target);
      width: var(--minimum-touch-target);
    }
  }
  .header__icon--cart {
    margin-right: -1.2rem;
    overflow: visible;
    height: var(--minimum-touch-target);
    width: var(--minimum-touch-target);
  }
  .header__icon--menu[aria-expanded='true']::before {
    content: '';
    top: 100%;
    left: 0;
    height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
    width: 100%;
    display: block;
    position: absolute;
    background: rgb(var(--color-foreground-rgb) / var(--opacity-50));
  }
  .header__icon--account shop-user-avatar {
    --shop-avatar-size: 2.8rem;
  }
  account-icon {
    display: flex;
  }
  /* Search */
  menu-drawer + .header__search {
    display: none;
  }
  .header--top-center header-drawer {
    grid-area: left-icons;
  }
  .header__search {
    display: inline-flex;
  }
  .header--top-center > .header__search {
    display: none;
  }
  .header--top-center * > .header__search {
    display: inline-flex;
  }
  details[open] > .search-modal {
    opacity: var(--opacity-100);
    /* animation: animateMenuOpen var(--duration-default) ease; */
  }
  details[open] .modal-overlay {
    display: block;
    position: absolute;
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
  }
  .search-modal {
    top: 100%;
    opacity: var(--opacity-0);
    border-bottom: 0.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-8));
    min-height: calc(100% + (2 * var(--inputs-border-width)));
    height: 100%;
  }
  .search-modal__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 5rem 0 1rem;
    position: relative;
  }
  .search-modal__content-bottom {
    bottom: 0;
  }
  .search-modal__content-top {
    top: 0;
  }
  .search-modal__form {
    width: 100%;
  }
  .search-modal__close-button {
    position: absolute;
    right: 0.3rem;
  }
  /* Header menu drawer */
  details:not([open]) > .header__icon--menu .icon-close,
  details[open] > .header__icon--menu .icon-hamburger {
    visibility: hidden;
    opacity: var(--opacity-0);
    transform: scale(0.8);
  }
  .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close {
    visibility: hidden;
  }
  .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger {
    visibility: visible;
    opacity: var(--opacity-100);
    transform: scale(1.07);
  }
  /* Header menu */
  .header__inline-menu {
    display: none;
  }
  .header--top-center .header__inline-menu,
  .header--top-center .header__heading-link {
    margin-left: 0;
  }
  .header__menu-item {
    padding: 1.2rem;
    text-decoration: none;
    color: rgb(var(--color-primary-rgb) / var(--opacity-100));
  }
  .header__menu-item.menu__link--level-1 {
    padding: 1.2rem calc(var(--gap-x) / 2 + 1.2rem);
  }
  .header__menu-item span:not(.svg-wrapper) {
    &.svg-wrapper {
      margin-right: 0;
    }
  }

  details[open='true'] > .header__menu-item .icon-caret,
  .header__submenu details[open='true'] > .header__menu-item .icon-caret {
    transform: rotate(-180deg);
  }
  .header__active-menu-item {
    color: var(--color-foreground);
  }
  .global-settings-popup {
    border-radius: var(--style-border-radius-popover);
    border-color: var(--color-foreground);
    border-style: solid;
    border-width: var(--style-border-width-popover);
    box-shadow: var(--style-shadow-popover);
  }
  .header__submenu.list-menu {
    padding: 1rem 0;
  }
  .header__submenu .header__submenu {
    padding: 1rem 0;
    margin-left: 0.3rem;
  }
  .header__submenu .header__menu-item:after {
    right: 2rem;
  }
  .header__submenu li {
    &:has(.details--dropdown) .details--dropdown,
    &:not(:has(.details--dropdown)) {
      padding: 0.8rem 2rem;
    }
  }

  .header__submenu .header__menu-item {
    justify-content: space-between;
    padding: 0rem;

    &.header__menu-item--last {
      display: inline;
    }
  }
  .header__submenu .icon-caret {
    flex-shrink: 0;
    margin-left: 1rem;
    position: static;
  }
  header-menu > details,
  details-disclosure > details {
    position: relative;
  }

  .list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0;
    margin-inline: calc(var(--gap-x) / 2 * -1);
    > li > .header__menu-item {
      padding-inline: calc(var(--gap-x) / 2 + 1.2rem);
    }
  }
  .list-menu__item {
    display: flex;
    align-items: center;
  }
  .list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  @keyframes animateMenuOpen {
    0% {
      opacity: var(--opacity-0);
      transform: translateY(-1.5rem);
    }
    100% {
      opacity: var(--opacity-100);
      transform: translateY(0);
    }
  }
  @media screen and (min-width: 750px) {
    .search-modal__close-button {
      right: 1rem;
    }
    .search-modal__content {
      padding: 0 6rem;
    }
    .list-menu__item--link {
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
  }
  @media screen and (min-width: 1025px) {
    body:has(.section-header .header) .utility-bar .page-width {
      padding-inline: 5rem;
    }
    .header__inline-menu {
      display: block;
    }
    .header--top-center .header__inline-menu {
      justify-self: center;
    }
    .header--top-center .header__inline-menu > .list-menu--inline {
      justify-content: center;
    }
    .header--middle-left .header__inline-menu {
      margin-left: 0;
    }
    .header:not(.header--top-center) * > .header__search,
    .header--top-center > .header__search {
      display: inline-flex;
    }
    .header:not(.header--top-center) > .header__search,
    .header--top-center * > .header__search {
      display: none;
    }
    .search-modal__form {
      max-width: 74.2rem;
    }
    .search-modal__close-button {
      position: initial;
      margin-left: 0.5rem;
    }
    .header__menu-item > a:not(:hover) {
      display: contents;
    }
  }
  .countdown .countdown-item {
    gap: 1.8rem;
    margin-top: 0.7rem;
  }
  .countdown .countdown-item:not(:last-child) {
    margin-right: 2.4rem;
  }
  .countdown .countdown-digit {
    min-width: 5rem;
    min-height: 6rem;
    padding: 0.5rem 0.8rem;
    margin-bottom: 0.8rem;
    border-radius: 6px;
    background-color: var(--color-primary-button-background);
    color: var(--color-primary-button-text);
    font-style: var(--font-heading-style);
  }
  .countdown-border-gradient .countdown-digit:before {
    content: ':';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px solid transparent;
    background: linear-gradient(
        90.26deg,
        var(--border-color-1, var(--color-first-icon)) 2.91%,
        var(--border-color-2, var(--color-second-icon)) 99.96%
      )
      border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .countdown .countdown-item:not(:last-child) .countdown-digit:after {
    content: ':';
    position: absolute;
    right: -1.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-foreground);
  }

  .header__inline-menu {
    --submenu-animation-speed: var(--animation-speed-slowest);
    --submenu-opacity: 0;
    --submenu-height-transition: 0px;
  }

  .mega-menu__content:has(.mega-menu__collage-wrapper) {
    padding-bottom: 0;

    .mega-menu__list {
      padding-bottom: 3rem;
    }
  }
  .mega-menu__collage-wrapper {
    padding-block: var(--padding-4xl);
  }

  .header__menu-item.highlighted-item,
  .list-menu__item.highlighted-item {
    --color-foreground: var(--highlighted-color);
    --color-foreground-rgb: var(--highlighted-color-rgb);
    color: var(--color-foreground);
  }

  .list-menu__item .label-wrapper {
    position: absolute;
    left: 50%;
    top: -9px;
    transform: translateX(-50%);
  }

  .header__menu-item {
    position: relative;
  }

  .header__inline-menu .label-wrapper {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-xs);
    font-size: 1.2rem;
    pointer-events: none;
  }

  .header__inline-menu .label {
    display: inline-block;
    height: 15px;
    text-transform: capitalize;
    text-align: center;
    border-radius: var(--badge-corner-radius);
    padding: .1rem var(--padding-xs);
    position: relative;
    color: var(--color-foreground);
    background-color: var(--color-background);
    line-height: 1;

    &::before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -9px;
      transform: translate(-50%) rotate(180deg);
      border: 5px solid transparent;
      border-bottom-color: var(--color-background);
    }

    &.new-label {
      --color-foreground: var(--new-color);
      --color-foreground-rgb: var(--new-color-rgb);
      --color-background: var(--new-bg);
      --color-background-rgb: var(--new-bg-rgb);
    }

    &.sale-label {
      --color-foreground: var(--sale-color);
      --color-foreground-rgb: var(--sale-color-rgb);
      --color-background: var(--sale-bg);
      --color-background-rgb: var(--sale-bg-rgb);
    }

    &.hot-label {
      --color-foreground: var(--hot-color);
      --color-foreground-rgb: var(--hot-color-rgb);
      --color-background: var(--hot-bg);
      --color-background-rgb: var(--hot-bg-rgb);
    }
  }

  .mega-menu__content .label-wrapper {
    margin-left: var(--margin-xs);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  .mega-menu__content .label:before {
    left: -8px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%) rotate(270deg);
  }

  /* .header-menu .details--dropdown > .details__list {
    opacity: 0;
    transform: translateY(-5%);
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease;
  } */
  /* .header-menu .details--dropdown > .details__list.is-active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  } */

  .header__inline-menu .details--dropdown > .list-menu--wrapper:not(.header__submenu-wrapper) {
    clip-path: rect(0 100% var(--submenu-height-transition) 0);
    max-height: 70dvh;
    transition: clip-path var(--submenu-animation-speed) var(--ease-out-smooth);
    pointer-events: none;
  }

  .header__inline-menu .details--dropdown > .list-menu--wrapper.header__submenu-wrapper {
    opacity: var(--submenu-opacity);
    visibility: hidden;
    transform: translateY(-0.4rem);
    overflow: hidden;
    transition: opacity var(--submenu-animation-speed) var(--ease-out-smooth),
      transform var(--submenu-animation-speed) var(--ease-out-smooth);
  }

  .header__inline-menu .details--dropdown > .list-menu--wrapper {
    overflow-y: auto;
    pointer-events: none;
  }

  .header__inline-menu .details--dropdown > .header__submenu-wrapper {
    min-width: initial;
    background: var(--color-background);
  }

  @media screen and (min-width: 1025px) {
    .list-menu--inline .details--dropdown:hover .menu__link--level-1:before {
      content: '';
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      height: var(--header-height);
      z-index: 1;
    }

    .header__inline-menu .details--dropdown:hover > .list-menu--wrapper {
      --submenu-opacity: 1;
      --submenu-height-transition: var(--submenu-height);
      pointer-events: auto;

      &.header__submenu-wrapper {
        visibility: visible;
        transform: translate3d(0, 0, 0);
      }
    }
  }

  /* mega 1 */
  .mega-menu-style-1:not(:has(.collage__item--3)) {
    @media screen and (min-width: 750px) {
      .collage--2-items.collage--right .collage__item--1 {
        grid-row: 1 / span 2;
        grid-column: 1 / -1;
      }

      .collage--2-items.collage--right .collage__item--2 {
        grid-column: 1 / -1;
        grid-row: 3 / span 2;
      }
    }
  }

  @media screen and (max-width: 1279px) {
    .mega-menu-style-1 .mega-menu__list,
    .mega-menu-style-1 .mega-menu__collage {
      flex: 0 0 100%;
    }
  }

  /* mega 3 */
  @media screen and (min-width: 750px) {
    .mega-menu-style-3 .collage__item--1 {
      grid-row: span 1;
    }

    .mega-menu-style-3 .resource-card {
      grid-template-columns: 11.5rem 1fr;
    }
  }

  @media screen and (min-width: 750px) {
    .mega-menu__collage-wrapper .collage .collage__item--1,
    .mega-menu__collage-wrapper .collage .collage__item--4,
    .mega-menu__container .collage .collage__item--1,
    .mega-menu__container .collage .collage__item--4 {
      grid-row: span 1;
    }
  }
/* END_SNIPPET:header-menu */

/* START_SNIPPET:header-multi-site (INDEX:375, SCOPED:FALSE) */
.header .link.link--multi-site {
    position: relative;
    color: rgb(var(--color));
    background-color: var(--background-color);
    padding: var(--padding-lg) var(--padding-xl);
    transition: background-color 0.3s var(--animation-timing-hover);
    font-size: var(--font-size--md);
    display: block;
    align-content: center;
    height: 100%;
    &.link--multi-site--active {
      color: rgba(var(--color-active) / var(--opacity-100));
      background-color: rgba(var(--background-color-active) / var(--opacity-100));
    }

    img,
    svg {
      width: var(--logo_size);
      min-width: var(--logo_size);
      height: auto;
    }

    svg {
      fill: currentColor;
    }

    &:hover {
      color: rgba(var(--color-active) / var(--opacity-80));
      background-color: rgba(var(--background-color-active) / var(--opacity-80));
    }
  }
/* END_SNIPPET:header-multi-site */

/* START_SNIPPET:header-search (INDEX:379, SCOPED:FALSE) */
.header__search .search--inline .predictive-search--center .search__button {
    right: 1px;
    top: 1px;
    border-top-right-radius: var(--inputs-radius);
    border-bottom-right-radius: var(--inputs-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: var(--minimum-touch-target);
  }
  .header__search .search--inline .predictive-search--center .search__button:not(:focus-visible):not(.focused) {
    background-color: var(--color-primary-button-background);
  }

  .header__search .search--inline .predictive-search--center .search__input {
    height: var(--minimum-touch-target);
  }
/* END_SNIPPET:header-search */

/* START_SNIPPET:jumbo-text (INDEX:396, SCOPED:FALSE) */
jumbo-text {
    display: block;
    font-family: var(--font-family, inherit);
    font-style: var(--font-style, normal);
    color: var(--color, inherit);
    font-weight: var(--font-weight, inherit);
    letter-spacing: var(--letter-spacing, -0.02em);
    line-height: var(--line-height, 1);
    opacity: 0;
    text-align: var(--text-align);
    text-box: var(--text-trim, trim-end cap text);
    text-transform: var(--text-transform, none);
    transition: opacity 0.3s ease;
    white-space: pre;
    width: 100%;
    will-change: font-size;
    margin-left: var(--margin-left-nudge, 0);
    margin-right: var(--margin-right-nudge, 0);
    overflow: visible;
    pointer-events: none;
  }

  jumbo-text.ready {
    opacity: 1;
  }

  jumbo-text[data-cap-text='true'] {
    text-box-edge: cap text;
  }

  .jumbo-text-space {
    display: inline-flex;
    width: 0.5ch;
  }

  :is(.jumbo-text-char, .jumbo-text-line) {
    display: inline-flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    /* Blur effect */
    [data-text-effect='blur'] {
      filter: blur(20px);
      opacity: 0.5;
      scale: 1.05;
      transition: filter 1.6s var(--animation-timing-fade-in), opacity 1.3s var(--animation-timing-fade-in),
        scale 1.6s var(--animation-timing-fade-in);
    }

    .jumbo-text-visible[data-text-effect='blur'] {
      filter: blur(0);
      opacity: 1;
      scale: 1;
    }

    /* Reveal effect */
    .ready[data-text-effect='reveal'],
    .ready[data-text-effect='reveal'] .jumbo-text-line {
      overflow: hidden;
    }

    .ready[data-text-effect='reveal'] .jumbo-text-char {
      transform: translateY(100%);
    }

    .jumbo-text-visible[data-text-effect='reveal'] .jumbo-text-char {
      transition: transform 0.5s var(--animation-timing-fade-in) calc(var(--line-index) * 0.05s);
      transform: translateY(0);
    }

    .jumbo-text-visible[data-text-effect='reveal'],
    .jumbo-text-visible[data-text-effect='reveal'] .jumbo-text-line {
      overflow: visible;
      transition: overflow 0s linear 0.75s;
    }
  }
/* END_SNIPPET:jumbo-text */

/* START_SNIPPET:language-country-localization (INDEX:397, SCOPED:FALSE) */
.country-language-localization .disclosure__list-wrapper {
    max-height: initial;
    overflow: visible;
  }

  .country-language-localization .language-selector .language-selector__select {
    width: max-content;
    height: var(--size-38);
  }

  .country-language-localization .language-selector {
    padding: 1rem 1.6rem;
    gap: var(--gap-xs);
  }

  .menu-drawer .language-selector .details--dropdown,
  .country-language-localization .language-selector .details--dropdown {
    width: max-content;
    font-size: var(--menu-localization-font-size);
    font-family: var(--menu-localization-font);
  }

  .language-selector__label {
    flex-shrink: 0;
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    font-size: var(--menu-localization-font-size);
    font-family: var(--menu-localization-font);
  }

  .drawer-localization__button--label {
    font-size: var(--menu-localization-font-size);
    font-family: var(--menu-localization-font);
    width: 100%;

    .icon-flag {
      width: calc(var(--menu-localization-font-size, var(--icon-size-sm)) * 1.5);
      height: var(--menu-localization-font-size, var(--icon-size-sm));
    }

    .icon-caret {
      margin-left: auto;
    }
  }
/* END_SNIPPET:language-country-localization */

/* START_SNIPPET:list-filter (INDEX:400, SCOPED:FALSE) */
.facets input:checked + label {
    font-weight: 500;
  }

  .facets .checkbox .icon-checkmark {
    transition: border-color 0.2s ease, background-color 0.2s ease;
  }

  .facets .checkbox:not(:has(.checkbox__input:disabled)):hover .icon-checkmark {
    border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  }

  .facets .checkbox:has(.checkbox__input:checked):not(:has(.checkbox__input:disabled)):hover .icon-checkmark {
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85));
  }

  .facets .checkbox:not(:has(.checkbox__input:disabled)):hover .checkbox__label-text {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-90));
  }

  .facets .checkbox .checkbox__label-text {
    transition: color 0.2s ease, font-weight 0.2s ease;
  }

  /* Pill style */
  .facets__pill-label {
    --pill-label-padding-inline: var(--padding-xs);
    --pill-label-border-radius: var(--style-border-radius-md);
    --pill-label-border-width: var(--variant-picker-button-border-width);
    --pill-label-height: var(--button-size-md);
    --pill-label-focus-outline-color: var(--color-foreground);
    --pill-label-color: var(--color-foreground);
    --pill-label-color-rgb: var(--color-foreground-rgb);
    --pill-label-background-color: var(--color-background);
    --pill-label-background-color-rgb: var(--color-background-rgb);
    --pill-label-border-opacity: var(--facets-low-opacity);

    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 var(--pill-label-border-width) rgb(var(--pill-label-color-rgb) / var(--opacity-10-25));
    border-radius: var(--pill-label-border-radius);
    height: var(--pill-label-height);
    width: 100%;
    padding-inline: var(--pill-label-padding-inline);
    color: rgb(var(---pill-label-color-rgb));
    background-color: rgb(var(--pill-label-background-color-rgb));
    cursor: pointer;
    transition: color var(--animation-speed) var(--animation-easing),
      background-color var(--animation-speed) var(--animation-easing);
    outline-color: var(--pill-label-focus-outline-color);

    &:hover {
      --pill-label-border-opacity: 100%;
    }
  }

  .facets__pill-input {
    &:checked + .facets__pill-label {
      --pill-label-color: var(--color-background);
      --pill-label-background-color: var(--color-foreground);
      --pill-label-border-opacity: 0;

      font-weight: 500;
    }

    &:disabled + .facets__pill-label {
      opacity: var(--disabled-opacity);
      cursor: not-allowed;

      &:hover {
        --pill-label-border-opacity: var(--facets-low-opacity);
      }
    }
  }

  .facets__status-wrapper {
    display: flex;
    align-items: center;
  }

  .facets--drawer .facets__status-wrapper {
    @media screen and (max-width: 749px) {
      gap: var(--gap-3xs);
    }
  }

  .facets--vertical .facets__status-wrapper {
    gap: var(--gap-xs);
  }

  .facets--horizontal .facets__status-wrapper {
    gap: 0;
  }

  .facets__pill-input:disabled + .facets__pill-label svg {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--style-border-radius-md);
  }

  .facets__pill-label svg line {
    stroke-width: 1.5px;
    stroke: rgb(var(--color-foreground-rgb) / var(--facets-low-opacity));
  }

  .facets__pill-wrapper {
    position: relative;
  }

  .facets__pill-input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }

  /* Swatches */
  .facets__status--swatches {
    display: none;
  }

  .facets__swatch-wrapper {
    display: flex;
  }

  .facets__inputs-list--swatches .variant-option__button-label {
    --color-variant-text: var(--color-foreground);
  }

  .facets__inputs-list--swatches {
    --variant-picker-swatch-width: 32px;
    --variant-picker-swatch-height: 32px;

    @media screen and (min-width: 750px) {
      --variant-picker-swatch-width: 26px;
      --variant-picker-swatch-height: 26px;
    }
  }

  .facets--vertical .facets__inputs-wrapper .facets__inputs-list--swatches-grid {
    gap: var(--gap-sm);
  }

  .facets--vertical .facets__inputs-list--swatches .facets__inputs-list-item {
    display: flex;
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches-grid {
    --columns: 2;

    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option--swatches {
    cursor: pointer;
    overflow: visible;

    &.variant-option--swatches-disabled,
    &:has(input:disabled) {
      cursor: not-allowed;
    }
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches-grid label {
    cursor: pointer;
    word-break: break-word;
    white-space: normal;

    .variant-option--swatches-disabled &,
    .variant-option--swatches:has(input:disabled) & {
      cursor: not-allowed;
    }
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch {
    align-items: center;
    overflow: visible;
    justify-content: flex-start;
    display: flex;
    width: 100%;
    flex-basis: unset;
    gap: var(--gap-sm);
  }

  .facets__inputs-wrapper .facets__inputs-list--swatches-grid .variant-option__button-label:has(:checked) {
    color: rgb(var(--color-foreground-rgb));
    background-color: rgb(var(--color-background-rgb));
    font-weight: 500;
    transition: font-weight 0.2s ease;
  }

  .facets .variant-option--swatches {
    --options-border-radius: var(--variant-picker-swatch-radius);

    width: auto;
  }

  .facets--horizontal .facets__status--swatches {
    @media screen and (min-width: 750px) {
      display: flex;
    }
  }

  .facets--horizontal .sorting-filter .facets__status {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }

  .facets__status--swatches .swatch {
    width: calc(var(--variant-picker-swatch-width) / 1.5);
    height: calc(var(--variant-picker-swatch-height) / 1.5);
  }

  .facets__status--swatches .swatch + .swatch {
    margin-left: calc(var(--variant-picker-swatch-width) / -3);
    outline: 1px solid rgb(var(--color-background-rgb));
  }

  .variant-option--images {
    position: relative;
  }

  .variant-option--images {
    --image-facet-border-width: var(--variant-picker-button-border-width);
    --image-facet-border-opacity: var(--facets-low-opacity);
    --image-facet-border-radius: var(--style-border-radius-xs);

    border-radius: var(--image-facet-border-radius);
    box-shadow: inset 0 0 0 var(--image-facet-border-width)
      rgb(var(--color-foreground-rgb) / var(--image-facet-border-opacity));

    &:hover:not(:has(input:disabled)),
    &:has(input:checked) {
      --image-facet-border-opacity: 100%;
    }

    &:has(input:checked) {
      font-weight: 500;
      transition: font-weight 0.2s ease;
    }

    &:has(input:checked):hover {
      --image-facet-border-width: calc(var(--variant-picker-button-border-width) + 0.5px);
    }

    &:has(input:focus-visible) {
      outline: var(--focus-outline-width) solid currentcolor;
      outline-offset: var(--focus-outline-offset);
    }

    &:has(input:disabled),
    &:has(input:disabled):hover {
      --image-facet-border-opacity: 0;

      opacity: var(--disabled-opacity);
      cursor: not-allowed;

      img {
        opacity: var(--disabled-opacity);
      }

      input,
      label,
      .facets__image-label {
        cursor: not-allowed;
      }

      .facets__image-wrapper {
        border: var(--style-border-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-30));
        border-radius: var(--image-facet-border-radius);
      }
    }
  }

  .facets__inputs-wrapper .facets__inputs-list--images {
    display: grid;
    grid-template-columns: repeat(var(--image-columns), 125px);
    gap: var(--gap-sm);
  }

  .facets--drawer .facets__inputs-wrapper .facets__inputs-list--images {
    grid-template-columns: repeat(3, 1fr);

    @media screen and (min-width: 750px) {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  .facets--vertical .facets__inputs-wrapper .facets__inputs-list--images {
    grid-template-columns: repeat(2, 1fr);
  }

  .facets--drawer .facets__inputs-list--images {
    padding-top: var(--padding-xs);
  }

  .facets__image-wrapper {
    aspect-ratio: 1/1;
    width: 100%;
    padding: var(--padding-xs);
    position: relative;
    overflow: hidden;
  }

  .facets__image-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: calc(var(--border-radius) / 2);
  }

  /* Position disabled-svg */
  .variant-option--images svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    stroke-width: var(--border-width);
    stroke: rgb(var(--color-foreground-rgb) / var(--opacity-5));
  }

  /* Position label text and handle overflow */
  .facets__inputs-list-item,
  .variant-option--images {
    min-width: 0;
  }

  .facets__image-label {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-block-end: var(--padding-xs);
    cursor: pointer;

    .variant-option--images:has(input:disabled) & {
      cursor: not-allowed;
    }
  }

  .facets__inputs-list--swatches .variant-option__button-label:hover:not(:has(input:disabled)) {
    font-weight: 500;
  }

  .variant-option--images:not(:has(input:disabled)) .facets__image-label:hover {
    font-weight: 500;
  }
/* END_SNIPPET:list-filter */

/* START_SNIPPET:media (INDEX:402, SCOPED:FALSE) */
.media-banner {
    min-height: var(--media-height, auto);
    align-items: center;
  }

  .media-block {
    overflow: hidden;
    position: relative;

    @media screen and (min-width: 750px) {
      min-height: var(--media-height);
    }
  }

  .media-block__media {
    height: var(--media-height-mobile, 100%);
    object-fit: var(--image-position, 'cover');
    object-position: center center;
    width: 100%;

    @media screen and (min-width: 750px) {
      height: 100%;
      position: absolute;
    }
  }

  deferred-media[class].media-block__media
    :is(.deferred-media__poster-button img, .deferred-media__poster-button ~ video) {
    object-fit: var(--video-position, 'cover');
  }

  .media-block__media--video {
    display: flex;
    align-items: center;
    justify-content: center;

    @media screen and (max-width: 749px) {
      --media-height-mobile: auto;
    }
  }
/* END_SNIPPET:media */

/* START_SNIPPET:menu-drawer-utility (INDEX:403, SCOPED:FALSE) */
.menu-drawer__utility-links .header__icon--wishlist {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    padding: var(--padding-sm) var(--padding-xl);
    gap: var(--gap-lg);

    .svg-wrapper {
      width: var(--size-24);
    }

    .wishlist-count-bubble{
      position: unset;
      transform: unset;
    }
  }

  .menu-drawer__utility-links .disclosure__list.country-selector__list,
  .menu-drawer__utility-links .disclosure__list.language-selector__list {
    padding-block-end: var(--padding-sm);
    width: 100%;
    max-height: calc(100dvh - 16.5rem);
  }

  .menu-drawer__utility-links .disclosure__list-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100dvh;
    left: 0;
    background-color: var(--color-background);
    max-height: initial;
    display: grid;
    grid-template-rows: 4.5rem 1fr 5rem;
  }

  .menu-drawer__utility-links localization-form:has(.country-selector__list--with-multiple-currencies) {
    width: 100%;
    max-height: calc(100dvh - 9.5rem);
    display: block;

    .country-selector__list--with-multiple-currencies {
      width: 100%;
      max-height: calc(100dvh - 16.5rem);
    }
  }

  .menu-drawer__utility-links .language-selector--only .details--dropdown-language {
    width: 100%;
  }
/* END_SNIPPET:menu-drawer-utility */

/* START_SNIPPET:mobile-menu (INDEX:405, SCOPED:FALSE) */
.header__icon--menu .button {
    padding: 0;
  }

  .header__icon .icon-hamburger-custom:not(.icon-flag) {
    display: block;
    height: auto;
    width: 100%;
    transition: transform var(--animation-speed-slow) var(--ease-out-smooth);
    position: relative;

    .icon-hamburger-custom__line {
      width: var(--size-22);
      height: var(--size-2);
      display: block;
      background-color: currentcolor;
      margin: .6rem auto;
      transition: transform var(--animation-speed-slow) var(--ease-out-smooth), width var(--animation-speed-slow) var(--ease-out-smooth);
      border-radius: 8px;

      &:nth-child(1),
      &:nth-child(3) {
        transition-delay: var(--animation-speed);
      }
    }
  }

  .header__icon--menu button.active .icon-hamburger-custom {
    --translate-y: 8px;
    transition-delay: var(--animation-speed-slowest);
    transform: rotate(45deg);

    .icon-hamburger-custom__line:nth-child(1) {
      transform: translateY(var(--translate-y));
    }
    .icon-hamburger-custom__line:nth-child(2) {
      width: 0px;
    }
    .icon-hamburger-custom__line:nth-child(3) {
      transform: translateY(calc(var(--translate-y) * -1)) rotate(90deg);
    }
  }

  .header__icon--menu button {
    height: var(--minimum-touch-target);
    width: var(--minimum-touch-target);
    padding: 0;
  }
/* END_SNIPPET:mobile-menu */

/* START_SNIPPET:multi-level-category (INDEX:406, SCOPED:FALSE) */
.multi-category_wrapper {
    padding: 30px 15px;
    margin: 0 auto;
    background-color: #dddddd;
  }

  .multi-category_filter .form-wrapper {
    flex-grow: 1;
  }
  .multi-category_filter .form-field {
    max-width: 26%;
    margin: 0;
    border-right: 1px solid #cbcbcb;
  }
  .multi-category_filter .form-field:first-child span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .multi-category_filter .form-field.form-field-last {
    border-right: 0;
  }
  .multi-category_filter .form-field.form-field-last span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .multi-category_filter .form-field svg {
    position: absolute;
    right: 17px;
    top: 17px;
    width: 25px;
    height: 25px;
    color: var(--color-label-multiLevel-categories);
    pointer-events: none;
  }
  .multi-category_filter .form-label {
    font-size: 0;
    line-height: 0;
  }
  .multi-category_filter .form-select {
    background: var(--bg-label-multiLevel-categories);
    color: var(--color-label-multiLevel-categories);
    height: 6rem;
    line-height: 6rem;
    padding: 0 2rem 0 3rem;
  }

  .multi-category_filter .form-select:has(+ .dropdown-up.open) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .multi-category_filter .dropdown-up {
    top: 6rem;
    left: 0;
    background: var(--bg-label-multiLevel-categories);
    border: 1px solid #cbcbcb;
    z-index: 99;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .multi-category_filter .dropdown-up.open {
    display: block;
  }
  .multi-category_filter .dropdown-up.open + svg {
    transform: rotate(180deg);
  }
  .multi-category_filter .dropdown-up ul {
    max-height: 300px;
  }
  .multi-category_filter .dropdown-up ul > li {
    cursor: default;
    color: var(--color-label-multiLevel-categories);
    line-height: 40px;
    display: block;
    padding: 0 10px 0 30px;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%;
    margin: 0;
  }
  .multi-category_filter .dropdown-up ul > li:hover {
    background: #39f;
    color: #fff;
  }
  .multi-category_filter .group-button {
    width: 230px;
    margin-left: 10px;
    border-radius: 5px;
    overflow: hidden;
    color: var(--color-button-multiLevel-categories);
    background: var(--bg-button-multiLevel-categories);
  }
  .multi-category_filter .group-button a#multi-category_clear-select {
    padding: 0;
    width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .multi-category_filter .group-button a {
    background-color: transparent;
    height: 6rem;
    border: none;
  }
  .multi-category_filter .group-button a#multi-category_select-browse {
    width: 17rem;
    border-right: 1px solid var(--border-button-multiLevel-categories);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .multi-category_filter .group-button svg {
    fill: var(--color-button-multiLevel-categories);
    width: 1.6rem;
    height: 1.6rem;
  }

  .multi-category_filter .group-button:hover {
    color: var(--hover-color-button-multiLevel-categories);
    background: var(--hover-bg-button-multiLevel-categories);
  }
  .multi-category_filter .group-button:hover svg {
    fill: var(--hover-color-button-multiLevel-categories);
  }

  @media (max-width: 1024px) {
    .multi-category_filter .form-select {
      height: 5rem;
      line-height: 5rem;
      padding: 0 20px 0 25px;
    }
    .multi-category_filter .form-field svg {
      top: 1.2rem;
    }
    .multi-category_filter .group-button a {
      height: 5rem;
      line-height: 5rem;
    }
  }

  @media (max-width: 749px) {
    .multi-category_filter .form-wrapper {
      display: block;
      letter-spacing: -0.31em;
    }
    .multi-category_filter .form-field {
      width: calc(100% / 3);
      max-width: unset;
      letter-spacing: normal;
    }
    .multi-category_filter .group-button {
      margin: 2rem auto 0;
      letter-spacing: normal;
    }
    .multi-category_filter .form-select {
      padding: 0 1.5rem;
    }
    .multi-category_filter .form-field svg {
      right: 10px;
    }
    .multi-category_filter .dropdown-up ul > li {
      padding-left: 1.5rem;
    }
  }

  @media (max-width: 551px) {
    .multi-category_filter .form-field {
      width: 100%;
      border: 0;
      margin-bottom: 1rem;
    }
    .multi-category_filter .form-select {
      border-radius: .5rem;
    }
  }

  @media (min-width: 1025px) {
    .multi-category_wrapper {
      bottom: 6rem;
      left: 50%;
      transform: translatex(-50%);
      position: absolute;
      color: #fff;
      background-color: transparent;
      z-index: var(--layer-heightened);
      max-width: 120rem;
      width: 100%;
      padding-top: 0;
      padding-bottom: 0;
    }
  }
/* END_SNIPPET:multi-level-category */

/* START_SNIPPET:overlay (INDEX:407, SCOPED:FALSE) */
.overlay {
    position: absolute;
    inset: 0;
    z-index: var(--overlay-layer);
    pointer-events: none;
    border-radius: var(--overlay-border-radius, 0px);
  }

  .overlay--solid {
    background: var(--overlay-color);
  }

  .overlay--gradient {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
  }

  @media screen and (min-width: 750px) {
    .overlay--extend-left:before,
    .overlay--extend-right:after {
      --width-extend: 7rem;
      content: '';
      position: absolute;
      inset: 0;
      z-index: var(--layer-section-background);
      pointer-events: none;
      border-radius: var(--overlay-border-radius, 0px);
      background: var(--overlay-color);
      width: var(--width-extend);
      height: 100%;
    }

    .overlay--extend-left.overlay--gradient:before,
    .overlay--extend-right.overlay--gradient:after {
      background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
    }

    .overlay--extend-left:before {
      left: calc(var(--width-extend) * -1);
    }

    .overlay--extend-right:after {
      right: calc(var(--width-extend) * -1);
      left: auto;
    }

    *:has(+ .group-block .overlay--extend-left),
    .group-block:has(.overlay--extend-left):has(+ *) {
      z-index: var(--layer-flat);
    }
  }
/* END_SNIPPET:overlay */

/* START_SNIPPET:pagination (INDEX:408, SCOPED:FALSE) */
.pagination__list {
    justify-content: var(--pagination-alignment);
  }

  .pagination__list > li {
    min-width: 4rem;
  }

  .pagination__list > li:not(:last-child) {
    margin-right: 1.6rem;
  }

  .pagination__item {
    display: inline-flex;
    height: 4rem;
    color: var(--pagination-color);
    background-color: var(--pagination-active-color);
    border: var(--border-width) solid var(--pagination-color);
    font-size: var(--body-s-font-size);
    box-shadow: rgba(var(--pagination-active-color-rgb) / 0.25) 0rem 0rem 0rem 0rem;
    transition: background-color var(--animation-speed) var(--ease-out-smooth),
      box-shadow var(--animation-speed) var(--ease-out-smooth);

    &:has(.icon-arrow) {
      padding: 0 1.3rem;
    }
  }

  .pagination__item--current {
    background: var(--pagination-color);
    border-color: rgba(var(--pagination-active-color-rgb) / .25);
    color: var(--pagination-active-color);
    box-shadow: rgba(var(--pagination-active-color-rgb) / .25) 0 4px 4px;
  }

  .pagination__item:hover {
    background: transparent;
    border-color: var(--pagination-active-color);
    box-shadow: rgba(var(--pagination-active-color-rgb) / 0.25) 0 4px 4px 0;
  }

  .pagination__item--next,
  .pagination__item--prev {
    transition: transform var(--animation-speed) var(--ease-out-smooth);

    &:hover {
      border-color: var(--pagination-active-color);
    }
  }

  .pagination__list > li:has(.pagination__item--next) {
    margin-right: 2rem;
  }

  .pagination__list > li:has(.pagination__item--prev) {
    margin-left: 0.4rem;
  }

  .pagination__item-arrow .svg-wrapper {
    &:has(.icon-arrow) {
      width: 3.2rem;
      height: 1.4rem;
    }

    &:has(.icon-caret) {
      margin-right: -0.2rem;
      width: 1.5rem;
      height: 1.5rem;
    }
  }

  .pagination__item--next {
    .icon {
      &.icon-caret {
        transform: rotate(-90deg);
      }
    }

    &:hover .icon {
      &.icon-caret {
        transform: rotate(-90deg) scale(1.07);
      }

      &.icon-arrow {
        transform: rotate(0deg) scale(1.07);
      }
    }
  }

  .pagination__item--prev {
    .icon {
      &.icon-caret {
        transform: rotate(90deg);
      }

      &.icon-arrow {
        transform: rotate(180deg);
      }
    }

    &:hover .icon {
      &.icon-caret {
        transform: rotate(90deg) scale(1.07);
      }

      &.icon-arrow {
        transform: rotate(180deg) scale(1.07);
      }
    }
  }

  .infinite-scrolling-wrapper {
    margin-top: 2rem;
  }

  .infinite-scrolling-btn {
    width: 100%;
    max-width: 29rem;
  }

  .infinite-scrolling-btn.loading {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;

    .text {
      opacity: 0;
    }
  }

  .pagination-wrapper.infinite-scrolling-active .pagination {
    display: none;
  }

  .pagination-wrapper.infinite-scrolling-active .infinite-scrolling-wrapper {
    display: block;
  }

  .product-grid.loading {
    opacity: 0.7;
    pointer-events: none;
  }

  .product-grid__item {
    animation: fadeInUp 0.5s ease-out;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .pagination-page-item.pagination-page-total {
    margin: var(--margin-sm) 0;
    font-size: var(--body-s-font-size, 1.4rem);
    color: var(--color-foreground, #000);
  }

  .progress-wrapper {
    margin-top: 0.5rem;
  }

  .pagination-total-progress {
    height: 0.4rem;
    background-color: var(--pagination-color);
    border-radius: var(--style-border-radius-xs);
    max-width: 16rem;
  }

  .pagination-total-item {
    background-color: var(--pagination-active-color);
    border-radius: var(--style-border-radius-xs);
    transition: width 0.5s ease-in-out;
  }

  [data-total-start].updating,
  [data-total-end].updating {
    animation: numberUpdate 0.5s ease-in-out;
  }

  @keyframes numberUpdate {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
      color: var(--pagination-active-color);
    }
    100% {
      transform: scale(1);
    }
  }

  @media (max-width: 749px) {
    .infinite-scrolling-btn {
      min-width: 16rem;
      padding: 1rem 2rem;
      font-size: var(--font-size--xs);
    }

    .pagination-page-item.pagination-page-total {
      gap: 0.3rem;
      font-size: var(--font-size--xs);
    }
  }
/* END_SNIPPET:pagination */

/* START_SNIPPET:photoswipe_lib (INDEX:409, SCOPED:FALSE) */
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;


  --pswp-root-z-index: 100000;

  --pswp-preloader-color: rgb(79 79 79 / var(--opacity-40));
  --pswp-preloader-color-secondary: rgb(255 255 255 / var(--opacity-90));

  /* defined via js:
  --pswp-transition-duration: 333ms; */

  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: var(--opacity-4);
	contain: layout style size;
	-webkit-tap-highlight-color: rgb(0 0 0 / var(--opacity-0));
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: var(--opacity-4);
	background: var(--pswp-bg);
  display: block;
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp,
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp {
	position: fixed;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: var(--opacity-4);
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: var(--opacity-100);
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: var(--opacity-85);
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: var(--opacity-100);
}

.pswp__button:disabled {
  opacity: var(--opacity-30);
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: var(--opacity-0);
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: var(--opacity-85);
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin: 15px 0 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: var(--opacity-85);
}

.pswp--one-slide .pswp__counter {
  display: none;
}
/* END_SNIPPET:photoswipe_lib */

/* START_SNIPPET:predictive-search-drawer (INDEX:411, SCOPED:FALSE) */
.search-drawer .predictive-search {
    border: none;
    box-shadow: none;
    max-height: calc(100svh - 143px) !important;
    overflow-x: hidden;

    .resource-card {
    --resource-card-image-size: 5.5rem;
    }
  }

  .predictive-search .resource-card.resource-card--column {
    --resource-card-template-columns: var(--resource-card-image-size) 1fr;
  }

  .search-drawer .drawer__inner {
    padding: var(--padding-lg) 0;

    @media screen and (min-width: 1025px) {
      padding: var(--padding-4xl) 0;
    }

    .predictive-search--center {
      padding-inline: var(--padding-lg);
      @media screen and (min-width: 1025px) {
        padding-inline: var(--padding-4xl);
      }
    }
  }
/* END_SNIPPET:predictive-search-drawer */

/* START_SNIPPET:predictive-search-inline (INDEX:413, SCOPED:FALSE) */
.search--inline.search-modal__form {
    background-color: transparent;
  }

  .header__search--underline {
    --inputs-radius: 0;

    .search__input.field__input {
      padding-left: 0;
    }

    .predictive-search--center .field:after {
      top: unset;
      border: none;
    }

    .predictive-search--center .field__input:focus {
      box-shadow: none;
    }
  }

  .search-action .header__search--inline.header__search--frame {
    min-width: 23rem;
  }
/* END_SNIPPET:predictive-search-inline */

/* START_SNIPPET:predictive-search-products-list (INDEX:414, SCOPED:FALSE) */
@media screen and (max-width: 749px) {
    .predictive-search-results__wrapper-products {
      --card-grid-per-row: 1;
      gap: var(--gap-md);
    }
  }
/* END_SNIPPET:predictive-search-products-list */

/* START_SNIPPET:predictive-search-tab-empty-state (INDEX:416, SCOPED:FALSE) */
.predictive-search-tabs .tabs-product-header {
    gap: var(--gap-2xl);
    margin-bottom: 1rem;
  }

  .predictive-search-tab__trigger {
    background: none;
    border: none;
    padding: 0.8rem 0;
    position: relative;
    &:before ,
    &:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.1rem;
      background-color: rgba(var(--color-border-rgb) / var(--opacity-20));
      transition: background-color var(--animation-speed-slow) var(--animation-easing), transform var(--animation-speed-slow) var(--animation-easing);
      transform-origin: right;
    }

    &:after {
      transform: scaleX(0);
      background-color: rgba(var(--color-border-rgb) / var(--opacity-100));
    }
  }

  .predictive-search-tab__trigger.--active:after{
    transform: scaleX(1);
    transform-origin: left;
  }

  .predictive-search-tab__panel {
    display: none;
    padding-top: 1rem;

    &.--active {
      display: block;
    }
  }
/* END_SNIPPET:predictive-search-tab-empty-state */

/* START_SNIPPET:predictive-search-tab (INDEX:417, SCOPED:FALSE) */
.predictive-search-tabs .tabs-product-header {
    gap: var(--gap-2xl);
    margin-bottom: 1rem;
  }

  .predictive-search-tab__trigger {
    background: none;
    border: none;
    padding: 0.8rem 0;
    position: relative;
    &:before ,
    &:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.1rem;
      background-color: rgba(var(--color-border-rgb) / var(--opacity-20));
      transition: background-color var(--animation-speed-slow) var(--animation-easing), transform var(--animation-speed-slow) var(--animation-easing);
      transform-origin: right;
    }

    &:after {
      transform: scaleX(0);
      background-color: rgba(var(--color-border-rgb) / var(--opacity-100));
    }
  }

  .predictive-search-tab__trigger.--active:after{
    transform: scaleX(1);
    transform-origin: left;
  }

  .predictive-search-tab__panel {
    display: none;
    padding-top: 1rem;

    &.--active {
      display: block;
    }
  }
/* END_SNIPPET:predictive-search-tab */

/* START_SNIPPET:price-facet (INDEX:419, SCOPED:FALSE) */
.facets-price__apply {
    margin-top: var(--margin-xl);
  }

  .field-to-price,
  .field-currency {
    font-size: var(--body-xs-font-size);
  }

  .field__input.filter__price_number {
    padding: 1rem 0.5rem 1rem 1rem;
    text-align: right;
  }
/* END_SNIPPET:price-facet */

/* START_SNIPPET:price-filter (INDEX:420, SCOPED:FALSE) */
/* Price filter */
  .price-facet {
    container-type: inline-size;
    display: flex;
    flex-direction: column;
  }

  .facets__inputs-wrapper.price-facet__inputs-wrapper {
    flex-wrap: nowrap;
  }

  .price-facet__field {
    width: 50%;
    flex-grow: 0;
  }

  @container (max-width: 199px) {
    .facets__inputs-wrapper.price-facet__inputs-wrapper {
      flex-wrap: wrap;
      width: 100%;
    }

    .price-facet__inputs-wrapper .price-facet__field {
      width: 100%;
    }
  }

  .facets .facets__inputs-wrapper.price-facet__inputs-wrapper {
    padding: var(--inputs-border-width);
    gap: calc(var(--gap-sm) + (var(--inputs-border-width) * 2));
  }

  .facets--horizontal .facets__panel-content:has(.price-facet) {
    min-width: 360px;
  }

  .facets--horizontal .facets__inputs-wrapper.price-facet__inputs-wrapper {
    @media screen and (min-width: 750px) {
      padding: calc(var(--padding-md) + var(--inputs-border-width));
    }
  }

  .price-facet__input {
    width: 100%;
    text-align: right;
    padding-left: calc(2.5 * var(--input-padding-x));
  }

  .price-facet__input::placeholder {
    color: var(--facets-input-label-color);
  }

  .price-facet__separator {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-paragraph--size);
  }

  .price-facet__highest-price {
    padding: var(--padding-xs) 0 var(--padding-sm);
  }

  .facets--horizontal .price-facet__highest-price {
    padding: 0 var(--padding-md) var(--padding-xs);
  }

  .field__label.price-facet__label {
    top: 0;
    left: 0;
    color: var(--facets-input-label-color);
    padding: var(--input-padding-y) var(--input-padding-x);
    transform: none;
  }
/* END_SNIPPET:price-filter */

/* START_SNIPPET:product-grid (INDEX:430, SCOPED:FALSE) */
/* product grid */
  .product-grid:is(.product-grid--grid)[data-view='1'] {
    --product-grid-columns-desktop: repeat(1, 1fr);
    --card-grid-per-row: 1;
  }

  .product-grid:is(.product-grid--grid)[data-view='1'] .card {
    --width-block-media: 40%;
    display: grid;
    grid-template-columns: var(--width-block-media) 1fr;
    column-gap: calc(var(--gap, 0) * 3);
  }

  @media screen and (max-width: 749px) {
    .product-grid:is(.product-grid--grid)[data-view='1'] .card {
      --width-block-media: 11rem;
      column-gap: calc(var(--gap, 0) * 1.5);
    }
  }

  @media screen and (min-width: 750px) {
    .product-grid:is(.product-grid--grid)[data-view='1'] .card {
      --width-block-media: 30%;
    }
  }

  @media screen and (min-width: 1600px) {
    .product-grid:is(.product-grid--grid)[data-view='1'] .card {
      --width-block-media: 20%;
    }
  }

  .product-grid:is(.product-grid--grid)[data-view='1'] .product-description__collection {
    display: block;
  }

  @media screen and (max-width: 749px) {
    .product-grid:is(.product-grid--grid)[data-view='1'] .product-description__collection {
        display: none;
    }
  }

  .product-grid:is(.product-grid--grid)[data-view='1'] .card--block-media {
    grid-column: 1;
    grid-row: 1 / span var(--total-blocks);
  }

  .product-grid:is(.product-grid--grid)[data-view='1'] .card-product-information.layout-panel-flex--row {
    flex-direction: column;
  }

  .product-grid:is(.product-grid--grid)[data-view='1'] .card--block-title {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
  }

  .product-grid:is(.product-grid--grid)[data-view='2'] {
    --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
  }

  .product-grid:is(.product-grid--grid)[data-view='3'] {
    --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 4), 1fr));
  }

  @media screen and (max-width: 749px) {
    .product-grid:is(.product-grid--grid)[data-view='3'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
    }
  }

  .product-grid:is(.product-grid--grid)[data-view='4'] {
    --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 5), 1fr));
  }

  @media screen and (max-width: 989px) {
    .product-grid:is(.product-grid--grid)[data-view='4'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 4), 1fr));
    }
  }

  @media screen and (max-width: 749px) {
    .product-grid:is(.product-grid--grid)[data-view='4'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
    }
  }

  .product-grid:is(.product-grid--grid)[data-view='5'] {
    --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 6), 1fr));
  }

  @media screen and (max-width: 1599px) {
    .product-grid:is(.product-grid--grid)[data-view='5'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 5), 1fr));
    }
  }

  @media screen and (max-width: 989px) {
    .product-grid:is(.product-grid--grid)[data-view='5'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 4), 1fr));
    }
  }

  @media screen and (max-width: 749px) {
    .product-grid:is(.product-grid--grid)[data-view='5'] {
      --product-grid-columns-desktop: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
    }
  }
  .product-grid {
    --product-grid-gap: var(--product-grid-gap-mobile);

    isolation: isolate;

    @media screen and (min-width: 750px) {
      grid-template-columns: var(--product-grid-columns-desktop);
      --product-grid-gap: var(--product-grid-gap-desktop);
    }
  }

  /* This triggers iOS < 16.4 */
  @supports not (background-color: rgb(from red 150 g b / alpha)) {
    .product-grid .product-media,
    .product-grid .product-media-container {
      aspect-ratio: auto;
    }
  }

  .main-collection-grid {
    padding: var(--grid--margin--mobile);

    @media screen and (min-width: 750px) {
      padding: var(--padding-block-start) var(--padding-inline-end) var(--padding-block-end) var(--padding-inline-start);
    }
  }

  .main-collection-grid__empty {
    padding-block: var(--padding-6xl);
    padding-inline: var(--page-margin);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--padding-sm);
  }

  .main-collection-grid__empty-title {
    margin: 0;
  }

  .collection-wrapper--full-width .main-collection-grid__title {
    margin-left: var(--page-margin);
  }

  .collection-wrapper--full-width-on-mobile .main-collection-grid__title {
    @media screen and (max-width: 749px) {
      margin-left: var(--page-margin);
    }
  }
/* END_SNIPPET:product-grid */

/* START_SNIPPET:product-hot-stock-main (INDEX:431, SCOPED:FALSE) */
.hotStock-progress {
    max-width: 300px;
    height: var(--progress-bar-height);
    background-color: #f8f8f8;
    text-align: left;
    margin: 8px 0 0;
    display: block;
    overflow: hidden;
  }

  .hotStock-text {
    color: var(--hot-stock-text-color);
  }

  .hotStock-progress-item {
    width: var(--progress-bar-width);
    height: 100%;
    display: block;
    /* animation: progressBar 1s ease-in-out; */
    background: linear-gradient(45deg, var(--progress-bar-color) 0%, var(--progress-bar-color_2) 100%);
    transition: width ease 1s;
  }

  @keyframes progressBar {
    0% {
      width: 0%;
    }

    100% {
      width: var(--progress-bar-width);
    }
  }
/* END_SNIPPET:product-hot-stock-main */

/* START_SNIPPET:product-wishlist-button (INDEX:439, SCOPED:FALSE) */
.add-to-cart-button-inner .wishlist-button.wishlist-added {
    color: var(--color-primary-button-hover-text);
    background-color: var(--color-primary-button-hover-background);
    box-shadow: rgb(99 99 99 / var(--opacity-20)) 0px .2rem .8rem 0px;
  }
/* END_SNIPPET:product-wishlist-button */

/* START_SNIPPET:quick-add (INDEX:444, SCOPED:FALSE) */
.quick-add-modal {
    inset: 0;
    background: rgb(var(--color-foreground-rgb) / var(--opacity-20));

    .product-form__buttons-wrapper {
      grid-template-columns: 1fr;
      margin-top: 1rem;
    }

    .scroll-trigger.scroll-trigger {
      animation: none;
      opacity: var(--opacity-100);
      transform: none;
    }

    .quick-order-list__container {
      padding-bottom: 1.5rem;
    }

    .product-form__submit {
      min-height: 4.4rem;
      font-size: initial;
    }

    .product__tax {
      margin-top: 0;
    }

    button[type="submit"] {
      overflow: hidden;
      position: relative;
    }

    @media screen and (min-width: 990px) {
      .shopify-payment-button {
        width: 100%;
      }
    }
  }

  .quick-add-modal__content {
    --modal-height-offset: 3.2rem;
    padding: 1rem 0.5rem;
    min-height: 35rem;
  }

  .quick-add-modal__content img {
    max-width: 100%;
  }

  .quick-add-modal__content:not(.quick-add-modal__content--bulk) {
    max-width: 47.5rem;
    height: auto;
    max-height: max-content;
    width: calc(100% - 3rem);
    @media screen and (min-width: 750px) {
      width: 80%;
    }

    @media screen and (min-width: 990px) {
      width: 70%;
    }
  }

  /* Quick add bulk */
  .quick-add-modal--bulk .popup__inner {
    overflow: initial;
    @media screen and (max-width: 1279px){
      width: 100%;
    }
    @media screen and (min-width: 1280px) {
      min-width: var(--popup-max-width);
    }
  }

  .quick-add-modal--bulk .variant-item__image-container {
    display: inline-flex;
    align-items: flex-start;
    height: 4.5rem;
    width: 4.5rem;
  }

  .quick-add-modal__content-info.quick-add-modal__content-info--bulk {
    padding-bottom: 0;
  }

  .quick-add-modal__content-info--bulk h3 {
    margin-block: 0 0.5rem;
  }

  .quick-add-modal__content-info--bulk :is(.price, .card__information-volume-pricing-note) {
    display: inline-block;
  }

  .quick-add-modal__content-info--bulk :is(.quick-add__product-media, .quick-add__product-container, .quick-add__info) {
    width: 4.8rem;
  }

  .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;
  }

  .quick-add-modal__content-info--bulk :is(.quick-add__product-media, .quick-add__product-container, .quick-add__info) {
    width: 4.8rem;
  }

  .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__content-info__media {
    width: auto;
  }

  .quick-add-modal__content-info {
    --modal-padding: 1.5rem;
    padding-inline-end: 4.4rem;
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    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 > .quick-add-modal__content-info {
    padding-top: 0;
    margin-top: 2.5rem;
  }

  .quick-add-modal__content-info > product-info {
    padding: 0;
  }

  .quick-add-modal--bulk .quick-add-modal__toggle {
    background: var(--color-background);
    border: 0.1rem solid rgb(var(--color-foreground-rgb) / var(--opacity-10));
    border-radius: var(--style-border-radius-50);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-55));
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 1.2rem;
    z-index: 5;
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
  }

  .quick-add-modal__toggle .icon {
    height: auto;
    margin: 0;
    width: 1.8rem;
  }

  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;
    display: inline-block;
  }

  quick-add-modal
    :is(
      .quick-add-hidden,
      .product__modal-opener:not(.product__modal-opener--image),
      .product__media-item:not(:first-child)
    ) {
    display: none !important;
  }

  quick-add-modal .product__column-sticky {
    top: 0;
    position: relative;
  }

  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: 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-modal .product-media-container.constrain-height {
    --viewport-offset: calc(
      (var(--modal-height-offset) + var(--modal-padding) + var(--style-border-width-popover)) * 2
    );
  }

  .quick-add-modal__content-info--bulk .quick-order-list__table .quick-order-list__table-heading--price {
    width: 22rem;
  }

  @media screen and (max-width: 1024px) {
    .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-inline: 0;
    }

    .quick-add-modal__content-info.quick-add-modal__content-info--bulk {
      --modal-padding: 1.5rem;
    }
    .quick-add-modal__content-info--bulk {
      flex-direction: column;
    }
  }

  @media screen and (max-width: 749px) {
    .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));
    }
  }

  @media screen and (min-width: 750px) {
    quick-add-modal .quick-add-modal__toggle {
      top: 2rem;
      right: 2rem;
    }

    .quick-add-modal__content-info--bulk .card__information-volume-pricing-note {
      padding-left: 1.6rem;
    }

    quick-add-modal .product:not(.product--no-media) .product__media-wrapper {
      width: calc(45% - 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 .product-media-container.constrain-height {
      --constrained-min-height: 400px;
    }
  }

  @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: -.2rem;
      background: var(--color-background);
    }
    .quick-add-modal__content-info--bulk
      :is(.quick-add__product-media, .quick-add__product-container, .quick-add__info) {
      width: 17rem;
    }

    .quick-add-modal__content-info--bulk-details,
    .quick-add-modal__content-info--bulk quick-order-list {
      padding: 0 2.5rem;
    }
    .quick-add-modal__content-info--bulk .quick-add__info {
      position: sticky;
      top: 0;
      margin-block-start: -2.5rem;
      padding-block-start: 2.5rem;
    }
  }
/* END_SNIPPET:quick-add */

/* START_SNIPPET:quick-order-list (INDEX:446, SCOPED:FALSE) */
.quick-order-list-container .quantity-popover-container {
    justify-content: center;
    margin: 0;
  }

  .quick-order-list-container .quick-order-list__table th {
    font-size: var(--font-size-heading);
  }

  .quick-order-list-container .quick-order-list__table td,
  .quick-order-list-container .variant-item__name {
    font-size: var(--font-size-info);
  }
/* END_SNIPPET:quick-order-list */

/* START_SNIPPET:resource-card-edit-cart (INDEX:450, SCOPED:FALSE) */
.edit-cart-popup cart-remove-button {
    display: none;
  }

  .product-edit-item {
    display: grid;
    grid-template-columns: 11rem 1fr;
    gap: var(--gap-xl);
  }

  .product-edit-itemLeft,
  .product-edit-itemRight {
    position: relative;
  }

  .product-edit-itemRight {
    text-align: left;
    grid-column: 1 / -1;
  }

  .product-edit-title {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    padding: 0 0 var(--padding-3xs) 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-edit-item:not(.product-edit-itemFirst) {
    animation: search-element-slide-up var(--animation-speed-slowest) var(--ease-out-smooth) backwards;
  }

  .product-edit-image.card-media--portrait img {
    object-fit: cover;
    object-position: center;
  }

  .product-edit-price {
    margin: var(--margin-xs) 0 var(--margin-2xs) 0;
  }

  .product-edit-price .price {
    justify-content: flex-start;
  }

  .product-edit-price .old-price,
  .product-edit-price .new-price {
    display: inline-block;
    vertical-align: middle;
  }

  .product-edit-price .old-price {
    margin: 0 var(--margin-sm) 0 0;
    text-decoration: line-through;
  }

  .product-edit-message,
  .product-edit-quantity {
    margin: var(--margin-md) 0 0 0;
  }

  .product-edit-message {
    margin-bottom: var(--margin-md);
  }

  .product-edit-quantity {
    display: block;
    margin-top: var(--margin-xs);
  }

  .product-edit-quantity .form-label {
    margin-bottom: var(--margin-xs);
  }

  .product-edit-itemFirst .product-edit-remove {
    display: none;
  }

  .product-edit-item .add-more {
    margin: var(--margin-xl) 0 0 0;
    text-decoration: underline;
    text-underline-position: under;
  }

  .product-edit-item .add-more {
    display: none;
  }

  .product-edit-item .add-more .text {
    text-underline-offset: 0;
  }

  .product-edit-action {
    position: relative;
    margin: 0;
  }

  .btn_1_br_outside .product-edit-action {
    padding: var(--padding-xs) var(--padding-2xs);
  }

  .product-edit-action .button {
    border-radius: 0;
  }

  .edit-cart-show .product-edit-action .button.is-loading {
    pointer-events: none;
    font-size: 0 !important;
    transition: none;
  }

  .product-edit-item + .product-edit-item {
    margin-top: var(--margin-3xl);
    padding-top: var(--padding-3xl);
    border-top: 1px solid #e6e6e6;
  }

  .product-edit-remove {
    position: absolute;
    top: -15px;
    left: -20px;
    border-radius: 50%;
    background-color: var(--color-background);
    width: var(--size-30);
    height: var(--size-30);
    padding: var(--padding-xs);
    line-height: 1;
    letter-spacing: 0;
    font-size: 0;
    z-index: 2;
    box-shadow: 0 4px 12px rgb(var(--color-foreground-rgb) / var(--opacity-10));

    > svg,
    > .svg-wrapper {
      width: 100%;
      height: 100%;
    }

    svg {
      fill: var(--color-white);
      stroke: transparent;
    }
  }

  .product-edit-title-variant {
    display: block;
    font-family: var(--font-body--family);
    font-weight: var(--font-body--weight);
    font-size: var(--font-body--size);
    margin-top: var(--margin-xs);
  }
  .product-edit-hotStock {
    color: var(--color-hot-stock);
    font-family: var(--font-body--family);
    font-weight: var(--font-body--weight);
    font-size: var(--font-body--size);
    margin: var(--margin-xs) 0 0 0;
  }


  .product-edit-item:nth-last-child(1) .add-more {
    display: block;
    padding: var(--padding-2xl) 0 var(--padding-4xl) var(--padding-lg);
    border-top: 1px solid #e8e8e8;
    position: relative;
    text-transform: uppercase;
    line-height: 1;
    grid-column: 1 / -1;
  }

  .product-edit-item:nth-last-child(1) .add-more:before,
  .product-edit-item:nth-last-child(1) .add-more:after {
    content: '';
    top: 45%;
    display: block;
    position: absolute;
    background-color: currentColor;
    transform: translateY(-50%);
  }

  .product-edit-item:nth-last-child(1) .add-more:after {
    width: 1px;
    height: 10px;
    left: 4px;
  }

  .product-edit-item:nth-last-child(1) .add-more:before {
    width: 10px;
    height: 1px;
    left: 0;
  }

  .update-quantity__group {
    display: flex;
    max-width: 9.4rem;
    position: relative;

    .btn-quantity {
      width: 32px;
      height: 45px;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer;
    }

    .form-input {
      width: 100%;
      padding: 0 32px;
      height: 45px;
      text-align: center;
    }
  }

  .product-edit-quantity .update-quantity__group .btn-quantity:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    left: 10px;
    top: 22px;
    background: #5a5a5a;
  }

  .update-quantity__group .btn-quantity.plus {
    right: 0;
    left: auto;
  }

  .product-edit-quantity .update-quantity__group .btn-quantity:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    left: 10px;
    top: 22px;
    background: #5a5a5a;
  }

  .product-edit-quantity .update-quantity__group .btn-quantity.plus:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    left: 10px;
    top: 22px;
    background: #5a5a5a;
    transform: rotate(90deg);
  }

  @media (min-width: 551px) {
    .product-edit-item .product-edit-itemLeft {
      display: inline-block;
    }

    .product-edit-item .product-edit-itemRight {
      display: inline-block;
      vertical-align: top;
    }
  }

  @media (min-width: 750px) {
    .product-edit-item {
      grid-template-columns: 12rem 21rem minmax(30rem,1fr);
      gap: var(--padding-4xl);
    }


    .product-edit-item .product-edit-itemRight {
      grid-column: 3 / 4;
    }
  }

  @media (min-width: 1025px) {
    .edit-cart-popup .popup__inner {
      min-width: var(--narrow-page-width);
    }
  }
/* END_SNIPPET:resource-card-edit-cart */

/* START_SNIPPET:resource-card (INDEX:451, SCOPED:FALSE) */
.resource-card-wrapper.card-wrapper {
    height: auto;
  }

  .predictive-search-results__card {
    transition: transform var(--hover-transition-duration) var(--hover-transition-timing),
      box-shadow var(--hover-transition-duration) var(--hover-transition-timing);
  }

  .resource-card {
    --resource-card-image-size: 7.5rem;
    --resource-card-template-columns: var(--resource-card-image-size) 1fr;
    --resource-card-secondary-image-opacity: 0;
    --resource-card-primary-image-opacity: calc(1 - var(--resource-card-secondary-image-opacity));

    display: grid;
    grid-template-columns: var(--resource-card-template-columns);
    gap: var(--gap-md);
    position: relative;
    text-decoration: none;
    height: 100%;
    opacity: 0;
    animation: fadeIn var(--animation-speed-medium) var(--animation-timing-fade-in) forwards;

    @media screen and (max-width: 749px) {
      --resource-card-image-size: 5rem;
    }

    &.resource-card--column {
      --resource-card-template-columns: 1fr;
      width: 100%;
    }
  }

  .resource-card__link {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .resource-card__content {
    display: flex;
    flex-direction: column;
    color: var(--color-foreground);
    gap: var(--padding-3xs);
    text-align: var(--text-align);

    .price {
      font-weight: 500;
      font-size: var(--font-size--sm);
    }

    &.justify-end,
    &.items-end {
      --text-align: right;
    }

    &.justify-center,
    &.items-center {
      --text-align: center;
    }

    &.justify-start,
    &.items-start {
      --text-align: left;
    }
  }

  .resource-card[data-resource-type='article'] .resource-card__content,
  .resource-card[data-resource-type='page'] .resource-card__content {
    gap: var(--padding-xs);
  }

  .resource-card__media-wrapper .card__media {
    aspect-ratio: var(--resource-card-aspect-ratio, auto);
    position: relative;
  }

  .resource-card__image {
    object-fit: cover;
    border-radius: var(--resource-card-corner-radius);
    opacity: var(--resource-card-primary-image-opacity);
  }

  .resource-card__image--secondary {
    position: absolute;
    top: 0;
    opacity: var(--resource-card-secondary-image-opacity);
    border-radius: var(--resource-card-corner-radius);
  }

  .resource-card__media:empty {
    display: none;
  }

  .resource-card__image-placeholder {
    padding: var(--padding-sm);
    font-size: var(--font-size--lg);
    line-height: var(--line-height--display-loose);
    word-break: break-word;
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    aspect-ratio: var(--resource-card-aspect-ratio, auto);
    border-radius: var(--resource-card-corner-radius);
    color: var(--color-foreground);
  }

  .resource-card__title > * {
    margin-block: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
  }

  .resource-card__title.paragraph {
    line-height: 1.3;

    .link {
      text-transform: initial;
      padding-bottom: 0.1rem;
    }
  }

  .resource-card--overlay {
    height: 100%;

    &::before {
      content: '';
      position: absolute;
      inset: 50% 0 0;
      background: var(--gradient-image-overlay);
      border-radius: var(--resource-card-corner-radius);
      pointer-events: none;
      z-index: var(--layer-flat);
    }
  }

  .resource-card--overlay .resource-card__image {
    height: 100%;
  }

  .resource-card--overlay .resource-card__content {
    position: absolute;
    inset: auto 0 0;
    padding: var(--padding-lg) var(--padding-lg) var(--padding-sm);
    z-index: var(--layer-raised);
  }

  .resource-card--overlay .resource-card__title {
    color: var(--color-white);
  }

  /* Collection images */
  .resource-card__image-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-2xs);
  }

  .resource-card__collection-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: calc(var(--card-corner-radius) - (var(--padding-xs) / 2));
  }

  .resource-card__subtext {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    margin-block-start: 0;
  }

  .resource-card__subtext.paragraph {
    font-size: var(--font-size--sm);
    line-height: var(--line-height--body-tight);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
    margin-block-end: 0;
  }

  .resource-card:not(.resource-card--product):has(.resource-card__image--secondary) {
    &:hover,
    &:focus {
      --resource-card-secondary-image-opacity: 1;
    }
  }
/* END_SNIPPET:resource-card */

/* START_SNIPPET:sbs-variant-picker (INDEX:452, SCOPED:FALSE) */
.variant-selects {
    width: 100%;
  }

  .variant-selects__form {
    display: flex;
    flex-direction: column;
    gap: var(--padding-lg);
    width: 100%;
  }

  .variant-selects[data-shopify-visual-preview] {
    min-width: 300px;
    padding-inline-start: max(4px, var(--padding-inline-start));
  }

  .variant-option {
    margin-block-end: var(--margin-xl);
    --options-border-radius: var(--variant-selects-button-radius);
    --options-border-width: var(--variant-selects-button-border-width);
    --variant-option-padding-inline: var(--padding-md);
  }

  .variant-option--swatches {
    --options-border-radius: var(--variant-selects-swatch-radius);

    width: 100%;
  }

  .variant-option--swatches-disabled {
    pointer-events: none;
    cursor: not-allowed;
  }

  .variant-option--buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-sm);
    padding: 0;
    border: none;
  }

  .variant-option--buttons legend {
    padding: 0;
    margin-block-end: var(--margin-xs);
  }

  .variant-option__swatch-value {
    padding-inline-start: var(--padding-xs);
    color: rgb(var(--color-foreground-rgb) / var(--opacity-70));
  }

  .variant-option__button-label {
    --variant-selects-stroke-color: var(--color-variant-border);

    display: flex;
    flex: 0 0 calc(3ch + 1.3em);
    align-items: center;
    position: relative;
    padding-block: var(--padding-sm);
    padding-inline: var(--padding-lg);
    border: var(--style-border-width) solid var(--color-variant-border);
    border-radius: var(--options-border-radius);
    border-width: var(--options-border-width);
    overflow: clip;
    justify-content: center;
    min-height: calc(3ch + 1.3em);
    min-width: fit-content;
    white-space: nowrap;
    background-color: var(--color-variant-background);
    color: var(--color-variant-text);
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);

    &:hover {
      background-color: var(--color-variant-hover-background);
      border-color: var(--color-variant-hover-border);
      color: var(--color-variant-hover-text);
    }

    @media screen and (min-width: 750px) {
      padding: var(--padding-xs) var(--variant-option-padding-inline);
    }
  }

  .variant-option__button-label__text {
    text-align: left;
    text-wrap: auto;
  }

  .variant-option--equal-width-buttons {
    --variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%);

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--variant-min-width), 1fr));

    .variant-option__button-label {
      min-width: var(--variant-min-width);
    }

    .variant-option__button-label__text {
      text-align: center;
      text-wrap: balance;
    }
  }

  .variant-option__button-label:has(:focus-visible) {
    --variant-selects-stroke-color: var(--color-foreground);

    border-color: var(--color-foreground);
    outline: var(--focus-outline-width) solid var(--color-foreground);
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__button-label--has-swatch {
    --focus-outline-radius: var(--variant-selects-swatch-radius);
    padding: 0;
    border: none;
    display: block;
    flex-basis: auto;
    min-height: auto;
  }

  .variant-option__button-label:has(:checked) {
    color: var(--color-selected-variant-text);
    background-color: var(--color-selected-variant-background);
    border-color: var(--color-selected-variant-border);
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);

    &:hover {
      background-color: var(--color-selected-variant-hover-background);
      border-color: var(--color-selected-variant-hover-border);
      color: var(--color-selected-variant-hover-text);
    }
  }

  .variant-option__button-label:has([data-option-available='false']) {
    color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch {
    --focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch {
    --focus-outline: var(--focus-outline-width) solid currentcolor;
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) {
    outline: none;
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover {
    outline: none;
  }

  .variant-option__button-label--has-swatch:hover {
    outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    outline-offset: var(--focus-outline-offset);
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) {
    --focus-outline: none;
  }

  .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__button-label--has-swatch:has(:checked) {
    --focus-outline: var(--focus-outline-width) solid var(--color-foreground);
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset);
  }

  /* This triggers iOS < 16.4. The outline bug is not recognized as a lack of @supports */
  @supports not (background-color: rgb(from red 150 g b / alpha)) {
    /** There is a bug in safari < 16.4 that causes the outline to not follow the elements border radius. This is a workaround. **/
    .variant-option__button-label--has-swatch:has(:checked),
    .variant-option__button-label:has(:focus-visible) .swatch,
    .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch {
      outline: none;
      position: relative;
      overflow: visible;
    }

    .variant-option__button-label--has-swatch:has(:checked)::after,
    .variant-option__button-label:has(:focus-visible) .swatch::after,
    .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch::after {
      content: '';
      position: absolute;
      inset: calc(-1 * var(--focus-outline-offset));
      border: var(--focus-outline);
      border-radius: var(--focus-outline-radius, 50%);
      background-color: transparent;
      display: inherit;
    }
  }

  .variant-option__button-label:has([data-option-available='false']):has(:checked) {
    --variant-selects-stroke-color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));

    background-color: inherit;
    color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));
    border-color: var(--color-selected-variant-border);
  }

  .variant-option__button-label input,
  .variant-option--images input {
    /* remove the checkbox from the page flow */
    position: absolute;

    /* set the dimensions to match those of the label */
    inset: 0;

    /* hide it */
    opacity: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .variant-option__button-label svg {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    pointer-events: none;
    stroke-width: var(--style-border-width);
    stroke: var(--variant-selects-stroke-color);
  }

  .variant-option__select-wrapper {
    display: flex;
    position: relative;
    border: var(--inputs-border-width) solid var(--color-border);
    border-radius: var(--inputs-radius);
    align-items: center;
    margin-top: var(--margin-2xs);
    overflow: clip;
    transition: background-color var(--animation-speed) var(--animation-easing),
      border-color var(--animation-speed) var(--animation-easing);
  }

  .variant-option__select-wrapper:has(.swatch) {
    --variant-selects-swatch-width: 20px;
    --variant-selects-swatch-height: 20px;
  }

  .variant-option__select-wrapper:hover {
    border-color: var(--color-variant-hover-border);
  }

  .variant-option__select:focus-visible {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }

  .variant-option__select {
    padding-block: var(--padding-md);
    padding-inline: var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));
    appearance: none;
    border: 0;
    width: 100%;
    margin: 0;
    cursor: pointer;
  }

  .variant-option__select-wrapper .icon {
    position: absolute;
    right: var(--padding-md);
    top: 50%;
    transform: translateY(-50%);
    width: var(--icon-size-2xs);
    height: var(--icon-size-2xs);
    pointer-events: none;
  }

  .variant-option__select-wrapper .swatch {
    position: absolute;
    top: 50%;
    left: var(--padding-md);
    transform: translateY(-50%);
  }

  .variant-selects--center,
  .variant-selects--center .variant-option {
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .variant-selects--right,
  .variant-selects--right .variant-option {
    text-align: right;
    justify-content: right;
  }
/* END_SNIPPET:sbs-variant-picker */

/* START_SNIPPET:social-share-button (INDEX:462, SCOPED:FALSE) */
.share-drawer .popup__inner {
    padding: 2rem;
  }

  .share-header {
    margin-bottom: 1rem;
  }

  .wrapper-content {
    padding: 1rem 0;
  }

  .wrapper-content .form-label {
    margin-bottom: 1rem;
  }

  .share-button {
    display: block;
    position: relative;
  }

  .add-to-cart-button-container .share-button,
  .add-to-cart-button-container .card-wishlist {
    flex: 1;
    aspect-ratio: 1 / 1;
  }

  .share-button__button {
    display: inline-block;
    vertical-align: top;
    width: auto;
    min-width: 10rem;
    background-color: transparent;
    box-shadow: none;
  }

  .share-button__button .icon {
    width: 2rem;
    height: 2rem;
    vertical-align: top;
    margin: 0;
  }

  .share-button__product .button {
    margin-top: 10px;
  }

  .share-button__product .icon-clipboard {
    height: 2.2rem;
    width: 2.2rem;
  }

  .share-button__message:not(:empty) {
    display: block;
    font-size: var(--font-body-size);
    font-weight: var(--font-weight-normal);
    text-align: center;
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    color: var(--color-text2);
    margin: 10px 0 0 0;
  }

  .at-share-btn-elements .at-icon-wrapper {
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0 8px 0 0;
  }

  .at-share-btn-elements .at-icon-wrapper svg {
    width: 100%;
    height: 100%;
    fill: var(--icon);
  }

  .at-share-btn-elements .at-icon-wrapper:last-child {
    margin-right: 0;
  }

  .share-button__button {
    border: none;
    min-width: auto;
    font-size: 0;
    padding: 1.5rem;
    line-height: 1;
  }

  .share-button__button svg {
    margin-right: 0;
  }

  .share-button__product .share-group {
    display: flex;
    justify-content: space-between;
  }

  .share-button__product .share-group .button {
    width: 6rem;
    margin: 0 0 0 1rem;
    min-width: auto;
    align-items: flex-start;
    font-size: 0;
  }

  .share-button__product .share_toolbox {
    margin-top: 3rem;
  }

  .social-share {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
  }

  .social-share .svg-wrapper {
    width: 2.4rem;
    height: 2.4rem;
  }

  .social-share li {
    list-style: none;
    margin-right: 1.5rem;
  }

  @media (max-width: 1024px) {
    .at-share-btn-elements .at-icon-wrapper {
      width: 25px;
      height: 25px;
    }

    .field__input {
      padding-top: 13px;
      padding-bottom: 13px;
    }

    .share-button__product .share-group .button {
      width: 50px;
    }
  }
/* END_SNIPPET:social-share-button */

/* START_SNIPPET:sorting (INDEX:463, SCOPED:FALSE) */
.sorting-filter__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: var(--drawer-padding) 0;
    padding-block: var(--padding-sm);
    margin-inline-end: var(--margin-md);
    position: relative;
  }

  .sorting-filter__container .facets__label {
    font-size: var(--font-h4--size);
  }

  .sorting-filter__select-wrapper {
    display: flex;
    position: relative;
    border-radius: var(--variant-picker-button-radius);
    align-items: center;
    overflow: clip;
    padding: var(--padding-2xs) var(--padding-xs);
  }

  .sorting-filter__select-wrapper:has(:focus-visible) {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }

  .sorting-filter__select-wrapper:has(:focus-visible) .sorting-filter__select {
    outline: none;
  }

  .sorting-filter__container .sorting-filter__select {
    appearance: none;
    border: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    padding-inline-end: var(--icon-size-2xs);
    text-align: right;

    /* Needed for Safari */
    text-align-last: right;
  }

  .sorting-filter__select .icon {
    position: absolute;
    right: var(--padding-md);
    top: 50%;
    transform: translateY(-50%);
    width: var(--icon-size-2xs);
    height: var(--icon-size-2xs);
    pointer-events: none;
  }

  .sorting-filter {
    @media screen and (min-width: 750px) {
      z-index: var(--facets-upper-z-index);
    }
  }

  .sorting-filter__options {
    display: flex;
    right: 0;
    flex-direction: column;
    gap: var(--margin-3xs);
    padding: calc(var(--drawer-padding) / 2);
    color: var(--color-foreground);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
      display: none;
    }
  }

  .sorting-filter__option {
    cursor: pointer;
    display: grid;
    grid-template-columns: var(--icon-size-sm) 1fr;
    gap: var(--margin-2xs);
    min-width: 180px;
    padding: var(--padding-2xs) calc(var(--drawer-padding) / 2) var(--padding-2xs) var(--padding-2xs);

    &:hover {
      border-radius: calc(var(--style-border-radius-popover) / 2);
      background-color: rgb(var(--color-foreground-rgb) / var(--opacity-8));
    }

    &:focus {
      border-radius: calc(var(--style-border-radius-popover) / 2);
    }
  }

  .sorting-filter__input {
    display: none;

    &:checked + .sorting-filter__checkmark + .sorting-filter__label {
      font-weight: 500;
    }
  }

  .sorting-filter__checkmark {
    visibility: hidden;
  }

  *:checked ~ .sorting-filter__checkmark {
    visibility: visible;
  }

  .sorting-filter__label {
    cursor: pointer;
    pointer-events: none;
  }

  .facets-toggle--no-filters .sorting-filter__select-wrapper {
    @media screen and (max-width: 749px) {
      padding-inline-start: 0;
    }
  }

  .facets-mobile-wrapper .sorting-filter .facets__panel {
    padding-inline: 0;
    position: relative;
  }

  .facets-mobile-wrapper .sorting-filter .facets__status {
    display: none;
  }

  .facets-mobile-wrapper:has(> :nth-child(2)) .sorting-filter .sorting-filter__options {
    left: 0;
    right: unset;
  }

  .facets-mobile-wrapper .sorting-filter .facets__label {
    margin-inline-end: var(--margin-2xs);
    font-size: var(--font-paragraph--size);
    color: var(--color-foreground-muted);
  }

  .facets-mobile-wrapper .sorting-filter__options {
    border-radius: var(--style-border-radius-popover);
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    min-width: var(--facets-panel-min-width);
    max-width: var(--facets-panel-width);
    max-height: var(--facets-panel-height);
    z-index: var(--facets-upper-z-index);
    box-shadow: var(--style-shadow-popover);
    border: var(--style-border-popover);
    background: var(--color-background);
    overflow-y: hidden;
    padding: var(--padding-sm);
    gap: var(--gap-sm);
  }

  .facets-toggle .sorting-filter__container {
    @media screen and (max-width: 749px) {
      padding: 0;
    }
  }

  .facets-toggle .sorting-filter__container .facets__label {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  .facets-toggle .sorting-filter::before {
    @media screen and (max-width: 749px) {
      display: none;
    }
  }

  .facets--drawer .sorting-filter {
    @media screen and (min-width: 750px) {
      display: none;
    }
  }

  .sorting-filter__options {
    block-size: 0;
    overflow-y: clip;
    opacity: 0;
    interpolate-size: allow-keywords;
    transition: content-visibility var(--animation-speed-slow) allow-discrete,
      padding-block var(--animation-speed-slow) var(--animation-easing),
      opacity var(--animation-speed-slow) var(--animation-easing),
      block-size var(--animation-speed-slow) var(--animation-easing);
  }

  details[open] .sorting-filter__options {
    opacity: 1;
    block-size: auto;

    @starting-style {
      block-size: 0;
      opacity: 0;
      overflow-y: clip;
    }

    &:focus-within {
      overflow-y: visible;
    }
  }
/* END_SNIPPET:sorting */

/* START_SNIPPET:swiper-button (INDEX:469, SCOPED:FALSE) */
.swiper-button {
    overflow: hidden;
    &:before {
      content: '';
      position: absolute;
      inset: 1px;
      background-color: var(--arrow-background);
      z-index: -1;
      border-radius: var(--arrow-radius);
    }

    @media (hover: hover) {
      &:hover {
        --arrow-color: var(--arrow-color-hover);
        --arrow-background: var(--arrow-background-hover);
      }
    }
  }

  .swiper-button .fill-bg {
    background-color: var(--arrow-color);
    z-index: -2;
    inset: -1px;
    border-radius: var(--arrow-radius);
  }

  .swiper-button-prev .fill-bg {
    transform: translateX(100%);
  }

  .swiper-button-next .fill-bg {
    transform: translateX(-100%);
  }
/* END_SNIPPET:swiper-button */