/** Shopify CDN: Minification failed

Line 3176:4 Unexpected "{"
Line 3176:5 Expected identifier but found "%"
Line 3176:27 Expected identifier but found ":"

**/


/* CSS from section stylesheet tags */
before-you-leave .popup__inner {
    transform: none;
  }
  @media screen and (min-width: 750px) {
    before-you-leave .popup__inner {
      min-width: 90vw;
    }
  }

  @media screen and (min-width: 1025px) {
    before-you-leave .popup__inner {
      min-width: 96rem;
    }
  }
.section-wrapper {
    --section-height-offset: 0px;
  }

  .section[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }

  .section[data-shopify-visual-preview] .custom-section-background {
    display: none;
  }

  body:has(> #header-group > .header-section > #header-component[transparent]):not(
      :has(> #header-group > .header-section + .shopify-section)
    )
    > main
    > .section-wrapper:first-child {
    --section-height-offset: var(--header-group-height, 0);
  }

  .custom-section-background {
    grid-column: 1 / -1;
  }

  .custom-section-content {
    z-index: var(--layer-flat);
  }

  @media (min-width: 750px) {
    .blog-posts-section.layout-panel-flex--row .section-resource-list__header {
      width: calc(var(--header-width) - var(--gap) / 2);
    }

    .blog-posts-section.layout-panel-flex--row .blog-posts-block {
      width: calc(100% - var(--header-width) - var(--gap) / 2);
    }
  }

  @media (min-width: 750px) and (max-width: 1024px) {
    .tablet-column.blog-posts-section.layout-panel-flex--row .section-resource-list__header,
    .tablet-column.blog-posts-section.layout-panel-flex--row .blog-posts-block {
      width: 100%;
    }
  }

  @media (max-width: 749px) {
    .blog-posts-section.mobile-direction--row:not(.tablet-column) .section-resource-list__header {
      width: calc(var(--header-width) - var(--gap) / 2);
    }

    .blog-posts-section.mobile-direction--row:not(.tablet-column) .blog-posts-block {
      width: calc(100% - var(--header-width) - var(--gap) / 2);
    }
  }
.faqs-filterDropdown {
    width: fit-content;
    min-width: 16rem;
    min-height: 4rem;

    & .faqs-filterDropdown-summary {
      padding: 0.7rem 1.8rem;
      display: flex;
      align-items: center;
      border: var(--style-border-width) solid var(--color-foreground);
      border-radius: var(--style-border-radius-buttons-primary);
    }
  }

  .faqs-filterDropdown-menu li {
    text-transform: capitalize;
    cursor: pointer;
  }
.section-wrapper {
    --section-height-offset: 0px;
  }

  .section[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }

  .section[data-shopify-visual-preview] .custom-section-background {
    display: none;
  }
.section-wrapper {
        --section-height-offset: 0px;
    }

    body:has(> #header-group > .header-section > #header-component[transparent]):not(
        :has(> #header-group > .header-section + .shopify-section)
        )
        > main
        > .section-wrapper:first-child {
        --section-height-offset: var(--header-group-height, 0);
    }

    .custom-section-background {
        grid-column: 1 / -1;
    }

    .custom-section-content {
        z-index: var(--layer-flat);
    }

    @media screen and (min-width: 750px) and (max-width: 1024px) {
        .section--featured-collection-cate .section-global__content {
            display: grid;
            grid-template-columns: 1fr 2fr;
            grid-template-rows: 1fr;
            gap: var(--gap);
            grid-auto-flow: dense;

            & > :nth-child(1),
            & > :nth-child(2) {
                grid-column-end: span 1;
                grid-row-end: span 1;
            }

            & > :nth-child(3) {
                grid-column-end: span 2;
            }
        }
    }
@media screen and (max-width: 749px) {
    .swiper-component-mobile .swiper-wrapper {
      flex-wrap: nowrap;
      gap: 0px;
    }

    .swiper-component-mobile .grid__item.swiper-slide {
      max-width: 100%;
    }
  }

  .collection-carousel-swiper-component.full-width .swiper {
    overflow: visible;
  }

  .collection-carousel-swiper-component.full-width .swiper-btns-wrap:not(.swiper-btns-wrap--bottom) {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .product-infinite-scroll {
    margin-top: 5.5rem;
  }

  .section--featured-collection .content-inside-media {
    padding: 3rem 1rem;

    .content-inside-media__inner {
      max-width: 500px;
    }
  }

  .collection-banner .video-wrapper {
    .content-inside-media,
    .deferred-media__poster {
      pointer-events: none;
    }

    .content-inside-media__inner {
      pointer-events: visible;
    }

    .deferred-media__poster-icon {
      pointer-events: visible;
      cursor: pointer;
    }

    &:has(.deferred-media[loaded='true']) {
      .video-wrapper__caption {
        display: none;
      }
    }
  }

  .collection-banner .video-poster-button {
    width: 6.4rem;
    height: 6.4rem;

    .button {
      height: 100%;
      min-width: 100%;
    }
  }

  .section--featured-collection:has(.type-style--tabs-grid) .has-media-banner,
  .section--featured-collection:has(.type-style--tabs-carousel) .has-media-banner {
    grid-template-columns: 1fr;
    gap: var(--gap);
  }

  @media screen and (min-width: 1025px) {
    .section--featured-collection:has(.type-style--tabs-grid) .has-media-banner,
    .section--featured-collection:has(.type-style--tabs-carousel) .has-media-banner {
      grid-template-columns: var(--columns-vertical-int, 1fr 2fr);
      grid-template-areas: var(--grid-template-areas, 'banner content');

      .collection-banner {
        grid-area: banner;
        height: var(--size-style-height);
      }

      &.media-block--small {
        --columns-vertical-int: 0.46fr 2fr;
      }

      &.media-block--large {
        --columns-vertical-int: 1.3fr 2fr;
      }

      &.has-category-list {
        --columns-vertical-int: 1fr 2.6fr 1fr;
        --grid-template-areas: 'banner content category';

        &.media-block--small {
          --columns-vertical-int: 1fr 3.25fr 1fr;
        }
      }
    }

    .section--featured-collection:has(.type-style--tabs-grid) .has-media-banner.has-media-banner-right,
    .section--featured-collection:has(.type-style--tabs-carousel) .has-media-banner.has-media-banner-right {
      --columns-vertical-int: 2fr 1fr;

      &.media-block--small {
        --columns-vertical-int: 2fr 0.46fr;
      }

      &.media-block--large {
        --columns-vertical-int: 2fr 1.3fr;
      }
    }
  }
@media screen and (max-width: 749px) {
    .swiper-component-mobile .swiper-wrapper {
      flex-wrap: nowrap;
      gap: 0px;
    }

    .swiper-component-mobile .grid__item.swiper-slide {
      max-width: 100%;
    }
  }

  .collection-carousel-swiper-component.full-width .swiper {
    overflow: visible;
  }

  .collection-carousel-swiper-component.full-width .swiper-btns-wrap:not(.swiper-btns-wrap--bottom) {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .product-infinite-scroll {
    margin-top: var(--show-more-button-offset, 5.5rem);
  }

  @media screen and (max-width: 1024px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.75);
    }
    .type-style--tabs-carousel .section-global__content.has-media-banner .collection-banner {
      display: none;
    }
  }

  @media screen and (max-width: 750px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.5);
    }

    .has-media-banner-widget.grid-layout{
      --card-grid-per-row: 1;
    }

    .has-media-banner-widget .collection-banner{
      order: 1;
    }
  }

  .section--featured-collection .content-inside-media {
    padding: 3rem 1rem;

    .content-inside-media__inner {
      max-width: 500px;
    }
  }

  .collection-banner .video-wrapper {
    .content-inside-media,
    .deferred-media__poster {
      pointer-events: none;
    }

    .content-inside-media__inner {
      pointer-events: visible;
    }

    .deferred-media__poster-icon {
      pointer-events: visible;
      cursor: pointer;
    }

    &:has(.deferred-media[loaded='true']) {
      .video-wrapper__caption {
        display: none;
      }
    }
  }

  .collection-banner .video-poster-button {
    width: 6.4rem;
    height: 6.4rem;

    .button {
      height: 100%;
      min-width: 100%;
    }
  }

  .collection-banner.image-zoomin {
    overflow: hidden;
    .collection-banner__image {
      transition: transform var(--hover-transition-duration) var(--hover-transition-timing);
    }

    &:hover .collection-banner__image {
      transform: scale(var(--hover-subtle-zoom-amount));
    }
  }
.featured-product-section .section-content-wrapper {
    grid-template-columns: 1fr;
    display: grid;
    overflow: hidden;

    @media (min-width: 750px) {
      grid-template-columns: 1fr 1fr;
    }
  }

  .featured-product-section .product-media-container.constrain-height {
    --viewport-offset: 400px;
    --constrained-min-height: var(--visual-preview--height, 80dvh);

    @media screen and (min-width: 750px) {
      --viewport-offset: 300px;
    }
  }

  .featured-product-section .product-card__link {
    --padding-block: 20px;
    --padding-inline: 20px;

    @media screen and (min-width: 750px) {
      --padding-block: 40px;
      --padding-inline: 40px;
    }
  }

  @media screen and (max-width: 749px) {
    .featured-product-section .media-block {
      order: -1;
    }
  }
body {
    --header-height: 0px;
    --header-group-height: var(--header-height);
    --transparent-header-offset-boolean: 0; /* stylelint-disable-line declaration-property-value-disallowed-list */
  }

  body:has(> #header-group > header) {
    --header-height: 60px;
  }

  body:has(> #header-group:empty) {
    --header-group-height: 0px;
  }

  .header:not([transparent]) {
    min-height: var(--header-height);
    display: block;
  }

  .header[transparent='not-sticky']:not([data-sticky-state]) ,
  .header[transparent='not-sticky'][data-sticky-state='inactive'] {
    .header__icon.button  {
      border: none;
    }
    &:not(:has(.list-menu__item:is(:hover, [aria-expanded='true'], [data-animating]))),
    &:not(:has(.details--dropdown:not(.details--dropdown-language):is(:hover))) {
      .header__icon.button  {
        background-color: transparent;
      }
    }
  }

  .header:has(.header__row--bottom) .row-group--shadow .header__row--bottom {
    box-shadow: rgba(var(--color-shadow-rgb) / var(--opacity-20)) 0rem 0.2rem 2rem 0rem;
  }

  .header:not(:has(.header__row--bottom)) .row-group--shadow .header__row--top {
    box-shadow: rgba(var(--color-shadow-rgb) / var(--opacity-20)) 0rem 0.2rem 2rem 0rem;
  }

  .header[transparent] {
    --language-button-background-color: transparent;
    --language-button-border-color: transparent;

    /* used to apply transparency to .header__row, will only ever be transparent or unset */
    --header-bg-color: transparent;

    /* used to display the appropriate logo based on transparency state */
    --header-logo-opacity: 0;
    --header-logo-inverse-opacity: 1;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    /* transparent color scheme on .header should never apply its background color */
    background-color: transparent;
    z-index: var(--layer-overlay);

    &[transparent='not-sticky'][data-sticky-state='active'] {
      --header-logo-opacity: 1;
      --header-logo-inverse-opacity: 0;
      --header-bg-color: unset;
      --color-foreground: inherit;
      --color-foreground-rgb: inherit;
      --color-background: inherit;
      --color-background-rgb: inherit;
      --color-border: inherit;
      --color-border-rgb: inherit;

      .header__row {
        transition: none;

        .button {
          --animation-speed: var(--animation-speed-fast);
        }
      }

      .details--dropdown:is(:hover) > .link.link--hover-underline .text {
        background-position-x: left;
        background-size: 100% 1px;
      }
    }

    @media screen and (min-width: 1025px) {
      &:hover {
        --header-logo-opacity: 1;
        --header-logo-inverse-opacity: 0;
        --header-bg-color: unset;
        --color-foreground: inherit;
        --color-foreground-rgb: inherit;
        --color-background: inherit;
        --color-background-rgb: inherit;
        --color-border: inherit;
        --color-border-rgb: inherit;

        .header__row {
          transition: none;

          .button {
            --animation-speed: var(--animation-speed-fast);
          }
        }

        .details--dropdown:is(:hover) > .link.link--hover-underline .text {
          background-position-x: left;
          background-size: 100% 1px;
        }
      }
    }

    .header__row {
      transition: none;

      .button {
        --animation-speed: var(--animation-speed-slow);
      }
    }
  }
  @media screen and (max-width: 1024px) {
    :is(.header[transparent]:not([data-sticky-state='active']),
    .header[transparent='always'][data-sticky-state='active']) .header__row {
      --color-foreground: inherit;
      --color-foreground-rgb: inherit;
      --color-border: inherit;
      --color-border-rgb: inherit;
      --color-primary-button-text: inherit;
      --color-primary: inherit;
      --color-primary-rgb: inherit;
      --color-input-text: inherit;
      --color-input-border: inherit;

      .search--inline {
        --color-input-text: inherit;
        --color-input-border: inherit;
        --color-primary-button-text: inherit;
      }
    }
  }

  @media screen and (min-width: 1025px) {
    :is(.header[transparent]:not([data-sticky-state='active']),
    .header[transparent='always'][data-sticky-state='active']) .header__row:not(:hover) {
      --color-foreground: inherit;
      --color-foreground-rgb: inherit;
      --color-border: inherit;
      --color-border-rgb: inherit;
      --color-primary-button-text: inherit;
      --color-primary: inherit;
      --color-primary-rgb: inherit;
      --color-input-text: inherit;
      --color-input-border: inherit;

      .search--inline {
        --color-input-text: inherit;
        --color-input-border: inherit;
        --color-primary-button-text: inherit;
      }
    }
  }

  .header-section {
    position: relative;
    z-index: var(--layer-raised);
    transition: height var(--animation-speed-slowest);
    width: 100%;

    &:has(.header[data-sticky-type]) {
      position: sticky;
      z-index: var(--layer-sticky);
    }
  }

  #header-group:has(#header-component[data-sticky-type]) {
    display: contents;
  }

  .header-section:has(> #header-component[data-sticky-type='always']),
  .header-section:has(> #header-component[data-sticky-type='scroll-up'][data-sticky-state='active']) {
    position: sticky;

    /* Use -1 instead of 0 so intersection observer can track sticky state */
    top: -1px;
    z-index: var(--layer-sticky);
  }

  .header-section:has(.header[data-sticky-type='always'][data-sticky-state='active']) ,
  .header-section:has(.header[data-sticky-type='scroll-up'][data-sticky-state='active']) {
    view-transition-name: header-component;

    &:has([data-sticky-type="scroll-up"]) {
      animation: header-sticky-slide-down var(--animation-speed-slowest) forwards;
    }
  }

  .header-section:has(.header[data-sticky-type='scroll-up'][data-sticky-state='idle']),
  .header-section:has(.header[data-sticky-type='scroll-up'][data-sticky-state='active'][data-animating]) {
    animation: header-sticky-slide-up var(--animation-speed) forwards;
  }

  .header__row {
    --color-primary-button-background: transparent;
    --color-primary-button-border: transparent;

    position: relative;
    background-color: var(--header-bg-color, var(--color-background));

    &:has(.header__search--inline),
    &:has(.header__search--inline .search__input.field__input:focus) {
      z-index: 3;
    }

    &.header__row--top:has(.header-localization) {
      z-index: 4;
    }
  }

  /* Header padding styles */
  .header {
    --last-item-minus-margin: 0rem;
    .header__row--top {
      padding-block-start: var(--padding-block-start-top);
      padding-block-end: var(--padding-block-end-top);

      @media screen and (max-width: 749px) {
        padding-block-start: var(--padding-block-start-top) * 0.5;
        padding-block-end: var(--padding-block-end-top) * 0.5;
      }
    }
    .header__row--bottom {
      padding-block-start: var(--padding-block-start-bottom);
      padding-block-end: var(--padding-block-end-bottom);

      @media screen and (max-width: 749px) {
        padding-block-start: var(--padding-block-start-bottom) * 0.5;
        padding-block-end: var(--padding-block-end-bottom) * 0.5;
      }
    }
  }

  /* Animated Sticky Header */

  .header__row--top:not(.divider--page-width),
  .header__row--top.divider--page-width .header__columns,
  .header__row--bottom {
    border-bottom: var(--border-bottom-width) solid var(--color-border);
  }

  .header__row--bottom .header__column--right > *:last-child {
    margin-right: calc(var(--last-item-minus-margin) * -1);
  }

  @media screen and (max-width: 749px) {
    .header__row--top:not(.divider--page-width),
    .header__row--top.divider--page-width .header__columns {
      border-bottom-width: var(--border-bottom-width-mobile);
    }
  }

  .header__row.divider--page-width:not(.section--page-width) .header__columns:not(:has(.header-multi-site)) {
    @media screen and (min-width: 750px) {
      padding-inline-start: 0;
      padding-inline-end: 0;
      margin-inline-start: var(--page-margin);
      margin-inline-end: var(--page-margin);
    }
  }

  .header__row.divider--page-width:not(.section--page-width) .header__columns:has(.header-multi-site) {
    padding-inline: 0;

    @media screen and (min-width: 1025px) {
      padding-inline-start: 0;
      padding-inline-end: var(--page-margin);
    }
  }

  .header__column {
    display: flex;
    align-items: center;

    /* on mobile, header__column nodes are ignored to create a new grid-template-area based on all visible content */
    @media screen and (max-width: 1024px) {
      display: contents;
    }
  }

  .header__column--left,
  .header__column--center {
    gap: var(--gap-items);
    grid-area: left;
  }

  .header__column--center {
    justify-content: center;
    grid-area: center;

    header-menu:only-child .overflow-menu::part(list) {
      justify-content: center;
    }
  }

  .header__column--right {
    gap: var(--gap-items);
    justify-content: flex-end;
    grid-area: right;

    .overflow-menu::part(list) {
      justify-content: flex-end;
    }
  }

  .header__columns {
    /* Three column layout */
    --header-left: 1fr;
    --header-center: auto;
    --header-right: 1fr;
    --header-template-columns: var(--header-left) var(--header-center) var(--header-right);

    /* Mobile layout */
    --header-mobile-bookend: 44px;

    display: grid;
    grid-template-areas: 'left center right';
    grid-gap: var(--gap-xl);
    grid-template-columns: var(--header-template-columns);

    /* If menu is in center column */
    &:has(.header__column--center .header-menu) {
      --header-center: auto;
      --header-left: minmax(max-content, 1fr);
      --header-right: minmax(max-content, 1fr);
    }

    /* If search and no menu in center column */
    &:has(.header__column--center .header__search):not(:has(.header__column--center .header-menu)) {
      --header-center: minmax(max-content, 1fr);
      --header-left: minmax(max-content, 1fr);
      --header-right: minmax(max-content, 1fr);

      .header__search,
      .search-action {
        width: 100%;
        justify-content: center;
      }
    }

    &:has(.header__column--center .header__search) {
      .header__search .svg-wrapper {
        margin-inline-start: 0;
      }
    }

    &:has(.header__column--left .header__search .search--inline) {
      .header__search .details__list {
        left: 0;
      }

      .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list,
      .header__search .search-modal__form[open] .details__list {
        opacity: 1;
        transform: translate3d(0, 1rem, 0);
        pointer-events: auto;
      }
    }

    &:has(.header__column--center .header__search .search--inline) {
      .header__search .predictive-search--center {
        width: 100%;
        max-height: 70dvh;
      }

      .header__search .details__list {
        left: 50%;
        transform: translate(-50%, 5rem);
      }

      .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list,
      .header__search .search-modal__form[open] .details__list {
        transform: translate3d(-50%, 1rem, 0);
      }
    }

    &:has(.header__column--right .header__search .search--inline) {
      .header__search .details__list {
        right: 0;
      }

      .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list,
      .header__search .search-modal__form[open] .details__list {
        transform: translate3d(0, 1rem, 0);
      }
    }

    &:has(.header__search .search--inline) {
      .search__input.field__input {
        padding: 1.5rem 0 1.5rem 2rem;
      }

      .header__search--underline .search__input.field__input {
        padding-left: 0;
      }

      .header__search .details__list {
        opacity: 0;
        transition: opacity var(--animation-speed) var(--animation-easing),
          transform var(--animation-speed) var(--animation-easing);
        pointer-events: none;
      }

      .header__search .search-modal__form:has(.search__input.field__input:focus) .details__list,
      .header__search .search-modal__form[open] .details__list {
        opacity: 1;
        pointer-events: auto;
      }

      .predictive-search {
        padding-inline: var(--padding-2xl);
        max-height: 70dvh;
      }
    }

    /* If menu and search in center column */
    &:has(.header__column--center .header-menu):has(.header__column--center .header__search) {
      --header-center: minmax(max-content, 2fr);
      --header-left: minmax(max-content, 1fr);
      --header-right: minmax(max-content, 1fr);

      .header__search {
        width: 30rem;
      }

      .header__column--center {
        justify-content: space-between;
      }

      .predictive-search-results__list-inline {
        --card-grid-per-row: 2;
      }
    }

    /* If there is no center column, make the column the menu is in grow eagerly */
    &:where(:not(:has(.header__column--center))) {
      @media screen and (min-width: 750px) {
        --header-template-columns: var(--header-left) var(--header-right);

        grid-template-areas: 'left right';
      }

      /* If the header-menu is in the right column */
      &:has(.header__column--right header-menu) {
        --header-right: auto;
        --header-left: minmax(max-content, 1fr);
      }

      /* If the header-menu is in the left column */
      &:has(.header__column--left header-menu) {
        --header-left: auto;
        --header-right: minmax(max-content, 1fr);
      }
    }

    @media screen and (max-width: 1024px) {
      --header-template-columns: var(--header-mobile-bookend) var(--header-mobile-bookend) 1fr
        var(--header-mobile-bookend) var(--header-mobile-bookend);

      grid-template-areas: 'leftA leftB center rightA rightB';
      grid-column: span 3;
      grid-gap: var(--gap-2xs);
      align-items: center;
      padding-block: 0;
      padding-inline: 0 var(--padding-3xs);

      .header-logo {
        grid-area: center;
        text-align: center;
      }

      &:not(:has(.header-actions)) .search-action {
        grid-area: leftB;
      }

      .account-actions,
      &:not(:has(.account-actions)) .search-action {
        grid-area: rightA;
      }

      &:not(:has(.header-actions)) .account-actions {
        grid-area: rightB;
      }

      .search-action {
        grid-area: leftB;
      }

      .header-actions {
        grid-area: rightB;
      }

      &:has(.header-multi-site) {
        .header-multi-site {
          grid-column: 1 / 6;
          grid-row: 1;
        }

        .header-logo,
        &:not(:has(.header-actions)) .search-action,
        .account-actions,
        &:not(:has(.account-actions)) .search-action,
        .search-action,
        .header-actions {
          grid-row: 2;
        }
      }
    }
  }

  /* Single column layout if there are no columns within */
  .header__columns:not(:has(.header__column)) {
    grid-template-columns: 1fr;
  }

  /* If header column has header vertical menu */
  .header__columns:has(.header__column--left .header__vertical-menu)  {
    @media screen and (min-width: 750px) {
      --header-left: 1fr;
      --header-right: max-content;
    }
  }
  .header__columns:has(.header__column--right .header__vertical-menu) {
    @media screen and (min-width: 750px) {
      --header-left: max-content;
      --header-right: 1fr;
    }
  }

  /* If header column has only header menu and localization */
  .header__columns:has(.header__column--left):has(.header__column--right):has(.header-menu):has(.header-localization):not(:has(.header__column--center)) {
    @media screen and (min-width: 750px) {
      --header-left: 1fr;
      --header-right: max-content;
    }
  }

  /* If header column has only header menu and header logo left and right has only header block */
  .header__columns:has(.header__column--left .header-menu):has(.header__column--right .header-block:only-child):not(:has(.header__column--center)) {
    @media screen and (min-width: 750px) {
      --header-left: 1fr;
      --header-right: max-content;
    }
  }

  @media screen and (min-width: 1025px) {
    .header__columns:has(.search--inline) .header__search .details__list {
      min-width: 62.5rem;
    }
  }

  /* Mega menu */
  .mega-menu {
    position: static;
  }
  .mega-menu__content:not(:has(>.header__submenu-wrapper)) {
    background: var(--color-background);
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    left: 0;
    overflow-y: auto;
    padding-bottom: 0;
    padding-top: 3rem;
    position: absolute;
    right: 0;
    top: var(--top-position, 100%);
    margin-top: var(--margin-top);
    opacity: var(--opacity-0);
    visibility: hidden;
    overflow: hidden;

    .page-width--full {
      padding-inline: var(--padding-4xl);
    }

    > .list-menu--wrapper {
      overflow-y: auto;
      padding-bottom: 3rem;
      max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);

      /* Mint fix vertical menu 05112025 */
      &:has(.mega-menu__collage-wrapper) {
        padding-bottom: 0;
      }
    }

    &:has(.mega-menu--3) {
      padding-bottom: 0;
    }
  }

  .mega-menu__content:has(>.header__submenu-wrapper) {
    position: absolute;
    width: 20rem;
    border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20));
  }

  .shopify-section-header-sticky .mega-menu__content {
    max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
  }
  .header-wrapper--border-bottom .mega-menu__content {
    border-top: 0;
  }
  .mega-menu__list {
    display: grid;
    gap: 1.8rem 4rem;
    grid-template-columns: repeat(var(--columns-count), minmax(0, 1fr));
    list-style: none;
    flex: 1 1 100%;
    padding: 0;


  }
  .header__mega-submenu ul li {
    margin-bottom: .5rem;
  }
  .mega-menu__collage {
    flex: 0 0 50rem;

    .collage__item--image + .menu-dropdown__brand {
      padding-left: 2rem;
    }
  }

  .collage__item--image {
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--border-radius);
    overflow: hidden;
  }

  .mega-menu--2 .mega-menu__collage {
    align-items: center;
    margin-top: 1rem;

    @media screen and (min-width: 750px) {
      .collage__item--1, .collage__item--4 {
          grid-row: span 1;
      }
      .collage--2-items .collage__item--2 {
        grid-row: 1 / span 2;
      }

      .collage__item--3 {
        grid-row: 1 / span 1;
      }
    }
  }
  .mega-menu__collage-wrapper.mega-menu__collage-wrapper--divider {
    padding-top: 0;
    margin-top: var(--margin-4xl);
    border-top: var(--border-width, .1rem) solid rgba(var(--color-border-rgb) / var(--opacity-20));

    .mega-menu__collection {
      padding-top: var(--margin-xl);
    }
  }
  .mega-menu__link {
    display: inline-block;
    padding: 0;
    word-wrap: break-word;
  }
  .mega-menu__link--level-2 {
    font-weight: bold;
    margin-bottom: 1rem;

    &.link--hover-underline:not(:has(.text)) ~ ul {
      margin-top: 1rem;
    }
  }
  .header__menu-item.mega-menu__link--level-3,
  .header__menu-item.mega-menu__link--level-2 {
    padding: .5rem 0;
  }
  .header--top-center .mega-menu__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 0;
  }
  .header--top-center .mega-menu__list > li {
    width: 16%;
    padding-right: 2.4rem;
  }
  .mega-menu__list--condensed .mega-menu__link {
    font-weight: normal;
  }
  @media screen and (min-width: 750px) {
    .azbrandsTable {
      max-width: 34rem;
    }
  }

  .azbrandsTable li {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    text-align: left;
    margin-bottom: 2px;
  }
  .azbrandsTable .link {
    padding: 1px 0;
    text-transform: capitalize;
    opacity: var(--opacity-50);
    pointer-events: none;
  }
  .azbrandsTable .link.is-active {
    opacity: var(--opacity-100);
    pointer-events: auto;
  }
  .azbrandsTable li:first-child {
    margin-left: 0;
  }
.drawer--menu-multi-tab .drawer__inner {
    padding-inline: 0;
  }

  .drawer--menu-multi-tab .menu-drawer__menu .menu-drawer__menu-item,
  .drawer--menu-multi-tab .menu-drawer__menu-grid {
    padding-inline: var(--padding-xl);
  }

  .drawer--menu-multi-tab .menu-drawer__close-button {
    padding: 0 var(--minimum-touch-target) 0 var(--padding-xl);
    height: var(--minimum-touch-target);
    width: 100%;
    text-align: left;
  }

  .drawer--menu-multi-tab .drawer__header:has(.drawer__close){
    width: fit-content;
    position: absolute;
    right: 0;
    left: auto;
    padding: 0;
  }

  .drawer--menu-multi-tab .drawer__header .drawer__close{
    margin: 0;
  }

  .drawer--menu-multi-tab .tabs-product-header{
    --button-font-size-link: 2rem;
    --button-font-weight-link: 700;
  }

  .menu-drawer__menu-item.menu-drawer__menu-item--multi-tab {
    padding-inline: var(--padding-xl);
  }

  .mobile--multi-tab .section-resource-list,
  .mobile--multi-tab {
    height: 100%;
  }


  .mobile--multi-tab .section-resource-list__content {
    height: calc(100% - 48px);
    position: relative;
  }

  .mobile--multi-tab .menu-drawer__utility-links {
    padding: 0;
  }
/**
   * Blog posts page layout
   */
  .blog-posts-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--blog-post-container-gap-mobile);

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

  .blog-posts__main .blog-post-item {
    --blog-post-card-scale: 0.6;
    grid-column: span 6;
  }

  .blog-posts:not(:has(.blog-posts__sidebar-drawer)) .toggle-sidebar {
    display: none;
  }

  .blog-posts__main:not(:has(.blog-posts__sidebar-drawer)) {
    grid-template-columns: 1fr;
  }

  @media screen and (min-width: 1025px) {
    .blog-posts__main:has(.blog-posts__sidebar-drawer) {
      grid-template-columns: minmax(27rem, 30%) 1fr;
      column-gap: var(--columns-gap);
    }
  }

  @media screen and (min-width: 1440px) {
    .blog-posts__main:has(.blog-posts__sidebar-drawer) {
      grid-template-columns: 27rem 1fr;
    }
  }

  /* drawer overlay */
  .toggle-sidebar {
    margin-bottom: 2rem;
    margin-left: auto;
  }
  @media screen and (min-width: 1025px) {
    .toggle-sidebar {
      display: none;
    }
  }
.cart-page {
    --cart-font-size--2xs: var(--font-size--2xs);
    --cart-font-size--xs: var(--font-size--xs);
    --cart-font-size--sm: var(--font-size--sm);
    --cart-font-size--md: var(--font-size--md);
    --cart-font-size--2xl: var(--font-size--2xl);

    display: grid;
    grid-template-columns: 1fr;
    gap: 0 var(--gap-3xl);
  }

  .cart-page--empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cart-page--empty .cart-page__title,
  .cart-page--empty .cart-page__more-blocks {
    margin-top: var(--margin-6xl);
  }

  .cart-page__more-blocks {
    width: 100%;
  }

  .cart-page--empty .cart-title {
    text-align: center;
  }

  .cart-page__main {
    grid-column: 1;
  }

  .cart-page__summary {
    max-width: max(50vw, 75rem);
    padding-top: var(--padding-xl);
  }

  @media screen and (min-width: 1025px) {
    .cart-page__items,
    .cart-page__summary {
      grid-column-end: span 2;
    }

    .cart-page__summary {
      height: 100%;
      padding-top: 0;

      /* needed to support blurred effect from hero section */
      position: relative;
    }

    .section--page-width .cart-page:has(.cart__container--extend) {
      grid-column: 2 / 4;
      grid-template-columns: 1fr minmax(
          var(--side-cart-width),
          calc((100vw - var(--page-width)) / 2 + var(--side-cart-width))
        );
    }

    .cart__container--extend {
      height: 100%;
    }
  }

  @media screen and (min-width: 1200px) {
    .cart-page {
      grid-template-columns: 1fr var(--side-cart-width);
      grid-template-rows: 1fr;
      grid-auto-flow: dense;
    }

    .cart-page__items,
    .cart-page__summary {
      grid-column-end: span 1;
    }
  }
.main-collection-grid {
    grid-column: var(--grid-column--mobile);

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

  .collection-wrapper {
    @media screen and (min-width: 750px) {
      grid-template-columns:
        1fr repeat(
          var(--centered-column-number),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))
        )
        1fr;
    }
  }

  /* .collection-wrapper:has(.facets-block-wrapper--full-width), */
  .collection-wrapper:has(.collection-wrapper--full-width),
  .collection-wrapper:has(.facets-block-wrapper--vertical) {
    @media screen and (min-width: 750px) {
      grid-column: 1 / -1;
      grid-template-columns:
        minmax(var(--page-margin), 1fr)
        24rem
        repeat(
          calc(var(--centered-column-number) - 1),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2 - 24rem) / (var(--centered-column-number) - 1)))
        )
        minmax(var(--page-margin), 1fr);
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--vertical.facets-block-wrapper--right) {
    @media screen and (min-width: 750px) {
      grid-template-columns:
        minmax(var(--page-margin), 1fr)
        repeat(
          calc(var(--centered-column-number) - 1),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2 - 24rem) / (var(--centered-column-number) - 1)))
        )
        24rem
        minmax(var(--page-margin), 1fr);
    }
  }

  .collection-wrapper:has(.facets--horizontal) {
    .collection-header {
      grid-column: 1 / -1;
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--full-width.facets-block-wrapper--vertical) {
    @media screen and (max-width: 749px) {
      display: grid;
      grid-template-columns: repeat(var(--centered-column-number), 1fr);

      .main-collection-grid {
        grid-column: 1 / 13;
      }
    }
  }

  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .facets-vertical-sort,
  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .collection-header,
  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {
    @media screen and (min-width: 1025px) {
      grid-column: var(--facets-vertical-col-width) / var(--full-width-column-number);
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical)
    .facets-block-wrapper--vertical:not(.hidden)
    ~ .facets-vertical-sort,
  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical)
    .facets-block-wrapper--vertical:not(.hidden)
    ~ .collection-header,
  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical)
    .facets-block-wrapper--vertical:not(.hidden)
    ~ .main-collection-grid {
    @media screen and (min-width: 1025px) {
      grid-column: 2 / var(--facets-vertical-col-start);
    }
  }

  .collection-wrapper:has(.facets--vertical, .facets--vertical .collection-header) {
    grid-template-rows: max-content max-content 1fr;
    .collection-header {
      grid-column: 1 / -1;

      @media screen and (min-width: 750px) {
        grid-column: 2/14;
      }

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

    @media screen and (max-width: 1024px) {
      .facets-block-wrapper--vertical {
        grid-row: 2 / 3;
      }

      &:has(.facets-vertical-sort--vertical-divider) .collection-header {
        border-bottom: var(--style-border-width) solid var(--color-border);
      }
    }

    .facets-block-wrapper--vertical:not(.hidden) ~ .facets-vertical-sort {
      grid-row: 2 / 3;
    }

    .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {
      grid-row: 3 / 4;
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--vertical:not(#filters-drawer)):has(.collection-wrapper--full-width) {
    @media screen and (min-width: 750px) {
      grid-column: 1 / -1;
      grid-template-columns: 0fr repeat(var(--centered-column-number), minmax(0, 1fr)) 0fr;
    }
  }

  :is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile)
    [product-grid-view='default']
    .product-grid__card {
    @media screen and (max-width: 749px) {
      padding-inline-start: max(var(--padding-xs), var(--padding-inline-start));
      padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));
    }
  }

  :is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile)
    [product-grid-view='mobile-single']
    .product-grid__card {
    @media screen and (max-width: 749px) {
      padding-inline-start: max(var(--padding-xs), var(--padding-inline-start));
      padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));
    }
  }

  /* Make product media go edge-to-edge by using negative margins */
  :is(.collection-wrapper--full-width) .card-gallery,
  :is(.collection-wrapper--full-width-on-mobile) .card-gallery {
    @media screen and (max-width: 749px) {
      margin-inline-start: calc(-1 * max(var(--padding-xs), var(--padding-inline-start)));
      margin-inline-end: calc(-1 * max(var(--padding-xs), var(--padding-inline-end)));
    }
  }
.main-collection-grid {
    grid-column:1/14;

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

  .collection-wrapper {
    @media screen and (min-width: 750px) {
      grid-template-columns:
        1fr repeat(
          var(--centered-column-number),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))
        )
        1fr;
    }
  }

  /* .collection-wrapper:has(.facets-block-wrapper--full-width), */
  .collection-wrapper:has(.collection-wrapper--full-width),
  .collection-wrapper:has(.facets-block-wrapper--vertical) {
    @media screen and (min-width: 750px) {
      grid-column: 1 / -1;
      grid-template-columns:
        minmax(var(--page-margin), 1fr)
        24rem
        repeat(
          calc(var(--centered-column-number) - 1),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2 - 24rem) / (var(--centered-column-number) - 1)))
        )
        minmax(var(--page-margin), 1fr);
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--vertical.facets-block-wrapper--right) {
    @media screen and (min-width: 750px) {
      grid-template-columns:
        minmax(var(--page-margin), 1fr)
        repeat(
          calc(var(--centered-column-number) - 1),
          minmax(0, calc((var(--page-width) - var(--page-margin) * 2 - 24rem) / (var(--centered-column-number) - 1)))
        )
        24rem
        minmax(var(--page-margin), 1fr);
    }
  }

  .collection-wrapper:has(.facets--horizontal) {
    .collection-header {
      grid-column: 1 / -1;
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--full-width.facets-block-wrapper--vertical) {
    @media screen and (max-width: 749px) {
      display: grid;
      grid-template-columns: repeat(var(--centered-column-number), 1fr);

      .main-collection-grid {
        grid-column: 1 / 13;
      }
    }
  }

  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .facets-vertical-sort ,
  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .collection-header ,
  .collection-wrapper:has(.facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {
    @media screen and (min-width: 1025px) {
      grid-column: var(--facets-vertical-col-width) / var(--full-width-column-number);
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .facets-vertical-sort ,
  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .collection-header ,
  .collection-wrapper:has(.facets-block-wrapper--right .facets--vertical) .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {
    @media screen and (min-width: 1025px) {
      grid-column: 2 / var(--facets-vertical-col-start);
    }
  }

  .collection-wrapper:has(.facets--vertical, .facets--vertical .collection-header) {
    display: grid;
    grid-template-rows: max-content max-content 1fr;
    .collection-header {
      grid-column: 1 / -1;

      @media screen and (min-width: 750px) {
        grid-column: 2/14;
      }

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

    @media screen and (max-width: 1024px) {
      .facets-block-wrapper--vertical {
        grid-row: 2 / 3;
      }

      &:has(.facets-vertical-sort--vertical-divider) .collection-header {
        border-bottom: var(--style-border-width) solid var(--color-border);
      }
    }


    .facets-block-wrapper--vertical:not(.hidden) ~ .facets-vertical-sort {
      grid-row: 2 / 3;
    }

    .facets-block-wrapper--vertical:not(.hidden) ~ .main-collection-grid {
      grid-row: 3 / 4;
    }
  }

  .collection-wrapper:has(.facets-block-wrapper--vertical:not(#filters-drawer)):has(.collection-wrapper--full-width) {
    @media screen and (min-width: 750px) {
      grid-column: 1 / -1;
      grid-template-columns: 0fr repeat(var(--centered-column-number), minmax(0, 1fr)) 0fr;
    }
  }

  :is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile)
    [product-grid-view='default']
    .product-grid__card {
    @media screen and (max-width: 749px) {
      padding-inline-start: max(var(--padding-xs), var(--padding-inline-start));
      padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));
    }
  }

  :is(.collection-wrapper--full-width, .collection-wrapper--full-width-on-mobile)
    [product-grid-view='mobile-single']
    .product-grid__card {
    @media screen and (max-width: 749px) {
      padding-inline-start: max(var(--padding-xs), var(--padding-inline-start));
      padding-inline-end: max(var(--padding-xs), var(--padding-inline-end));
    }
  }

  /* Make product media go edge-to-edge by using negative margins */
  :is(.collection-wrapper--full-width) .card-gallery,
  :is(.collection-wrapper--full-width-on-mobile) .card-gallery {
    @media screen and (max-width: 749px) {
      margin-inline-start: calc(-1 * max(var(--padding-xs), var(--padding-inline-start)));
      margin-inline-end: calc(-1 * max(var(--padding-xs), var(--padding-inline-end)));
    }
  }
.product-information__media {
    display: flex;
    order: 0;
    width: 0;
    min-width: 100%;
  }

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

  @media screen and (max-width: 749px) {
    .product-information__media {
      grid-column: 1 / -1;
    }

    .product-information--media-right {
      display: flex;
      flex-direction: column;

      .product-details {
        order: 1;
        width: 100%;
      }
    }
  }

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

    .product-information__grid {
      display: grid;
      grid-template-columns: subgrid;
      grid-column: 1 / -1;
    }

    .product-information__grid.product-information--media-none,
    .product-information__grid:has(.product-information__media:empty) {
      .product-details {
        width: var(--narrow-content-width);
        margin: 0 auto;
      }
    }

    .product-information__grid:not(:has(.product-information__media:empty)) {
      &.product-information--media-left {
        grid-template-columns: 1fr max(45vw, var(--sidebar-width));

        .product-information__media {
          padding-right: calc(var(--gap, 0) / 2);
        }

        .product-details {
          padding-left: calc(var(--gap, 0) / 2);
        }

        &:has(.media-gallery--extend) {
          grid-column: 1 / 3;
        }

        @media screen and (max-width: 1024px) {
          .product-information__media {
            padding-right: calc(var(--gap, 0) / 4);
          }

          .product-details {
            padding-left: calc(var(--gap, 0) / 4);
          }
        }
      }

      &.product-information--media-right {
        grid-template-columns: min(50vw, var(--sidebar-width)) 1fr;

        .product-information__media {
          padding-left: calc(var(--gap, 0) / 2);
          order: 1;
        }

        .product-details {
          padding-right: calc(var(--gap, 0) / 2);
          order: 0;
        }

        &:has(.media-gallery--extend) {
          grid-column: 2 / -1;
        }

        @media screen and (max-width: 1024px) {
          .product-information__media {
            padding-left: calc(var(--gap, 0) / 4);
          }

          .product-details {
            padding-right: calc(var(--gap, 0) / 4);
          }
        }
      }

      &.product-information__grid--half,
      &.product-information__grid--half:has(.media-gallery--extend) {
        grid-column: 1 / -1;
        grid-template-columns:
          var(--full-page-grid-margin) calc(var(--full-page-grid-central-column-width) / 2) calc(
            var(--full-page-grid-central-column-width) / 2
          )
          var(--full-page-grid-margin);

        &.product-information--media-left {
          .product-information__media {
            grid-column: 2 / 3;

            &:has(.media-gallery--extend) {
              grid-column: 1 / 3;
            }
          }

          .product-details {
            grid-column: 3 / 4;
          }
        }

        &.product-information--media-right {
          .product-information__media {
            grid-column: 3 / 4;

            &:has(.media-gallery--extend) {
              grid-column: 3 / -1;
            }
          }

          .product-details {
            grid-column: 2 / 3;
          }
        }
      }
    }

    .section--full-width {
      .product-information__grid:not(:has(.product-information__media:empty)),
      .product-information__grid:not(:has(.product-information__media:empty)) {
        &.product-information--media-left,
        &.product-information--media-right {
          grid-column: 1 / -1;
        }

        &.product-information--media-left .product-details {
          padding-inline-end: var(--padding-lg);
        }

        &.product-information--media-right .product-details {
          padding-inline-start: var(--padding-lg);
        }

        &.product-information__grid--half.product-information--media-left {
          .product-information__media {
            grid-column: 1 / 3;
          }

          .product-details {
            grid-column: 3 / -1;
          }
        }

        &.product-information__grid--half.product-information--media-right {
          .product-information__media {
            grid-column: 3 / -1;
          }

          .product-details {
            grid-column: 1 / 3;
          }
        }
      }
    }
  }

  @media screen and (min-width: 1200px) {
    .product-information__grid:not(
        .product-information__grid--half,
        :has(.product-information__media:empty)
      ).product-information--media-left {
      grid-template-columns: 2fr 1.34fr;
    }

    .product-information__grid:not(
        .product-information__grid--half,
        :has(.product-information__media:empty)
      ).product-information--media-right {
      grid-template-columns: 1fr 2fr;
    }
  }

  .product-information__grid--limit-details .product-details > .group-block {
    max-width: var(--sidebar-width);
  }

  .product-information__media :is(.swiper-actions--center_vert) .swiper-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic),
  .product-information__media :is(.swiper-actions--center_vert) .swiper-pagination:not(.swiper-pagination-progressbar) {
    bottom: 1rem;

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

  body:has(#header-group #header-component[data-sticky-state='active']) .product-details.sticky-content--desktop {
    --sticky-header-offset: var(--header-height);
  }
.marquee__wrapper {
    gap: var(--marquee-gap);
    white-space: nowrap;
  }

  .marquee__content {
    min-width: max-content;
    gap: var(--marquee-gap);
  }

  .marquee__content :is(p, h1, h2, h3, h4, h5, h6) {
    white-space: nowrap;
  }

  .marquee__content .marquee__repeated-items * {
    max-width: none;
  }

  .marquee__repeated-items {
    min-width: max-content;
    gap: var(--marquee-gap);
  }

  .marquee__repeated-items > * {
    align-content: center;
  }

  .hero__content-wrapper.layout-panel-flex--column marquee-component {
    --margin-inline: var(--full-page-margin-inline-offset);

    width: -webkit-fill-available;
    min-height: max-content;
  }

  @media (prefers-reduced-motion: no-preference) {
    marquee-scroll .marquee__content,
    marquee-component:not([data-disabled]):has(:not(marquee-scroll)) .marquee__wrapper {
      animation: marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction);
      will-change: transform;
    }

    marquee-scroll .marquee__content {
      --percent: -100%;
      width: max-content;
    }
  }

  @keyframes marquee-motion {

    to {
      transform: translate3d(calc(var(--percent, -100%) - (var(--marquee-gap) / 2)), 0, 0);
    }
  }

  .marquee__repeated-items .icon-block:has(a):hover img {
    animation: zoom-in-out 0.9s both;
  }

  @keyframes jello-vertical {
    0% {
      transform: scale3d(1, 1, 1);
    }
    30% {
      transform: scale3d(0.75, 1.25, 1);
    }
    40% {
      transform: scale3d(1.25, 0.75, 1);
    }
    50% {
      transform: scale3d(0.85, 1.15, 1);
    }
    65% {
      transform: scale3d(1.05, 0.95, 1);
    }
    75% {
      transform: scale3d(0.95, 1.05, 1);
    }
    100% {
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes zoom-in-out {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
.media-banner[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }
  .section--page-width {
    &.media-banner {
      grid-template-areas: 'margin-left media margin-right' 'margin-left content margin-right';
      @media screen and (min-width: 750px) {
        grid-template-areas: 'margin-left media content margin-right';
        --media-banner-grid-columns: var(--full-page-grid-margin)
          calc((var(--full-page-grid-central-column-width) / 12) * 7)
          calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin);
      }
    }
    &.media-banner--media-right {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: var(--full-page-grid-margin)
          calc((var(--full-page-grid-central-column-width) / 12) * 5)
          calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin);
        grid-template-areas: 'margin-left content media margin-right';
      }
    }
    &.media-banner--medium {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: var(--full-page-grid-margin)
          repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin);
      }
    }
    &.media-banner--narrow.media-banner--media-right {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: var(--full-page-grid-margin)
          calc((var(--full-page-grid-central-column-width) / 3) * 2)
          calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin);
      }
    }
    &.media-banner--narrow {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: var(--full-page-grid-margin)
          calc(var(--full-page-grid-central-column-width) / 3)
          calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin);
      }
    }
    &.media-banner.media-banner--media-stack,
    &.media-banner--medium.media-banner--media-stack,
    &.media-banner--narrow.media-banner--media-stack {
      @media screen and (min-width: 750px) {
        grid-template-areas: 'media';
        --media-banner-grid-columns: 1fr;
      }
    }
  }
  .section--full-width {
    &.media-banner--media-right {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: 2.5fr 3.5fr;
        grid-template-areas: 'content media';
      }
    }
    &.media-banner--medium {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: 1fr 1fr;
      }
    }
    &.media-banner--narrow {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: 2fr 4fr;
      }
    }
    &.media-banner--narrow.media-banner--media-right {
      @media screen and (min-width: 750px) {
        --media-banner-grid-columns: 4fr 2fr;
      }
    }
    &.media-banner.media-banner--media-stack,
    &.media-banner--medium.media-banner--media-stack,
    &.media-banner--narrow.media-banner--media-stack {
      @media screen and (min-width: 750px) {
        grid-template-areas: 'media';
        --media-banner-grid-columns: 1fr;
      }
    }
  }
  .media-banner.media-banner--media-extend {
    grid-template-columns: var(--media-banner-grid-columns);
    grid-template-areas: 'media media media' 'margin-left content margin-right';
    @media screen and (min-width: 750px) {
      grid-template-areas: 'media media content margin-right';
    }
  }
  .media-banner--media-extend.media-banner--media-right {
    @media screen and (min-width: 750px) {
      grid-template-areas: 'margin-left content media media';
    }
  }
  .media-banner--media-right {
    @media screen and (min-width: 750px) {
      grid-template-areas: 'margin-left content media media';
    }
  }
  .media-banner.media-banner--media-stack {
    position: relative;
    display: flex;
    flex-direction: column;
    &.media-banner--height-auto {
      .media-block {
        aspect-ratio: var(--aspect-ratio);
      }
      .media-block:has(.deferred-media) {
        aspect-ratio: auto;
        @media screen and (min-width: 750px) {
          aspect-ratio: var(--aspect-ratio);
        }
      }
    }
    .media-block {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      align-self: stretch;
      object-fit: cover;
    }
    .media-banner__content {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 2;
      min-height: var(--media-height);
      >.group-block-content {
        width: var(--size-style-width-mobile, var(--size-style-width));
        height: var(--size-style-height-mobile, var(--size-style-height));
        position: absolute;
        inset: 50% auto auto 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
      }
    }
    @media screen and (min-width: 750px) {
      .media-banner__content {
        >.group-block-content {
          inset: var(--content-inset);
          transform: var(--content-transform);
        }
      }
    }
  }
  .media-banner {
    --media-banner-grid-columns: var(--full-page-grid-with-margins);
    grid-template-columns: var(--media-banner-grid-columns);
    grid-template-areas: 'media media media' 'content content content';
    min-height: var(--media-height, auto);
    @media screen and (min-width: 750px) {
      grid-template-areas: 'media content';
      --media-banner-grid-columns: 3.5fr 2.5fr;
    }
    .media-block {
      grid-area: media;
    }
    .media-banner__content {
      grid-area: content;
    }
    &.media-banner--height-auto {
      .media-block {
        aspect-ratio: var(--aspect-ratio);
      }
      .media-block:has(.deferred-media) {
        aspect-ratio: auto;
        @media screen and (min-width: 750px) {
          aspect-ratio: var(--aspect-ratio);
        }
      }
    }
  }
.sec-tab__content-wrapper .tab-item:hover{
    box-shadow: 5px 9px 20px var(--border-color);
  }
.multitasking-bar {
    top: 50%;
    width: auto;
    padding: 0.2rem;
    border-radius: 3rem;
    box-shadow: 0.2rem 0.4rem 1.2rem 0 rgba(var(--color-foreground-rgb) / var(--opacity-10));
    background: rgba(var(--color-background));
    opacity: var(--opacity-0);
    visibility: hidden;
    transform: translate3d(2rem, -50%, 0);
    transition: opacity var(--duration-long) ease, visibility var(--duration-long) ease,
      transform var(--duration-long) ease;
    will-change: transform;
  }

  .multi-t__button {
    width: var(--size-40);
    height: var(--size-40);
    background: transparent;
    transition: all var(--duration-default) ease;
  }

  .multi-t__button:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: var(--size-40);
    height: var(--size-40);
    pointer-events: none;
  }

  .multi-t__button .icon {
    color: rgba(var(--color-foreground));
    display: block;
    width: var(--size-18);
    height: var(--size-18);
    z-index: 1;
    transition-property: color, transform;
    transition-duration: var(--duration-long);
    transition-timing-function: ease;
    will-change: transform;
  }

  .multi-t__button .icon-arrow {
    transform: rotate(-90deg);
  }

  .multi-t__button:hover .icon {
    transform: scale(1.09);
  }

  .multi-t__button:hover .icon-arrow {
    transform: rotate(-90deg) scale(1.09);
  }

  .recently-viewed__warnings .icon {
    display: block;
    width: var(--size-46);
    height: var(--size-46);
    z-index: 1;
    color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    margin: 0 auto 1rem auto;
  }

  .recently-viewed-products .product-item {
    padding-bottom: 1rem;
  }

  .multi-t__list .list-social__item {
    padding: 0.2rem;
    border-radius: var(--style-border-radius-50);
  }

  .multi-t__list .list-social__link {
    padding: 0.9rem;
  }

  .target-block.active .multi-t__button .icon,
  .button__back-to-top[data-index='1'].active.hide + .target-block .multi-t__button .icon {
    color: rgba(var(--secondary-icon));
  }

  .multi-t__wrap [data-index='1'].active ~ .glider {
    transform: translateY(0);
  }

  .multi-t__wrap [data-index='2'].active ~ .glider {
    transform: translateY(calc(100% + var(--gap-xs)));
  }

  .multi-t__wrap [data-index='3'].active ~ .glider {
    transform: translateY(calc(200% + var(--gap-xs) * 2));
  }

  .multi-t__wrap .button__back-to-top.hide ~ [data-index='2'].active ~ .glider {
    transform: translateY(0);
  }

  .multi-t__wrap .button__back-to-top.hide ~ [data-index='3'].active ~ .glider {
    transform: translateY(calc(100% + var(--gap-xs)));
  }

  .multi-t__social {
    background-color: rgba(var(--color-background));
    right: calc(100% + 0.5rem);
    padding-inline: 0.5rem;
    border-radius: 3rem;
    box-shadow: 0.2rem 0.4rem 0.9rem 0 rgb(var(--color-background-rgb) / var(--opacity-35));
    opacity: var(--opacity-0);
    visibility: hidden;
    transform: translate(2rem);
    transition: opacity var(--duration-long) ease, visibility var(--duration-long) ease,
      transform var(--duration-long) ease;
    will-change: transform;
  }

  .multi-t__social.active {
    opacity: var(--opacity-100);
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;

    + .target-block--tooltip {
      visibility: hidden !important;
    }
  }

  .multi-t__social .list-social {
    flex-wrap: nowrap;
  }

  .glider {
    height: var(--size-40);
    width: var(--size-40);
    z-index: -1;
    background-color: rgba(var(--secondary-icon-background));
    transition: 0.25s ease-out;
  }

  .button__back-to-top {
    height: var(--h-cus, 0);
    border: 1px solid rgba(var(--color-foreground-rgb) / var(--opacity-20));
    border-radius: 50%;
    transition: opacity var(--duration-medium) ease, height var(--duration-medium) var(--cubic-smooth);

  }

  .button__back-to-top .progress-circle path {
    fill: none;
    stroke: rgba(var(--color-foreground-rgb) / var(--opacity-20));
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear;
  }

  .button__back-to-top .progress-circle-fill path {
    stroke: currentColor;

    .active & {
      stroke: rgba(var(--secondary-icon));
    }
  }

  .button__back-to-top.hide {
    opacity: var(--opacity-0);
  }

  body.overflow-hidden .multitasking-bar {
    right: calc(var(--right) + var(--scrollbar-width, 0rem));
  }

  body:not(.has--preload-screen) .multitasking-bar {
    opacity: var(--opacity-100);
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, -50%, 0);
  }

  @media only screen and (min-width: 750px) {
    .multitasking-bar {
      padding: 0.8rem;
    }

    .multi-t__button,
    .multi-t__button:after,
    .glider {
      width: var(--size-48);
      height: var(--size-48);
    }
  }

  @media only screen and (min-width: 1025px) {
    body.overflow-hidden .multitasking-bar {
      right: calc(var(--right) + var(--scrollbar-width, 0rem) - 0.1rem);
    }
  }

  .target-block {
    position: relative;

    @media (hover: hover) {
      &:hover {
        .target-block--tooltip {
          opacity: var(--opacity-100);
          visibility: visible;
          transform: translate(calc(-100% - 1.4rem), -50%);
        }
      }
    }
  }

  .target-block--tooltip {
    position: absolute;
    top: 50%;
    left: 0;
    width: max-content;
    height: auto;
    background-color: rgba(var(--color-background));
    color: rgba(var(--color-foreground));
    padding: 0.4rem 0.6rem;
    border-radius: var(--style-border-radius-xl);
    transform: translate(calc(-100% - 2rem), -50%);
    transition: opacity var(--animation-speed-slow) var(--animation-timing-hover),
      transform var(--animation-speed-slow) var(--animation-timing-hover);
    opacity: var(--opacity-0);
    visibility: hidden;
    pointer-events: none;
  }
.predictive-search-results__no-results,
  .predictive-search-results__wrapper-products .predictive-search-results__card {
    animation: search-element-slide-up var(--animation-speed-medium) var(--ease-out-smooth) backwards;
  }

  predictive-search-results__card--query,
  .predictive-search__item-content {
    overflow: hidden;
  }

  .predictive-search-results__pill,
  .predictive-search__item-heading {
    animation: search-element-slide-up-heading var(--animation-speed-slow) var(--ease-out-smooth) backwards;
  }

  .predictive-search__results-list {
    column-count: 2;
    column-gap: var(--gap-2xl);
    margin-top: var(--margin-lg);
  }

  @media (min-width: 1025px) {
    .predictive-search__results-list {
      column-count: 4;
    }

    .search-drawer .predictive-search__results-list {
      column-count: 2;
    }
  }
.section-wrapper {
    --section-height-offset: 0px;
  }

  .section[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }

  .section[data-shopify-visual-preview] .custom-section-background {
    display: none;
  }

  body:has(> #header-group > .header-section > #header-component[transparent]):not(
      :has(> #header-group > .header-section + .shopify-section)
    )
    > main
    > .section-wrapper:first-child {
    --section-height-offset: var(--header-group-height, 0);
  }

  .custom-section-background {
    grid-column: 1 / -1;
  }

  .custom-section-content {
    z-index: var(--layer-flat);
  }
.product-recommendations__skeleton-item {
    aspect-ratio: 3 / 4;
    background-color: transparent;
  }

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

  product-recommendations:has([data-has-recommendations='false']) {
    display: none;
  }

  /* Featured Collection */
  @media screen and (max-width: 749px) {
    .swiper-component-mobile .swiper-wrapper {
      flex-wrap: nowrap;
      gap: 0px;
    }

    .swiper-component-mobile .grid__item.swiper-slide {
      max-width: 100%;
    }
  }

  .collection-carousel-swiper-component.full-width .swiper {
    overflow: visible;
  }

  .collection-carousel-swiper-component.full-width .swiper-btns-wrap:not(.swiper-btns-wrap--bottom) {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .product-infinite-scroll {
    margin-top: var(--show-more-button-offset, 5.5rem);
  }

  @media screen and (max-width: 1024px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.75);
    }
    .type-style--tabs-carousel .section-global__content.has-media-banner .collection-banner {
      display: none;
    }
  }

  @media screen and (max-width: 750px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.5);
    }
  }

  .section--featured-collection .content-inside-media {
    padding: 3rem 1rem;

    .content-inside-media__inner {
      max-width: 500px;
    }
  }
.promotion-popup__close.close-effect .line {
		background: var(--color-foreground);
	}

	.promotion-popup__info .promotion--button {
		padding-top: 1.6rem;
		padding-bottom: 1.4rem;
		font-size: 1.6rem;
		min-height: calc(5.2rem + var(--style-border-width-primary) * 2)
	}

	.promotion-popup__info .button--submit {
		max-width: calc(100% - var(--style-border-width-primary) * 2);
	}

	.promotion-popup__info .promotion--button svg {
		width: 1.8rem;
		height: 1.8rem;
	}

	.promotion--button.button--primary + .promotion--social {
		margin-top: 2rem;
	}

	.promotion-popup__info .field__input::-webkit-input-placeholder{
		text-transform: var(--heading-text-transform);
	}

	.promotion-popup__info .field__input::-moz-placeholder{
		text-transform: var(--heading-text-transform);
	}

	.promotion-popup__info .field__input::-ms-input-placeholder{
		text-transform: var(--heading-text-transform);
	}

	@media screen and (min-width: 1025px) {
		.promotion-popup__info .button--tertiary {
			font-size: 2rem;
		}
	}
.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;
  }
.related-products {
    display: block;
  }

  .related-products__heading {
    margin: 0 0 3rem;
  }
.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);
    }
  }

/* CSS from block stylesheet tags */
.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);
  }
.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));
      }
    }
  }
.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));
  }
.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;
      }
    }
  }
.submit-button {
    min-width: max-content;
  }
.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);
    }
  }
.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);
    }
  }

  /* mint update hover effect */
  .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);
      }
    }
  }
.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-left: 0;
        }
      }

      .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);
    }
  }
.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;
    }
  }
.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));
    }
  }
.image-carousel .swiper .swiper-pagination.swiper-pagination-pos--inside {
    --swiper-pagination-bottom: 3.5rem;
  }
.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;
  }
.image-block {
    display: flex;
    justify-content: var(--horizontal-alignment, 'inline-start');
  }

  .image-block--height-fill .image-block__image {
    height: 100%;
  }

  .image-block__image {
    object-fit: var(--object-fit);
    aspect-ratio: var(--ratio);
  }

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

    &:hover .image-block__image {
      transform: scale(var(--hover-subtle-zoom-amount));
    }
  }

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

  .image-block__link ~ :is(.image-block__image) {
    pointer-events: none;
    :is(a) {
      pointer-events: auto;
    }
  }

  /* Animated Images */
  animate-image {
    display: block;
    position: relative;
    overflow: hidden;
  }

  animate-image[data-animate-type="reveal_on_scroll"] img {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: scale(1.2);
  }

  animate-image[data-animate-type="zoom-out"] img {
    transform: scale(1.2);
  }

  animate-image[data-animate-type="fade-in"] img {
    opacity: 0;
  }
  /*
  animate-image .animate-image__image--visible {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: scale(1);
  } */
.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%;
  }
.shopify-block:has(.map-embed) {
    width: 100%;
  }
.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);
    }
  }
:root {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] .menu-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] .menu-block {
    --text-align-default: right;
  }

  [style*='--horizontal-alignment: flex-start'] > .menu-block {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] > .menu-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] > .menu-block {
    --text-align-default: right;
  }

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

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

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

  .menu-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);
    }
  }

  .menu-block .direction--row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 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--column > .menu__item:last-child {
    border-block-end: none;
    padding-block-end: 0;
  }

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

  .menu:not(:has(.menu__heading--empty)) .details-content {
    margin-block-start: var(--spacing--size);
    margin-block-end: var(--spacing--size);
  }

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

  .menu .menu__heading--empty {
    display: none;
  }

  .menu__heading__default {
    display: contents;
  }

  .menu__heading__accordion {
    display: none;
  }

  @media screen and (max-width: 749px) {
    [style*='--horizontal-alignment-mobile: center'] .menu-block {
      --text-align-default: center;
    }

    [style*='--horizontal-alignment-mobile: flex-end'] .menu-block {
      --text-align-default: right;
    }

    [style*='--horizontal-alignment-mobile: flex-start'] > .menu-block {
      --text-align-default: left;
    }

    [style*='--horizontal-alignment-mobile: center'] > .menu-block {
      --text-align-default: center;
    }

    [style*='--horizontal-alignment-mobile: flex-end'] > .menu-block {
      --text-align-default: right;
    }

    .menu-block .direction--row {
      display: block;

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

    .menu-block .mobile-row {
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--spacing--size);

      .menu__item {
        margin: 0;
      }

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

    .menu--item-dividers .direction--column > .menu__item,
    .menu--item-dividers .mobile-column > .menu__item:last-child {
      border-block-end: none;
      padding-block-end: 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-column > .menu__item {
      border-block-end: var(--style-border-width) solid var(--color-border);
      padding-block-end: var(--spacing--size);
    }

    .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--accordion .menu__heading--empty {
      display: flex;
    }

    .menu--accordion .menu__heading__accordion {
      display: contents;
    }

    .menu--accordion .menu__heading__default {
      display: none;
    }

    .menu--accordion .details-content > ul {
      padding-block-start: var(--spacing--size);
    }

    .menu--accordion .menu__details {
      padding-inline: 0;
    }

    .menu--accordion .menu__details[open] {
      --margin-block-end-mobile: calc(var(--margin-block-end, 0px) * 1.5);
    }

    .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);
    }
  }

  .menu--caret .icon-plus,
  .menu--plus .icon-caret {
    display: none;
  }
.border-separator-item + .border-separator-item {
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: calc(var(--grid-desktop-horizontal-spacing) / -2);
      width: 0.1rem;
      height: 100%;
      background-color: var(--color-border);
    }
  }
.page-block {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    align-items: flex-start;
  }

  .page-title {
    margin-bottom: var(--margin-xl);
  }

  .page-block table {
    box-shadow: none;

    td {
      border: var(--border-width) var(--border-style) var(--border-color);
    }

    tbody tr:nth-child(odd) {
      background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    }
  }
.payment-icons__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }

  .payment-icons__list.left {
    justify-content: flex-start;
  }

  .payment-icons__list.center {
    justify-content: center;
  }

  .payment-icons__list.right {
    justify-content: flex-end;
  }
.tax-note:empty {
    display: none;
  }

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

  .installments:not(:has(shopify-payment-terms)) {
    display: none;
  }
.card--block-countdown .product-countdown-label {
    font-size: var(--font-size);
  }
.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);
  }
.product-recommendations
  .product-recommendations__skeleton-item {
    aspect-ratio: 3 / 4;
    background-color: transparent;
  }

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

  product-recommendations:has([data-has-recommendations='false']) {
    display: none;
  }

  /* Featured Collection */
  @media screen and (max-width: 749px) {
    .swiper-component-mobile .swiper-wrapper {
      flex-wrap: nowrap;
      gap: 0px;
    }

    .swiper-component-mobile .grid__item.swiper-slide {
      max-width: 100%;
    }
  }

  .collection-carousel-swiper-component.full-width .swiper {
    overflow: visible;
  }

  .collection-carousel-swiper-component.full-width .swiper-btns-wrap:not(.swiper-btns-wrap--bottom) {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
  }

  .product-infinite-scroll {
    margin-top: var(--show-more-button-offset, 5.5rem);
  }

  @media screen and (max-width: 1024px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.75);
    }
    .type-style--tabs-carousel .section-global__content.has-media-banner .collection-banner {
      display: none;
    }
  }

  @media screen and (max-width: 750px) {
    .product-infinite-scroll {
      margin-top: calc(var(--show-more-button-offset, 5.5rem) * 0.5);
    }
  }

  .section--featured-collection .content-inside-media {
    padding: 3rem 1rem;

    .content-inside-media__inner {
      max-width: 500px;
    }
  }
.shopify-block:has(.coupon-code-block) {
    width: 100%;
  }

  .coupon-code-block {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--input-border-color);
    background-color: var(--input-bg);
    padding: var(--pt) var(--pr) var(--pb) var(--pl);
    font-weight: bold;
    width: 100%;
    cursor: default;
    transition: all 0.3s ease;
  }

  .coupon-code-block .coupon-code-text {
    color: var(--input-text-color);
  }

  .coupon-code-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background-color: var(--icon-bg);
    color: var(--icon-color);
  }
  .coupon-code-default {
    transition: all .500s;
  }

  .coupon-code-copied {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transform: translateY(1em);
    color: var(--input-text-color);
    transition: all .500s;
  }
  .coupon-code-block.copied .coupon-code-default {
    opacity: 0;
    transform: translateY(-1em);
  }
  .coupon-code-block.copied .coupon-code-copied {
    opacity: 1;
    transform: translateY(0);
  }
.rating-block {
    width: 100%;
    align-items: var(--horizontal-alignment);
  }

  .rating-block__star {
    width: var(--width);
    height: var(--width);
    color: var(--rated-color);
  }
.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);
  }
.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);
    }
  }
.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%);
    }
  }
.testimonial-block-marquee {
		& .marquee__content {
			--extra-desktop: calc((4 - var(--width-grid-desktop-per-row)) * var(--full-page-grid-central-column-width, 100%) / var(--width-grid-desktop-per-row));
			--extra-tablet: calc((4 - var(--width-grid-tablet-per-row)) * var(--full-page-grid-central-column-width, 100%) / var(--width-grid-tablet-per-row));
			--extra-mobile: calc((2 - var(--width-grid-mobile-per-row)) * var(--full-page-grid-central-column-width, 100%) / var(--width-grid-mobile-per-row));

			min-width: calc(100% + var(--extra-desktop) + var(--marquee-gap));

			& :is(p, h1, h2, h3, h4, h5, h6) {
				white-space: pre-wrap;
			}

			@media screen and (min-width: 750px) and (max-width: 1024px) {
				min-width: calc(100% + var(--extra-tablet) + var(--marquee-gap));
			}

			@media screen and (max-width: 749px) {
				min-width: calc(100% + var(--extra-mobile) + var(--marquee-gap));
			}
		}

		& marquee-scroll .marquee__content {
			width: fit-content;
		}

		& .marquee__repeated-items {
			align-items: stretch;
			min-width: fit-content;
		}
	}
.placeholder-video {
    aspect-ratio: 5 / 3;
  }
.details__header {
    padding-right: calc(var(--padding-inline-start) + (var(--icon-size-xs) * 2));
  }

  .details__header .svg-wrapper {
    position: absolute;
    right: var(--padding-inline-start);
  }
.announcement-bar__message {
    padding: 0;
    margin: 0;
    font-size: var(--font-announcement-text-size);
    font-family: var(--font-announcement-text);
  }

  .justify-center .announcement-bar__message{
    text-align: center;
  }

  .justify-end .announcement-bar__message{
    text-align: right;
  }

  .justify-start .announcement-bar__message{
    text-align: left;
  }

  .announcement-bar__announcement {
    transition: transform 0.5s ease-in-out;
  }

  .announcement-bar-slider.swiper-initialized .swiper-slide:not(.swiper-slide-active) {
    .announcement-bar__announcement {
      transform: translateY(100%);
    }
  }

  .announcement-bar-slider.swiper-initialized .swiper-slide.swiper-slide-active {
    .announcement-bar__announcement {
      transform: translateY(0);
    }
  }
.swiper-btns-on-header {
    display: none;
  }

  .arrow-on-header .swiper-btns-on-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--gap);
  }

  .swiper-btns-on-header .swiper-button {
    position: relative;
    opacity: 1 !important;
    transform: unset !important;
    margin: 0 !important;
  }

  .swiper-btns-on-header .swiper-button.swiper-button-disabled {
    opacity: 0.5 !important;
  }

  .arrow-on-header:has(.swiper-btns-on-header) .swiper-btns-wrap:not(.swiper-btns-on-header) {
    display: none;
  }
.article-editorial__content-top {
    position: relative;
    margin-left: 5%;
    margin-right: 8%;
  }

  .article-editorial__content-left {
    width: fit-content;
    position: absolute;
    z-index: 1;
    top: 31%;
    left: 0;
  }

  .article-editorial__image-container {
    width: 56.4%;
    margin-right: 11%;
    margin-left: auto;
  }

  .article-editorial__title-container {
    --text-align: right;
    max-width: 875px;
    width: fit-content;
    line-height: 1;
    position: absolute;
    z-index: 1;
    bottom: 10%;
    right: 0;
    text-align: var(--text-align);
  }

  .article-editorial-block .blog-post-description > div {
    display: block;
  }

  @media (max-width: 750px) {
    .article-editorial__content-top {
      margin-left: 15px;
      margin-right: 15px;
    }

    .article-editorial__content-left {
      top: 10%;
    }

    .article-editorial__image-container {
      width: 75%;
      margin: auto;
    }

    .article-editorial-block .blog-post-description {
      padding-inline: 15px;
    }
  }
.popup.ask-an-expert > .button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: none;
    text-align: left;
  }
  .popup.ask-an-expert > .button svg {
    top: 0;
  }
  .ask-an-expert__content {
    padding: 1.5rem;
    width: 100%;
    max-width: 54.5rem;
    margin: 0 auto;
  }
  .ask-an-expert__content .button[type="submit"] {
    display: flex;
    justify-content: center;
    margin: 0 auto 2rem;
  }
.before-you-leave-content:has(.swiper) {
    overflow: hidden;
  }
.blog-post-item .blog-post-block__image-container,
  .blog-post-item .blog-post-block__content {
    width: 100%;
  }
  .blog-post-block__content {
    display: flex;
    flex-direction: column;
  }
  .blog-post-block__content a,
  .blog-post-block__content .blog-post-block__content-text {
    display: block;
    text-wrap: pretty;
    text-decoration: none;
  }
.blog-post-card {
    --blog-post-scale: var(--blog-post-gap-mobile);
    text-align: var(--text-align);
    gap: var(--blog-post-scale);

    @media screen and (min-width: 1025px) {
      --blog-post-scale: var(--blog-post-gap);
    }
  }

  .blog-post-item .blog-post-card__content,
  .blog-post-item .blog-post-card__content.not-has-image {
    width: 100%;
  }

  .blog-post-card__content :is(a, .blog-post-card__content-text) {
    text-wrap: pretty;
  }

  .blog-post-card__content-label {
    padding: var(--padding-sm) var(--padding-md);
    color: #ba7a2d;
    border: var(--style-border-width) solid #ba7a2d;
    border-radius: var(--style-border-radius-sm);
    margin-right: var(--margin-lg);
  }

  /* Type: Classic */
  .blog-post-item:has(.blog-post-card--classic) {
    &:first-child .blog-post-card {
      flex-direction: column;

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

    &:not(:first-child) {
      @media screen and (max-width: 749px) {
        & .blog-post-card {
          flex-direction: column;
        }
      }

      @media screen and (min-width: 750px) {
        & .blog-post-card__image-container {
          width: 40%;
        }

        & .blog-post-card__content:not(.not-has-image) {
          width: 60%;
        }
      }
    }
  }

  /* Type: Simple */
  .blog-post-item:has(.blog-post-card--simple) {
    & .blog-post-card {
      flex-direction: column;
    }
  }

  /* Type: Balance */
  .blog-post-item:has(.blog-post-card--balance) {
    & .blog-post-card__content {
      height: auto;
    }

    @media screen and (min-width: 750px) {
      & .balance-odd {
        flex-direction: row;
      }

      & .balance-even {
        flex-direction: row-reverse;
      }

      & .blog-post-card__image-container {
        width: 50%;
      }

      & .blog-post-card__content:not(.not-has-image) {
        width: calc(50% - var(--blog-post-scale));
      }
    }
  }
.blog-post-content {
    max-width: var(--normal-content-width);
    margin: 0 auto;
  }
.blog-post-card__content-text a {
    color: var(--color-primary);
  }

  .custom-color,
  .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) {
    color: var(--color);
  }
.blog-post-details > span {
    text-overflow: clip;
    overflow: hidden;
  }
.blog-post__recent-posts-item {
    padding-block: var(--padding-2xs) var(--padding-sm);
  }

  .blog-post__recent-posts-item .blog-title {
    margin-block: 0 var(--margin-2xs);
  }

  .blog-post__recent-posts-item :is(.blog-title, .date) {
    font-size: var(--body-xs-font-size);
    line-height: var(--body-xs-line-height);
  }
.blog-posts__sidebar {
    row-gap: 4rem;
  }

  .blog-posts__sidebar-heading {
    font-size: var(--font-size--sidebar-heading, var(--body-s-font-size));

    &:not(.blog-posts__sidebar-collapse-button) {
      padding-block: calc(var(--padding-xs) - var(--padding-3xs));
      margin-block-end: var(--margin-md);
    }

    &.blog-posts__sidebar-collapse-button {
      margin-block: 0;
    }

    + .svg-wrapper {
      margin-right: 0;
    }
  }

  @media (max-width: 1024px) {
    .blog-posts__sidebar-drawer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: var(--layer-sidebar);
      transition: opacity var(--animation-slowest-smooth);
      opacity: 0;
      pointer-events: none;

      &[data-drawer-direction='right'] .blog-posts__sidebar-container {
        margin-left: auto;
      }

      &[data-drawer-direction='left'] .sidebar-close {
        right: calc(var(--size-40) * -1);
      }

      &[data-drawer-direction='right'] .sidebar-close {
        left: calc(var(--size-40) * -1);
      }

      &.open {
        opacity: 1;
        pointer-events: auto;
      }
    }

    .blog-posts__sidebar-container {
      width: min(90%, 35rem);
      height: 100%;
      background-color: var(--color-background);
      z-index: 2;
      position: relative;
    }

    .blog-posts__sidebar {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      padding: var(--padding-xl);
      padding-bottom: var(--padding-6xl);
    }

    .sidebar-close {
      top: 0;
      z-index: 2;
      width: var(--size-40);
      height: var(--size-40);
      color: var(--color-background);
      background-color: var(--color-foreground);
      padding: var(--padding-md);
    }
  }

  @media screen and (min-width: 1025px) {
    .sidebar-close {
      display: none;
    }
  }
.button.button--outline,
  .button-secondary.button--outline {
    --border-outline-color: var(--button-color);
    background-color: transparent;
    border: 1px solid var(--border-outline-color);
  }

  .button {
    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);
    }
  }
.card--block-button {
    display: flex;
    justify-content: var(--horizontal-alignment);
  }
.featured-article-block .blog-post-description > div:before {
    content: '';
    display: block;
    width: 33.362%;
    height: var(--font-size);
    background-color: transparent;
    float: left;
  }

  @media (max-width: 750px) {
    .featured-article-block .blog-post-description > div:before {
      content: '';
      display: block;
      width: calc((100vw - 30px) * 12.5 / 100);
      height: var(--font-size);
      background-color: transparent;
      float: left;
    }
  }
.card--block-details {
    justify-content: var(--horizontal-alignment);
  }

  .blog-post-details > div {
    gap: 5px;
  }

  .blog-post-details > span {
    text-overflow: clip;
    overflow: hidden;
  }
.blog-post-block__image-container .group-article-information {
    position: absolute;
    bottom: 0;
  }
.group-collection-information {
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
	}

	.group-collection-information__content {
		width: 100%;
	}

	.group-collection-information__content > * {
		height: auto;
	}

	[id*="collection-infor-icon"] {
		justify-content: center;
	}

	.group-collection-information__content .icon-block {
		width: 100%;

		& svg {
			fill: var(--button-color);
			width: 20px;
			height: 20px;
		}
	}

	.group-collection-information__content .icon-block .button-secondary{
		pointer-events: auto;
		padding: 10px;
	}

	.collection-card__image .group-collection-information__content > *:not(.button, .button-secondary, .link) {
		opacity: 0;
		-moz-transform: rotateX(90deg);
		-o-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
		-webkit-transition: transform .3s linear .1s;
		-moz-transition: transform .3s linear .1s;
		-ms-transition: transform .3s linear .1s;
		-o-transition: transform .3s linear .1s;
		transition: transform .3s linear .1s;
	}

	.collection-card:hover .collection-card__image .group-collection-information__content > *:not(.button, .button-secondary, .link) {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		filter: alpha(opacity=100);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0);
	}

	.collection-card__image .overlay{
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
		filter: alpha(opacity=0);
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	.collection-card:hover .collection-card__image .overlay{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		filter: alpha(opacity=100);
	}
.section-bulk-quick-order-list-padding:not(.spacing) {
    padding-block: 2.7rem;
    display: block;
  }

  @media screen and (min-width: 750px) {
    .section-bulk-quick-order-list-padding:not(.spacing) {
      padding-block: 3.6rem;
    }
  }
  .quick-add__product-media {
    margin-bottom: 1rem;
  }

  .quick-add__submit {
    --button-font-size-link: var(--font-size);
    box-sizing: border-box;
    line-height: 1;
    font-size: var(--font-size);
    text-transform: var(--text-transform);

    &.button {
      min-width: 100%;
    }

    &.link {
      min-height: initial;
      position: relative;
      padding: 0;
      .loading__spinner {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
      }
    }

    &.link.loading > span {
      opacity: 0;
    }

    &.card-product__group-btn {
      padding: 0;
      color: var(--button-color);
      background: var(--button-background-color);
      min-height: initial;

      .text {
        color: var(--button-color);
        background: var(--button-background-color);
      }

      &:hover {
        --button-color: var(--color-primary-button-hover-text);
        --button-background-color: var(--color-primary-button-hover-background);
        color: var(--button-color);
        background: var(--button-background-color);

        .text {
          color: var(--button-color);
          background: var(--button-background-color);
        }
      }
    }
  }

  quick-add-bulk {
    position: relative;
    grid-row-start: 4;
    margin: 0 0 1rem;
    z-index: 1;
  }

  .card__content quick-add-bulk .quantity {
    width: 100%;
  }

  quick-add-bulk .progress-bar-container {
    position: absolute;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-radius: var(--inputs-radius-outset);
    border: var(--inputs-border-width) solid transparent;
    z-index: -1;
  }

  quick-add-bulk quantity-input {
    justify-content: space-between;
  }

  quick-add-bulk .quantity__input {
    max-width: calc(6.5rem / var(--font-body-scale));
    flex-grow: 0;
  }

  .quantity__input-disabled {
    pointer-events: none;
  }

  /* Quick add main */
  .product-quick-add {
    .product__vendor,
    .product__title {
      margin-bottom: 0.5rem;
    }

    .product .price__container {
      margin-bottom: 0;
    }

    @media screen and (min-width: 750px) {
      .product__info-wrapper {
        padding: 2rem 0 0;
      }
    }

    .price__container {
      display: block;
    }
  }

  .product-quick-add__header {
    padding-right: 5rem;
    .product__media-wrapper {
      @media screen and (min-width: 750px) {
        max-width: 90px;
      }
    }
  }
.card-product-information {
    height: auto;
  }

  .card.flex-column .card-product-information {
    flex: 1;
  }
.cart-countdown-message  .svg-wrapper {
    width: var(--size-24);
    height: var(--size-24);
    margin-right: var(--size-5);
  }

  .cart-countdown-message  svg {
    position: relative;
    top: var(--size-6);
  }
.cart-items-disabled {
    pointer-events: none;
  }

  .cart-page--empty .cart-items__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block-start: 0;
    text-align: center;
  }

  .cart-page__title + .cart-page__items {
    margin-block-start: var(--margin-lg);
  }
.cart__summary-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cart__summary-item.tax-note {
    font-size: var(--cart-font-size--sm);
  }

  .cart__discount-label {
    display: flex;
    align-items: center;
    gap: var(--gap-2xs);
  }

  .cart__total {
    align-items: baseline;
    font-weight: var(--font-weight-bold);
  }

  .cart__tax-note {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));
  }

  .cart__discount-label svg {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    display: inline-block;
  }

  .cart__summary-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-2xl);
    container-type: inline-size;
    padding: 0;
    position: sticky;
    top: 0;
    align-self: start;

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

  body:has(> #header-group .header[sticky]) .cart__summary-inner {
    top: var(--header-height, 0);
  }

  .cart__summary-container {
    @media screen and (max-width: 749px) {
      border: none;
    }

    @media screen and (min-width: 750px) {
      display: grid;
      grid-template-rows: subgrid;
      grid-row: 1 / -1;
    }
  }

  .cart__summary-container:not(.cart__container--extend),
  .cart__summary-container:not(.cart__container--extend) .cart__summary-inner {
    height: auto;
  }

  .cart__container--extend {
    height: 100%;

    @media screen and (min-width: 750px) {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .cart-actions {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
    border-block: 1px solid var(--color-border);
    padding-block: var(--padding-sm);
    margin-block-start: var(--margin-3xs);
  }

  .cart-actions__divider {
    border-block-start: 1px solid var(--color-border);
  }

  .cart__summary-totals:not(:has(.cart-actions)) {
    margin-block-start: var(--margin-3xs);
    border-block-start: 1px solid var(--color-border);
    padding-block-start: var(--margin-xl);
  }

  .cart__installments {
    color: var(--color-foreground);
  }

  /* If extend is on, only include top and bottom borders when the border radius is 0. */
  .cart__container--extend:not(.has-border-radius) {
    @media screen and (min-width: 750px) {
      border-top: none;
      border-bottom: none;
    }
  }

  .cart__container--extend .cart__summary-inner {
    height: 100%;
    padding: var(--padding-md) 0 var(--padding-4xl);

    @media screen and (min-width: 750px) {
      grid-row: 2 / -1;
      padding-inline: 0 var(--gap-3xl);
      width: var(--side-cart-width);
    }
  }

  /* If extend is off, apply the border radius to the inner summary container */
  .cart__summary-inner.has-border-radius {
    border-radius: var(--border-radius);
  }
.cart-title h1 {
    margin-block-end: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--gap-sm);
  }

  .cart-title .cart-bubble {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--style-border-radius-buttons-primary);
    aspect-ratio: auto;
    padding: var(--cart-padding);
  }

  .cart-title .cart-bubble[data-maintain-ratio] {
    aspect-ratio: 1;
    min-width: 26px;
  }

  .cart-title .cart-bubble__background {
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));
  }

  .cart-title .cart-bubble__text {
    color: var(--color-foreground);
    font-family: var(--font-paragraph--family);
  }
.category-item__placeholder {
    background-color: #f4f4f4;

    svg {
      width: 7rem;
      height: 7rem;
      opacity: var(--opacity-30);
    }
  }
.category-view-all {
    display: flex;
    min-height: 10rem;
  }
.collection-card__image .group-collection-information__content .button,
  .collection-card__image .group-collection-information__content .button-secondary{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
  }
  .collection-card__image .group-collection-information__content .button svg
  .collection-card__image .group-collection-information__content .button-secondary svg{
    min-width: 17px;
  }
.collection-card__image {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: var(--ratio);
    z-index: var(--layer-base);
    overflow: hidden;
  }

  .collection-card__image--placeholder {
    width: 100%;
    height: 100%;
  }
.collection-card__image {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: var(--ratio);
    z-index: var(--layer-base);
    overflow: hidden;
  }

  .collection-card__image--placeholder {
    width: 100%;
    height: 100%;
  }
.collection-header > * {
    height: auto;
  }

  .collection-header parallax-image {
    overflow: hidden;
  }
.collection-image {
    width: var(--image-width);
  }

  .collection-image .collection-image__featured-image {
    aspect-ratio: var(--ratio);
    object-fit: cover;
  }
.collection-links__link {
    --min-font-size: var(--font-size--4xl);
    --max-font-size: var(--font-size--6xl);

    display: flex;
    color: inherit;
    text-decoration: none;
    text-wrap: pretty;
    font-size: clamp(var(--min-font-size), 4.5vw, var(--max-font-size));

    @media (hover: hover) {
      opacity: var(--disabled-opacity);
    }

    [layout='spotlight'] & {
      opacity: var(--disabled-opacity);
    }

    &[aria-selected='true'] {
      opacity: var(--opacity-100);
    }

    .text-block {
      display: inline-block;
    }

    @media (max-width: 749px) {
      --min-font-size: var(--font-size--3xl);
      --max-font-size: var(--font-size--5xl);

      [layout='spotlight'] & {
        white-space: nowrap;
        scroll-snap-align: start;

        span {
          text-wrap: nowrap;
        }
      }
    }
  }

  .collection-links__count {
    font-size: 0.5em;
    opacity: var(--disabled-opacity);
    font-weight: var(--font-paragraph--weight);
  }

  .collection-links__image {
    align-items: center;
    justify-content: center;

    &:not([hidden]) {
      display: flex;
    }

    &[reveal] {
      --offset: 15px;

      position: fixed;
      top: 0;
      left: 0;
      z-index: var(--layer-temporary);
      display: block;
      translate: calc(var(--x) + var(--offset)) calc(var(--y) + var(--offset));
      pointer-events: none;
      width: auto;

      image-block {
        --image-height-basis: 5rem;
        height: var(--image-height);
      }
    }
  }
.popup.color-comparison > .button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: none;
    text-align: left;
  }

  .popup.color-comparison > .button svg {
    top: 0;
  }
.hover-content-block {
    z-index: 999;
  }

  .hover-content-block.custom {
    position: absolute;
    top: var(--posTop, unset);
    right: var(--posRight, unset);
    bottom: var(--posBottom, unset);
    left: var(--posLeft, unset);
    transform: none;
  }

  /* Animation */
  .hover-content-block > * {
    opacity: var(--opacity-0);
    transition: all var(--animation-speed-slowest) var(--ease-out-cubic);
  }
  .instagram-item:has(.hover-content-block):hover .hover-content-block > * {
    opacity: var(--opacity-100);
  }

  .hover-content-block.animate--slide-in > * {
    transform: translateY(100%);
  }

  .instagram-item:has(.hover-content-block):hover .animate--slide-in > * {
    transform: translateY(0);
  }

  .hover-content-block.animate--reveal > * {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.8s ease;
  }
  .instagram-item:has(.hover-content-block):hover .animate--reveal > * {
    clip-path: inset(0 0 0 0);
  }
.policy_list {
    display: flex;
    gap: var(--gap-2xs) var(--gap-sm);

    /* Depending on the content, some smaller desktop layouts will need to wrap the items to fit everything */
    flex-wrap: wrap;
    justify-content: center;

    @media screen and (min-width: 750px) {
      justify-content: flex-start;
    }
  }
.social-icons__wrapper {
    display: flex;
    gap: var(--gap-sm);
    flex-wrap: wrap;
    justify-content: center;

    @media screen and (min-width: 750px) {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  }
.announcement-bar-slider .swiper-button {
    background-color: transparent;
    border: none;

    .fill-bg,
    &:before,&:after {
      display: none;
    }
  }

  .announcement-bar-slider .swiper-slide {
    padding-inline: var(--button-width);
  }
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (min-width: 1025px) {
    .group-block-content .group--reveal {
      overflow: hidden;
      transition: max-height 2s;
      max-height: 0;
    }

    .group-block-content:hover .group--reveal {
      max-height: 100%;
    }
  }
.image-carousel-item {
    display: flex;

    /* When the image is nested in a group, section, etc, respect the parent's horizontal alignment */
    justify-content: var(--horizontal-alignment, 'inline-start');
  }

  .image-carousel-item--height-fill .image-carousel-item__image {
    height: 100%;
  }

  .image-carousel-item__image {
    object-fit: cover;
    aspect-ratio: var(--ratio);
  }
.promo-code__input {
    --box-shadow-color: var(--color-input-border);

    width: 100%;
    padding-block: 0.8rem;
    padding-inline: 1.8rem 5.5rem;
    border-width: var(--input-border-width);
    border-radius: var(--input-border-radius);
    border-style: 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);

    &:focus {
      outline: none;
      box-shadow: none;
    }

    &.promotion-code__input--underline {
      --box-shadow-multiplier: 1;

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

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

        outline: none;
      }
    }

    &.promotion-code__input--none {
      color: var(--color-input-text);
      background-color: var(--color-input-background);
      border: none;
    }
  }

  .promo-code__button {
    aspect-ratio: 1;
    padding: .8rem;
    min-width: auto;
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;

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

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

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

    &:hover .tooltip {
      opacity: var(--opacity-100);
      transform: translate(-50%, 0);
      visibility: visible;
      pointer-events: auto;
    }

    &.promo-code__button--integrated {
      --button-offset: 0.1rem;

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

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

    &.bor-none {
      border: none;
    }
  }

  .promotion-code .tooltip {
    font-size: var(--font-size--2xs);
    color: var(--color-white);
    background: var(--color-foreground);
    text-align: center;
    position: absolute;
    bottom: 100%;
    left: 50%;
    padding: 0.5rem;
    z-index: 2;
    min-width: 4rem;
    transform: translate(-50%, 50%);
    margin: 0 0 10px;
    border-radius: 0.2rem;
    transition: var(--animation-speed) var(--animation-timing-bounce);
    white-space: nowrap;
    text-transform: capitalize;
    opacity: var(--opacity-0);
    visibility: hidden;
    pointer-events: none;

    &:before {
      content: '';
      position: absolute;
      bottom: -0.7rem;
      left: 50%;
      height: 0;
      width: 0;
      border-top: 0.7rem solid var(--color-foreground);
      border-left: 0.7rem solid transparent;
      border-right: 0.7rem solid transparent;
      transform: translate(-50%);
    }
  }
.image-block--height-fill .video-block {
    height: 100%;
  }

  .image-block--height-fill .video-block img {
    height: 100%;
    object-fit: cover;
  }

  .image-block--height-fill .video-block video {
    height: 100%;
    object-fit: cover;
  }

  .video-block {
    object-fit: var(--object-fit, cover);
    aspect-ratio: var(--ratio);
  }

  .icon_media {
    display: flex;
    fill: currentcolor;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    right: var(--icon-button-position-right);
    bottom: var(--icon-button-position-bottom);
  }
  .icon_media.position-left {
    right: unset;
    left: var(--icon-button-position-left);
  }

  .icon_media.icon_media--circle {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--icon-button-bg-color);
    color: var(--icon-button-color);
    border-radius: var(--style-border-radius-50);
    width: var(--icon-button-size);
    height: var(--icon-button-size);
  }

  .icon_plus {
    font-size: 0px;
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    overflow: hidden;
    transform: translate(-50%, -50%) scale(.8) rotate(-45deg);
    transition: opacity .1s ease, transform .3s ease;
  }

  .icon_plus:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 2px;
    height: 100%;
  }

  .icon_plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 100%;
    height: 2px;
  }

  .instagram-item__image:hover .icon_plus {
    opacity: 1;
    overflow: visible;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1) rotate(0);
  }

  .image-zoomIn img {
    transition: transform .64s ease;
  }

  .instagram-item__image:hover .image-zoomIn img {
    transform: scale(1.05);
    transition: transform .64s ease;
  }

  .instagram-item--bg-color {
    background-color: var(--background-color);
    width: 100%;
    height: 100%;
    aspect-ratio: var(--ratioBg);
  }

  /* Video play/pause button styles */
  .video-play-button,
  .video-pause-button {
    position: absolute;
    inset: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
  }

  .video-pause-button {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .video-playing:hover .video-pause-button {
    opacity: 1;
    visibility: visible;
  }

  .video-playing .video-play-button {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  /* Video Controls Overlay */
  .video-controls-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 5;
  }

  .video-playing:hover .video-controls-overlay {
    opacity: 1;
    visibility: visible;
  }

  /* Progress Bar */
  .video-progress-container {
    margin-bottom: 15px;
  }

  .video-progress-bar {
    position: relative;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    cursor: pointer;
  }

  .video-progress-filled {
    height: 100%;
    background: #fff;
    border-radius: 2px;
    width: 0%;
    transition: width 0.1s ease;
  }

  .video-progress-handle {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .video-progress-bar:hover .video-progress-handle {
    opacity: 1;
  }

  /* Bottom Controls */
  .video-controls-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  /* Volume Control */
  .video-volume-control {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .video-volume-button {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    transition: background 0.3s ease;
  }

  .video-volume-button:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .video-volume-slider {
    width: 80px;
  }

  .volume-range {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    outline: none;
    cursor: pointer;
  }

  .volume-range::-webkit-slider-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
  }

  .volume-range::-moz-range-thumb {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
  }

  /* Time Display */
  .video-time-display {
    display: flex;
    align-items: center;
    gap: 5px;
    color: white;
    font-size: var(--font-size--sm);
    font-weight: 500;
  }

  .time-separator {
    opacity: 0.7;
  }
.icon-block {
    display: flex;
    flex-shrink: 0;
    fill: currentcolor;
  }

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

  @media (max-width: 749px) {
    .marquee__content .marquee__repeated-items:has(.large-icon-block__media) * {
      max-width: var(--size-style-width-mobile);
    }
  }
.lookbook-group:has(> .shopify-block > .circle-container) {
    container-type: inline-size;
    container-name: circle-container;
  }

  .circle-container {
    position: relative;
    width: fit-content;
    height: auto;
    aspect-ratio: 1/1;
    padding: 4px;
    border: 1px solid var(--circle-color);
    border-radius: 50%;
    cursor: pointer;
  }

  .circle-container .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 35px solid var(--circle-color);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 2;
  }

  @container circle-container (width > 250px) {
    .circle-container .play-icon {
      border-left: 40px solid var(--circle-color);
      border-top: 25px solid transparent;
      border-bottom: 25px solid transparent;
    }
  }

  @container circle-container (width < 150px) {
    .circle-container .play-icon {
      border-left: 17px solid var(--circle-color);
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
    }
  }

  .circle-container svg {
    width: auto;
    height: auto;
    overflow: visible;
    transform: rotate(0deg);
    animation: spin 10s linear infinite;
    animation-play-state: running;
  }

  .circle-container.stop-on-hover:hover svg {
    animation-play-state: paused;

  }

  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  .circle-container text {
    font-size: var(--font-size--md);
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    color: var(--text-color);
  }
@media screen and (min-width: 1025px) {
    .lookbook-group.group-block--width-custom {
      width: calc(var(--size-style-width) + var(--custom-gap));
    }
  }
.lookBook__btnShowProducts {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 5;
    height: 3rem;
    min-width: 14rem;
    letter-spacing: normal;
    padding: 0.5rem 1rem;

    & .icon-plus-wrapper {
      width: 1.4rem;
      height: 1.4rem;
      margin-right: 0.5rem;
      transition: transform 0.3s ease;

      & svg {
        color: currentColor !important;
      }
    }

    &.is-open .icon-plus-wrapper {
      transform: rotate(45deg);
    }
  }

  .button-hover--effect .button.lookBook__btnShowProducts:not(.button-unstyled, .header__icon) {
    position: absolute;
  }

  @media screen and (min-width: 1025px) {
    .lookbook-item .lookBook__btnShowProducts {
      bottom: 2.5rem;
      left: 4rem;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease-in-out;
    }

    .lookbook-item:hover .lookBook__btnShowProducts {
      opacity: 1;
      visibility: visible;
    }
  }

  .dots-style-dots .lookbook-dot__icon .icon-plus-wrapper,
  .dots-style-number .lookbook-dot__icon .icon-plus-wrapper {
    display: none;
  }

  .dots-style-plus .lookbook-dot__icon {
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;

    &:before {
      top: 0;
      left: 0;
      width: 3rem;
      height: 3rem;
    }

    & .icon-plus-wrapper {
      transition: transform 0.3s ease;
    }
  }

  .dots-style-plus .lookbook-dot.is-active .icon-plus-wrapper {
    transform: rotate(45deg);
  }
@media screen and (min-width: 1025px) {
    .lookbook-row.group-block--width-custom {
      width: calc(var(--size-style-width) + var(--custom-gap));
    }
  }

  .lookbook--editorial-layout {
    --column-1-width: 66.6666%;
    --column-2-width: 33.3333%;
    --lookbook-item-odd-width: calc(var(--column-1-width) - calc(var(--gap) / 2));
    --lookbook-item-even-width: calc(var(--column-2-width) - calc(var(--gap) / 2));
  }

  @media screen and (min-width: 750px) {
    .lookbook--editorial-layout {
      grid-template-columns: var(--lookbook-item-odd-width) var(--lookbook-item-even-width);
      gap: var(--gap);
    }

    .lookbook--editorial-layout.grid__item--right {
      grid-template-columns: var(--lookbook-item-even-width) var(--lookbook-item-odd-width);
    }
  }

  @media screen and (max-width: 749px) {
    .lookbook--editorial-layout {
      grid-template-columns: 100%;
    }
  }
.group-block--width-full {
    width: 100%;
  }

  .group-block--width-fit {
    width: fit-content;
  }

  .lookbook--editorial-layout {
    --column-1-width: 66.6666%;
    --column-2-width: 33.3333%;
    --lookbook-item-odd-width: calc(var(--column-1-width) - calc(var(--gap) / 2));
    --lookbook-item-even-width: calc(var(--column-2-width) - calc(var(--gap) / 2));
  }

  @media screen and (min-width: 750px) {
    .lookbook--editorial-layout {
      grid-template-columns: var(--lookbook-item-odd-width) var(--lookbook-item-even-width);
      gap: var(--gap);
    }

    .lookbook--editorial-layout.grid__item--right {
      grid-template-columns: var(--lookbook-item-even-width) var(--lookbook-item-odd-width);
    }
  }

  @media screen and (max-width: 749px) {
    .lookbook--editorial-layout {
      grid-template-columns: 100%;
    }
  }
marquee-component {
    background: var(--color-background);

    &.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);
      }
    }
  }

  .marquee__wrapper {
    display: flex;
    gap: var(--marquee-gap);
    width: fit-content;
    white-space: nowrap;
  }

  .marquee__content {
    min-width: max-content;
    display: flex;
    gap: var(--marquee-gap);
  }

  .marquee__content :is(p, h1, h2, h3, h4, h5, h6) {
    white-space: nowrap;
  }

  .marquee__content .marquee__repeated-items * {
    max-width: none;
  }

  .marquee__repeated-items {
    min-width: max-content;
    display: flex;
    gap: var(--marquee-gap);
    align-items: center;
    justify-content: center;
  }

  .marquee__repeated-items > * {
    align-content: center;
  }

  .hero__content-wrapper.layout-panel-flex--column marquee-component {
    --margin-inline: var(--full-page-margin-inline-offset);

    width: -webkit-fill-available;
    min-height: max-content;
  }

  .marquee__content .marquee__repeated-items svg{
    max-width: 200px;
    height: auto;
  }

  @media screen and (min-width: 750px) {
    .marquee__content .marquee__repeated-items svg{
      max-width: 400px;
    }
  }

  @media screen and (min-width: 1025px) {
    marquee-scroll.marquee__wrapper {
      width: 100%;
    }
    
    .marquee__content .marquee__repeated-items svg{
      max-width: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    marquee-scroll .marquee__content,
    marquee-component:not([data-disabled]):has(:not(marquee-scroll)) .marquee__wrapper {
      animation: marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction);
      will-change: transform;
    }

    marquee-scroll .marquee__content {
      --percent: -100%;
      width: max-content;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (max-width: 749px) {
    marquee-scroll .marquee__content,
    marquee-component:not([data-disabled]):has(:not(marquee-scroll)) .marquee__wrapper {
      animation-duration: calc(var(--marquee-speed) * 3);
    }
  }


  @keyframes marquee-motion {

    to {
      transform: translate3d(calc(var(--percent, -50%) - (var(--marquee-gap) / 2)), 0, 0);
    }
  }
.show-icon {
    position: relative;
    display: block;
    margin: var(--icon-more-margin-top) auto var(--icon-more-margin-bottom);
    text-align: center;
    cursor: pointer;
    width: var(--icon-more-size);
    height: var(--icon-more-size);
    max-width: var(--icon-more-size);
    border: 1px solid var(--icon-more-border);
    background: var(--icon-more-background);
  }

  .show-icon::before {
    content: "";
    position: absolute;
    width: var(--icon-more-size);
    height: 2px;
    transform: translate(-50%,-50%) rotate(90deg);
    background: var(--icon-more-color);
    border: 0;
    border-radius: 0;
    top: 50%;
    left: 50%;
    pointer-events: none;
  }

  .show-icon::after {
    content: "";
    position: absolute;
    width: var(--icon-more-size);
    height: 2px;
    transform: translate(-50%, -50%);
    background: var(--icon-more-color);
    border: 0;
    border-radius: 0;
    top: 50%;
    left: 50%;
    pointer-events: none;
  }
.site-nav-mobile--list-divider .menu-drawer__inner-submenu .menu-drawer__menu > li:has(.menu-drawer__menu-grid) {
    padding-block-end: var(--padding-lg);
  }

  .site-nav-mobile--list-divider .menu-drawer__inner-submenu .menu-drawer__menu > li,
  .site-nav-mobile--list-divider > li {
    border-bottom: 1px solid var(--color-border);
  }

  .site-nav-mobile--list {
    height: 100%;
  }

  .site-nav-mobile--list:not(.active) {
    display: none;
  }

  .site-nav-mobile .menu-drawer__submenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--color-background);
    width: 100%;
  }
a.mobile--multi-tab-button {
    padding: var(--padding-sm) var(--padding-xl);
    min-height: var(--minimum-touch-target);
    display: flex;
    align-items: center;
    justify-content: center;

    &.active,
    &:first-child:not(:has(~ .mobile--multi-tab-button.active)){
      background-color: var(--color-foreground);
      color: var(--color-background);
    }
  }
.section-wrapper { --section-height-offset: 0px; }
  .section[data-shopify-visual-preview] { min-height: var(--section-preview-height); padding-top: 0; }
  .section[data-shopify-visual-preview] .custom-section-background { display: none; }
  body:has(> #header-group > .header-section > #header-component[transparent]):not(:has(> #header-group > .header-section + .shopify-section)) > main > .section-wrapper:first-child { --section-height-offset: var(--header-group-height, 0); }
  .custom-section-background { grid-column: 1 / -1; }
  .custom-section-content { z-index: var(--layer-flat); }
.product-customer-viewing svg{
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    margin: -0.2rem 0.5rem 0 0;
  }
  .product-customer-viewing-message {
    display: inline-block;
    vertical-align: middle;
  }
/* 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;
    }
  }
.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;
  }
.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;
  }
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;
    }
  }
.product-quick-add__media {
    --layout-template: 10rem 1fr;
    display: grid;
    grid-template-columns: var(--layout-template);
    gap: 2.4rem;

    &.product-information__media--right {
      --layout-template: 1fr 10rem;
    }
  }
.form-ratio {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form-ratio--horizontal {
  flex-direction: row;
}
.form-ratio--vertical {
  flex-direction: column;
}
#popup-recently-viewed .recently-viewed-products.collection {
    overflow-y: auto;
  }

  @media (min-width: 750px) {
    #popup-recently-viewed .drawer__inner {
      padding: 3.2rem;
    }
  }
.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;
  }
.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%;
  }
.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;
  }
.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;
  }
slideshow-animated .slide__img-wrapper img {
    height: 140% !important;
    will-change: transform;
  }

  .slide__img-wrapper {
    grid-template-columns: repeat(var(--slide-media-count, 1), 1fr);
  }

  .slide__img-wrapper > .slide__video,
  .slide__img-wrapper > .slide__video-poster {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .slide__img-wrapper > .slide__video-poster {
    position: absolute;
  }

  .slide__link,
  .slide__link:empty {
    display: block;
    position: absolute;
    inset: 0;
  }

  .slide__link ~ :is(.slide__content) {
    pointer-events: none;
    :is(a) {
      pointer-events: auto;
    }
  }
.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;
    }
  }
.overlay-component {
    opacity: var(--opacity-0);
    visibility: hidden;
    transition: opacity .3s ease, visibility 0s linear .3s;
  }
  .is-active .overlay-component {
    min-height: 100lvh;
    transform: translateY(-100vh);
    background-color: rgb(var(--color-shadow-rgb) / var(--opacity-70));
    z-index: -1;
    opacity: var(--opacity-100);
    visibility: visible;
    transition: opacity .3s ease, visibility 0s linear 0s;
  }
  .sticky-atc {
    padding: 1rem;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
    transition: opacity .3s ease, box-shadow .3s ease, transform .3s ease, visibility 0s linear .3s;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);

    .section {
      padding: 1rem;
    }
  }

  .sticky-cart-visible .sticky-atc {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .sticky-atc.style-custom {
    max-width: var(--sticky-width);
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--sticky-pos-bottom);
  }

  .sticky-atc__variant {
    padding: 1.5rem 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 -0.2rem 1rem rgba(0, 0, 0, 0.2);
  }

  .sticky-atc.is-active .sticky-atc__variant {
    opacity: 1;
    pointer-events: auto;
  }

  .sticky-atc .variant-selects {
    padding: 2rem 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .sticky-atc .add-to-cart-text--add {
    display: none;
  }

  .sticky-atc .product-form__submit {
    display: none;
  }

  .sticky-atc.is-active .product-form__submit {
    display: block;
  }

  .sticky-atc.is-active .button-toggle-variants {
    display: none;
  }

  .sticky-atc.is-active .add-to-cart-text--add {
    display: block;
  }

  @media screen and (min-width: 750px) {
    .sticky-atc {
      padding: 0;
    }

    .sticky-atc .section {
      border-top: 1px solid #e5e5e5;
    }

    .sticky-atc .variant-selects .variant-option {
      max-width: fit-content;
    }

    .sticky-atc__variant {
      padding: 0;
    }

    .variant-alignment--left variant-selects {
      justify-content: flex-start;
    }

    .variant-alignment--right variant-selects {
      justify-content: flex-end;
    }

    .variant-alignment--center variant-selects {
      justify-content: center;
    }
  }

  @media screen and (max-width: 749px) {
    .sticky-atc__action {
      width: 100%;
    }
  }
: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);
    }
  }

/* CSS from snippet stylesheet tags */
.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);
    }
.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;
      }
    }
  }
.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;
    }
  }
@media (prefers-reduced-motion: reduce) {
    video-background-component video {
      display: none;
    }
  }
.breadcrumbs__separator .icon-caret {
    transform: rotate(-90deg);
    position: relative;
  }

  .breadcrumbs__separator .svg-wrapper {
    width: clamp(1rem, var(--fluid-font-size), calc(var(--font-size) * 0.8));
    height: auto;
    display: block;
  }
.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;
    }
  }
.card_article__button {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
.card-title-change .text:after {
    content: attr(data-change-title);
  }
.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);
    }
  }
.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);
    }
  }
  /* .button.button--outline,
  .button-secondary.button--outline {
    --button-color: var(--button-background-color);
    --border-outline-color: var(--button-background-color);
    background-color: transparent;
    border: 1px solid var(--border-outline-color);
  }

  .button {
    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);
    &:active {
      transform: scale(0.9);
    }
  }

  .link {
    font-size: var(--button-font-size-link);
    text-decoration: none;
    text-decoration-color: currentcolor;

    &:hover {
      text-decoration-color: transparent;
    }

    &.link--underline {
      --offset-underline: 0.5rem;
      text-decoration: underline;
      text-underline-offset: var(--offset-underline);
    }

    &.link--hover-underline:hover {
      text-decoration: underline;
      text-decoration-color: currentcolor;
    }
  }

  @media (prefers-reduced-motion: no-preference) and (hover: hover) {
    .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-foreground);
        transition: transform var(--animation-slowest-smooth);
        transform: translateY(100%);
      }
    }

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

    .group-block-content .link--reveal.link--underline {
      padding-bottom: var(--offset-underline);
      .text-mask {
        text-decoration: underline;
        text-underline-offset: var(--offset-underline);
      }
    }
  } */
.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);
  }
.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;
    }
  }
.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);
  }
.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);
    }
  }
.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);
  }
.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;
  }
.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 */
  }
.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;
        }

        /* .editorial-collection__item-0 {
            width: 66%;
            align-self: flex-start;
            aspect-ratio: 3 / 6;
        }

        .editorial-collection__item-1 {
            width: 83%;
            align-self: flex-end;
            aspect-ratio: 4 / 5;
        }

        .editorial-collection__item-2 {
            width: 83%;
            align-self: flex-start;
            aspect-ratio: 3 / 6;
        }

        .editorial-collection__item-3 {
            width: 100%;
            align-self: center;
            aspect-ratio: 4 / 6;
        } */
    }
.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;
    }
  }
/* 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;
    }
  }
/* 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;
    }
  }
.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));
  }
.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;
  }
.header__icon--account.header__icon--account--text {
    height: initial;
    width: initial;
  }
.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;
  }
.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)));
    }
  }
.mega-menu--3 .resource-card {
    gap: var(--gap-2xl);
  }
.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;
  }
/* 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;
    }
  }
.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));
    }
  }
.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);
  }
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;
    }
  }
.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;
    }
  }
.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;
  }
.collage-style {
    display: grid;
    grid-auto-flow: dense;
  }

  /* style__2_2_1_2 */
  .collage-style__2_2_1_2 {
    grid-template-columns: repeat(5, 1fr);
  }

  .collage-style__2_2_1_2 > *:nth-child(7n + 1) {
    grid-area: auto / 1 / span 1 / span 1;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 2) {
    grid-area: auto / 1 / span 1 / span 1;
    grid-row: span 1;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 3) {
    grid-column: 2;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 4) {
    grid-column: 2;
    grid-row: span 1;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 5) {
    grid-column: 3 / span 2;
    grid-row: span 2;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 6) {
    grid-column: 5;
  }
  .collage-style__2_2_1_2 > *:nth-child(7n + 7) {
    grid-column: 5;
  }

  /* style__1_3  */
  .collage-style__1_3 {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
  }

  .collage-style__1_3 > *:nth-child(4n + 1) {
    grid-column: 1 / span 2;
    grid-row: span 2;
  }

  .collage-style__1_3 > *:nth-child(4n + 2) {
    grid-column: 3 / span 2;
    grid-row: auto / span 1;
  }

  .collage-style__1_3 > *:nth-child(4n + 3) {
    grid-column: 3;
  }

  .collage-style__1_3 > *:nth-child(4n + 4) {
    grid-column: 4;
  }

  /* style__3_3_3  */
  .collage-style__3_3_3 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 1fr;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 1) {
    grid-column: 1;
    grid-row: auto / span 1;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 2) {
    grid-column: 2;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 3) {
    grid-column: 1 / span 2;
    grid-row: span 2;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 4) {
    grid-column: 3 / span 2;
    grid-row: span 2;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 5) {
    grid-column: 3;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 6) {
    grid-column: 4;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 7) {
    grid-column: 5;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 8) {
    grid-column: 6;
  }

  .collage-style__3_3_3 > *:nth-child(9n + 9) {
    grid-column: 5 / span 2;
    grid-row: span 2;
  }

  /* style__1_2_2  */
  .collage-style__1_2_2 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 1fr;
  }

  .collage-style__1_2_2 > *:nth-child(5n + 1) {
    grid-column: 1 / span 3;
    grid-row: span 2;
  }

  .collage-style__1_2_2 > *:nth-child(5n + 2) {
    grid-column: 4 / span 2;
    grid-row: auto / span 1;
  }

  .collage-style__1_2_2 > *:nth-child(5n + 3) {
    grid-column: 4 / span 2;
    grid-row: auto / span 1;
  }

  .collage-style__1_2_2 > *:nth-child(5n + 4) {
    grid-column: 6 / span 2;
    grid-row: auto / span 1;
  }

  .collage-style__1_2_2 > *:nth-child(5n + 5) {
    grid-column: 6 / span 2;
    grid-row: auto / span 1;
  }

  /* collage-style__2_1 */
  .collage-style__2_1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }

  .collage-style__2_1 > *:nth-child(3n + 1) {
    grid-column: 1;
    grid-row: auto / span 1;
  }

  .collage-style__2_1 > *:nth-child(3n + 2) {
    grid-column: 1;
    grid-row: auto / span 1;
  }

  .collage-style__2_1 > *:nth-child(3n + 3) {
    grid-column: 2;
    grid-row: span 2;
  }

  /* collage-style__1_1_2 */
  .collage-style__1_1_2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
  }

  .collage-style__1_1_2 > *:nth-child(4n + 1) {
    grid-column: 1;
    grid-row: span 2;
  }

  .collage-style__1_1_2 > *:nth-child(4n + 2) {
    grid-column: 2;
    grid-row: span 2;
  }

  .collage-style__1_1_2 > *:nth-child(4n + 3) {
    grid-column: 3;
    grid-row: auto / span 1;
  }

  .collage-style__1_1_2 > *:nth-child(4n + 4) {
    grid-column: 3;
    grid-row: auto / span 1;
  }

  @media (max-width: 749px) {
    /* style__2_2_1_2 */
    .collage-style__2_2_1_2 {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(5, 1fr);
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 1) {
      grid-area: auto / 1 / span 1 / span 1;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 2) {
      grid-column: 2;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 3) {
      grid-column: 1;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 4) {
      grid-column: 2;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 5) {
      grid-column: 1 / span 2;
      grid-row: span 2;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 6) {
      grid-column: 1;
    }

    .collage-style__2_2_1_2 > *:nth-child(7n + 7) {
      grid-column: 2;
    }
    /* style__1_3 */
    .collage-style__1_3 {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: auto;
    }

    .collage-style__1_3 > *:nth-child(4n + 1) {
      grid-column: 1 / span 2;
      grid-row: auto / span 1;
    }

    .collage-style__1_3 > *:nth-child(4n + 2) {
      grid-column: 1 / span 2;
      grid-row: span 2;
    }

    .collage-style__1_3 > *:nth-child(4n + 3) {
      grid-column: 1;
    }

    .collage-style__1_3 > *:nth-child(4n + 4) {
      grid-column: 2;
    }

    /* style__3_3_3  */
    .collage-style__3_3_3 {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 1) {
      grid-column: 1;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 2) {
      grid-column: 2;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 3) {
      grid-column: 1 / span 2;
      grid-row: span 2;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 4) {
      grid-column: 1 / span 2;
      grid-row: span 2;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 5) {
      grid-column: 1;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 6) {
      grid-column: 2;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 7) {
      grid-column: 1;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 8) {
      grid-column: 2;
      grid-row: auto / span 1;
    }

    .collage-style__3_3_3 > *:nth-child(9n + 9) {
      grid-column: 1 / span 2;
      grid-row: span 2;
    }

    /* collage-style__1_2_2 */
    .collage-style__1_2_2 {
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 1fr;
    }

    .collage-style__1_2_2 > *:nth-child(5n + 1) {
      grid-column: 1 / span 4;
      grid-row: auto / span 1;
    }

    .collage-style__1_2_2 > *:nth-child(5n + 2) {
      grid-column: 1 / span 2;
      grid-row: auto / span 1;
    }

    .collage-style__1_2_2 > *:nth-child(5n + 3) {
      grid-column: 3 / span 2;
      grid-row: auto / span 1;
    }

    .collage-style__1_2_2 > *:nth-child(5n + 4) {
      grid-column: 1 / span 2;
      grid-row: auto / span 1;
    }

    .collage-style__1_2_2 > *:nth-child(5n + 5) {
      grid-column: 3 / span 2;
      grid-row: auto / span 1;
    }

    /* collage-style__2_1 */
    .collage-style__2_1 {
      grid-template-columns: 1fr;
      grid-auto-rows: auto;
    }

    .collage-style__2_1 > *:nth-child(3n + 1) {
      grid-column: 1/2;
      grid-row: auto / span 1;
    }

    .collage-style__2_1 > *:nth-child(3n + 2) {
      grid-column: 1/2;
      grid-row: auto / span 1;
    }

    .collage-style__2_1 > *:nth-child(3n + 3) {
      grid-column: 1 / span 2;
      grid-row: auto / span 1;
    }

    /* collage-style__1_1_2 */
    .collage-style__1_1_2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
    }

    .collage-style__1_1_2 > *:nth-child(4n + 1) {
      grid-column: 1;
      grid-row: auto / span 1;
    }

    .collage-style__1_1_2 > *:nth-child(4n + 2) {
      grid-column: 2;
      grid-row: auto / span 1;
    }

    .collage-style__1_1_2 > *:nth-child(4n + 3) {
      grid-column: 1;
      grid-row: auto / span 1;
    }

    .collage-style__1_1_2 > *:nth-child(4n + 4) {
      grid-column: 2;
      grid-row: auto / span 1;
    }
  }
.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;
    }
  }
.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);
  }

  .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%;
  }
.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;
  }
.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;
    }
  }
.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);
    }
  }
.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);
    }
  }
/*! 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;
}
.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);
      }
    }
  }
.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;
  }
@media screen and (max-width: 749px) {
    .predictive-search-results__wrapper-products {
      --card-grid-per-row: 1;
      gap: var(--gap-md);
    }
  }
.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;
    }
  }
.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;
    }
  }
.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;
  }
/* 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;
  }
.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);
    }
  }
.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);
        }
    }
.product-media {
    aspect-ratio: var(--gallery-aspect-ratio, var(--ratio));
    min-height: 0;
    min-width: 0;
  }

  /*** Media border-radius feature ****/
  @media screen and (min-width: 750px) {
    .media-gallery--carousel .swiper-main,
    .media-gallery--grid .product-media > * {
      border-radius: var(--media-radius, 0);
      overflow: hidden;
    }

    /* When the CAROUSEL is on the LEFT side */
    .product-information:not(.product-information--media-right)
      .media-gallery--carousel.media-gallery--extend
      .swiper-main {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

    /* When the CAROUSEL is on the RIGHT side */
    .product-information.product-information--media-right
      .media-gallery--carousel.media-gallery--extend
      .swiper-main {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    /* When the GRID is on the LEFT side */
    .product-information:not(.product-information--media-right) {
      /* One column */
      .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *,
      /* Two column, small first image */
      .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image)
        .product-media-container:nth-of-type(odd)
        .product-media
        > *,
      /* Two column, large first image */
      .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image
        .product-media-container:is(:first-of-type, :nth-of-type(even))
        .product-media
        > * {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }
    }

    /* When the GRID is on the RIGHT side */
    .product-information.product-information--media-right {
      /* One column */
      .media-gallery--grid.media-gallery--extend:not(.media-gallery--two-column) .product-media > *,
      /* Two column, small first image */
      .media-gallery--grid.media-gallery--extend.media-gallery--two-column:not(.media-gallery--large-first-image)
        .product-media-container:nth-of-type(even)
        .product-media
        > *,
      /* Two column, large first image */
      .media-gallery--grid.media-gallery--extend.media-gallery--two-column.media-gallery--large-first-image
        .product-media-container:is(:first-of-type, :nth-of-type(odd))
        .product-media
        > * {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }
    }
  }

  ::view-transition-old(gallery-item),
  ::view-transition-new(gallery-item) {
    animation-duration: 0ms;
  }
.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;
  }
.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;
  }

  /* Mint comment this code */
  /* .quick-add-modal__toggle:hover {
    color: rgb(var(--color-foreground-rgb) / var(--opacity-75));
  } */

  .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;
    }
  }
.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);
  }
.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);
    }
  }
.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;
    }
  }
.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;
  }
.section-wrapper {
    --section-height-offset: 0px;
  }

  .section[data-shopify-visual-preview] {
    min-height: var(--section-preview-height);
    padding-top: 0;
  }

  .section[data-shopify-visual-preview] .custom-section-background {
    display: none;
  }

  body:has(> #header-group > .header-section > #header-component[transparent]):not(
      :has(> #header-group > .header-section + .shopify-section)
    )
    > main
    > .section-wrapper:first-child {
    --section-height-offset: var(--header-group-height, 0);
  }

  .custom-section-background {
    grid-column: 1 / -1;
  }

  .custom-section-content {
    z-index: var(--layer-flat);
  }
.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;
    }
  }
.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;
    }
  }
.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%);
  }
.switcher-grid .grid-view--list .grid-view--item .button--grid-view {
    --color-inactive: rgba(var(--color-border-rgb) / 0.5);
    --color-active: var(--color-border);
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    padding: 3px;
    border: 1px solid var(--color-inactive);
  }

  .switcher-grid .grid-view--list .grid-view--item.active .button--grid-view {
    border-color: var(--color-active);
  }

  .switcher-grid .grid-view--list .grid-view--item.grid-view-2 .button--grid-view {
    width: 19px;
  }

  .switcher-grid .grid-view--list .grid-view--item.grid-view-4 .button--grid-view {
    width: 33px;
  }

  .switcher-grid .grid-view--list .grid-view--item.grid-view-5 .button--grid-view {
    width: 40px;
  }

  .switcher-grid .grid-view--list .grid-view--item .button--grid-view .icon {
    width: 20px;
    height: 100%;
  }

  .switcher-grid .grid-view--list .grid-view--item.grid-view-5,
  .switcher-grid .grid-view--list .grid-view--item.grid-view-4,
  .switcher-grid .grid-view--list .grid-view--item.grid-view-3 {
    display: none;
  }

  .switcher-grid .grid-view--list .grid-view--item.active {
    background-color: var(--bg-white);
  }

  .switcher-grid .grid-view--list .grid-view--item + .grid-view--item {
    margin-left: 5px;
  }

  .switcher-grid .grid-view--list .grid-view--item .button--grid-view {
    position: relative;
    cursor: pointer;
  }

  .switcher-grid .grid-view--list .grid-view--item .button--grid-view:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 18px;
    top: 3px;
    left: 3px;
    background-color: var(--color-inactive);
  }

  .switcher-grid .grid-view--list .grid-view--item .button--grid-view.active:before {
    --color-inactive: var(--color-border);
  }

  .switcher-grid .grid-view--list .grid-view--item.grid-view-list .button--grid-view:before {
    width: 18px;
    height: 4px;
    box-shadow: 0 7px 0 var(--color-inactive), 0 14px 0 var(--color-inactive);
  }

  @media (min-width: 360px) {
    .switcher-grid .grid-view--list .grid-view--item.grid-view-2 .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-inactive);
    }
  }

  @media (min-width: 750px) {
    .switcher-grid .grid-view--list .grid-view--item.grid-view-3 {
      display: inline-block;
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-3 .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-inactive), 14px 0 0 var(--color-inactive);
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-3.active .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-active), 14px 0 0 var(--color-active);
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-3.active .button--grid-view {
      display: inline-block;
      vertical-align: middle;
    }
  }

  @media (min-width: 990px) {
    .switcher-grid .grid-view--list .grid-view--item.grid-view-4 {
      display: inline-block;
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-4 .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-inactive), 14px 0 0 var(--color-inactive), 21px 0 0 var(--color-inactive);
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-4.active .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-active), 14px 0 0 var(--color-active), 21px 0 0 var(--color-active);
    }
  }

  @media (min-width: 1600px) {
    .switcher-grid .grid-view--list .grid-view--item.grid-view-5 {
      display: inline-block;
    }

    .switcher-grid .grid-view--list .grid-view--item.grid-view-5 .button--grid-view:before {
      box-shadow: 7px 0 0 var(--color-inactive), 14px 0 0 var(--color-inactive), 21px 0 0 var(--color-inactive),
        28px 0 0 var(--color-inactive);
    }
  }
.tabs-component-panel-trigger.button.--active {
    color: var(--color-primary-button-hover-text);
    background-color: var(--color-primary-button-hover-background);
    border-color: var(--color-primary-button-hover-border);
  }

  .tabs-component-panel-trigger.button-secondary.--active {
    color: var(--color-secondary-button-hover-text);
    background-color: var(--color-secondary-button-hover-background);
    border-color: var(--color-secondary-button-hover-border);
  }

  .tabs-component-panel-trigger.link.--active {
    font-weight: 700;
    background-size: 100% 2px !important;
  }
:root {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] .text-block {
    --text-align-default: right;
  }

  [style*='--horizontal-alignment: flex-start'] > .text-block {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] > .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] > .text-block {
    --text-align-default: right;
  }

  @media screen and (max-width: 749px) {
    [style*='--horizontal-alignment-mobile: center'] .text-block {
      --text-align-default: center;
    }

    [style*='--horizontal-alignment-mobile: flex-end'] .text-block {
      --text-align-default: right;
    }

    [style*='--horizontal-alignment-mobile: flex-start'] > .text-block {
      --text-align-default: left;
    }

    [style*='--horizontal-alignment-mobile: center'] > .text-block {
      --text-align-default: center;
    }

    [style*='--horizontal-alignment-mobile: flex-end'] > .text-block {
      --text-align-default: right;
    }
  }

  .highlight_text--content.highlight_text--text {
    color: var(--color);
  }
  .highlight_text--content.highlight_text--underline {
    position: relative;
    display: inline-block;
    z-index: 1;

    &.highlight_text--active:after {
      transform: scaleX(1);
    }
  }
  .highlight_text--content.highlight_text--underline:after {
    content: '';
    display: block;
    position: absolute;
    bottom: calc(var(--underline-offset, 0.2em) * -1);
    left: 0;
    width: 100%;
    height: max(1px, var(--underline-height,0.18em));
    background: var(--color);
    z-index: -1;
    transition: transform var(--animation-slowest-smooth);
    transform: scaleX(0);
    transform-origin: left;
  }

  .text-border-style-bottom {
    --border-style: solid;
    position: relative;
    border: none;
    &::before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: var(--width-custom, 100%);
      height: var(--border-width);
      background: var(--border-color);
    }
  }

  .heading-border--solid {
    .text {
      width: auto;
    }

    &.text-block--align-left-mobile {
      --padding-inline: 0 1rem;
    }
    &.text-block--align-right-mobile {
      --padding-inline: 1rem 0;
    }
    &.text-block--align-center-mobile {
      --padding-inline: 1rem;
    }

    &::before {
      content: '';
      display: block;
      position: absolute;
      top: calc(50% - var(--border-width));
      left: 0;
      width: 100%;
      height: var(--border-width);
      background: var(--border-color);
    }

    .text {
      padding-inline: var(--padding-inline);
      background: var(--color-background);

      @media screen and (min-width: 1025px) {
        min-width: 42rem;
      }
    }

    @media screen and (min-width: 750px) and (max-width: 1024px) {
      &.text-block--align-left-tablet {
        --padding-inline: 0 1.5rem;
      }
      &.text-block--align-right-tablet {
        --padding-inline: 1.5rem 0;
      }
      &.text-block--align-center-tablet {
        --padding-inline: 1.5rem;
      }
    }

    @media screen and (min-width: 1025px) {
      &.text-block--align-left {
        --padding-inline: 0 2rem;
      }
      &.text-block--align-right {
        --padding-inline: 2rem 0;
      }
      &.text-block--align-center {
        --padding-inline: 2rem;
      }
    }
  }

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

    &.size-style {
      height: auto;
    }
  }

  .text-block > * {
    width: inherit;
    text-align: var(--text-align-mobile, var(--text-align-default));
    text-wrap: var(--text-wrap);

    @media screen and (min-width: 750px) and (max-width: 1024px) {
      text-align: var(--text-align-tablet, var(--text-align-default));
    }

    @media screen and (min-width: 1025px) {
      text-align: var(--text-align, var(--text-align-default));
    }
  }

  .text-block.text-block--custom-width  > * {
    width: 100%;
  }

  .text-block:not(.text-block--full-width-mobile).rte,
  .text-block:not(.text-block--full-width-mobile).paragraph {
    /* Safari doesn't support pretty, so fallback to balance */
    text-wrap: balance;
    text-wrap: pretty;
  }

  .text-block:not(.text-block--full-width-mobile):is(.h1, .h2, .h3, .h4, .h5, .h6) {
    text-wrap: balance;
  }

  /* Hide underline unless text is using paragraph styles. */
  .text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a {
    text-decoration-color: transparent;
  }

  .text-block h1,
  .text-block.h1 > * {
    margin-block: var(--font-h1--spacing);
  }

  .text-block h2,
  .text-block.h2 > * {
    margin-block: var(--font-h2--spacing);
  }

  .text-block h3,
  .text-block.h3 > * {
    margin-block: var(--font-h3--spacing);
  }

  .text-block h4,
  .text-block.h4 > * {
    margin-block: var(--font-h4--spacing);
  }

  .text-block h5,
  .text-block.h5 > * {
    margin-block: var(--font-h5--spacing);
  }

  .text-block h6,
  .text-block.h6 > * {
    margin-block: var(--font-h6--spacing);
  }

  .text-block p,
  .text-block.p > * {
    margin-block: var(--font-paragraph--spacing);
  }

  .text-block .text > *:first-child,
  .text-block > *:first-child {
    margin-block-start: 0;
  }

  .text-block .text > *:last-child,
  .text-block > *:last-child {
    margin-block-end: 0;
  }

  .text-block--align-left-mobile,
  .text-block--align-left-mobile > * {
    margin-inline-end: auto;
  }

  .text-block--align-center-mobile,
  .text-block--align-center-mobile > * {
    margin-inline: auto;
  }

  .text-block--align-right-mobile,
  .text-block--align-right-mobile > * {
    margin-inline-start: auto;
  }

  .text-block--background {
    background-color: var(--text-background-color);
    /* border-radius: var(--text-corner-radius); */

    /* To avoid text being cropped when using a border radius we add a minimum padding. */
    padding-block-start: max(var(--text-padding), var(--padding-block-start, 0));
    padding-block-end: max(var(--text-padding), var(--padding-block-end, 0));
    padding-inline-start: max(var(--text-padding), var(--padding-inline-start, 0));
    padding-inline-end: max(var(--text-padding), var(--padding-inline-end, 0));
  }

  .custom-color,
  .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *),
  .text-block a {
    color: var(--color);
  }

  .text-block a {
    text-underline-offset: 0.3rem;
  }

  .stoke_text--content {
    --fill-color: var(--color-foreground);
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-text-stroke: 1px var(--fill-color);
    background: linear-gradient(var(--fill-color) 0 100%) left / 0 no-repeat;
    color: transparent;
    background-clip: text;
    transition: background-size var(--animation-slowest-smooth);

    /* &:hover {
        background-size: 100%;
      } */
  }

  @media screen and (min-width: 750px) and (max-width: 1024px) {
    .text-block:not(.text-block--full-width-tablet).rte,
    .text-block:not(.text-block--full-width-tablet).paragraph {
      /* Safari doesn't support pretty, so fallback to balance */
      text-wrap: balance;
      text-wrap: pretty;
    }

    .text-block:not(.text-block--full-width-tablet):is(.h1, .h2, .h3, .h4, .h5, .h6) {
      text-wrap: balance;
    }

    .text-block--align-left-tablet,
    .text-block--align-left-tablet > * {
      margin-inline-end: auto;
    }

    .text-block--align-center-tablet,
    .text-block--align-center-tablet > * {
      margin-inline: auto;
    }

    .text-block--align-right-tablet,
    .text-block--align-right-tablet > * {
      margin-inline-start: auto;
    }
  }

  @media screen and (min-width: 1025px) {
    .text-block:not(.text-block--full-width).rte,
    .text-block:not(.text-block--full-width).paragraph {
      /* Safari doesn't support pretty, so fallback to balance */
      text-wrap: balance;
      text-wrap: pretty;
    }

    .text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) {
      text-wrap: balance;
    }

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

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

    .text-block--align-right,
    .text-block--align-right > * {
      margin-inline-start: auto;
    }
  }

  @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);
    }

    .text-animation-visible[data-text-effect='blur'] {
      filter: blur(0);
      opacity: 1;
      scale: 1;
    }

    /* Reveal effect */
    [data-text-effect='reveal'],
    [data-text-effect='reveal'] .text-animation-line {
      overflow: hidden;
    }

    [data-text-effect='reveal'] .text-animation-line * {
      transform: translateY(100%);
    }

    .text-animation-visible[data-text-effect='reveal'],
    .text-animation-visible[data-text-effect='reveal'] .text-animation-line {
      overflow: visible;
      transition: overflow 0s linear 0.75s;
    }

    .text-animation-visible[data-text-effect='reveal'] .text-animation-line * {
      transition: transform 0.5s var(--animation-timing-fade-in) 0.05s;
      transform: translateY(0);
    }

    /* Text animations */
    split-words:not(:has(animated-element)) {
      opacity: var(--opacity-0);
    }

    split-words .word {
      overflow: hidden;
      line-height: 1;
      margin: -.1em -.05em;
      padding: .1em .05em;
    }

    split-words[data-animate-type='slide-up'] animated-element {
      transform: translateY(95%);
      opacity: 0;
    }
  }

  collapsible-text {
    position: relative;

    [data-collapse-button-more],
    [data-collapse-button-less] {
      display: none;
    }

    &.is-collapsed {
      [data-collapse-button-more] {
        display: block;
      }
      [data-collapse-button-less] {
        display: none;
      }
    }
    &.is-expanded {
      [data-collapse-button-more] {
        display: none;
      }
      [data-collapse-button-less] {
        display: block;
      }
    }
  }

  .collection-description-preview {
    overflow: hidden;
  }

  .collection-description-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
  }
.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%;

    color-swatch {
      margin-top: 0.7rem;
    }
  }

  .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,
  .variant-selects--center .swatch-custom ul {
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .variant-selects--right,
  .variant-selects--right .variant-option,
  .variant-selects--right .swatch-custom ul {
    text-align: right;
    justify-content: right;
  }

  .swatch-custom {
    margin-bottom: 11px;
  }

  .swatch-custom ul {
    column-gap: 10px;
  }

  .swatch-custom .item-custom--image .item-custom--inner {
    display: block;
    width: var(--swatch--size);
    height: var(--swatch--size);
    cursor: pointer;
    border-radius: var(--swatch--border-radius);
    text-align: center;
    font-size: 0;
    letter-spacing: 0;
    position: relative;
    background-size: cover;
  }
.video-interaction-hint {
    opacity: var(--opacity-0);
    transition: opacity 0.3s ease;
    z-index: var(--layer-flat);
  }

  .video-interaction-hint:hover {
    opacity: var(--opacity-100);
  }
.video-modal__content ,
  .modal--popup[open] .video-modal__content {
    transform: none;
  }
  @media screen and (min-width: 750px) {
    .video-modal .drawer__close {
      position: absolute;
      top: -2rem;
      right: -2rem;
      background-color: #000;
      color: #fff;
    }
  }
.video-interaction-hint {
    opacity: var(--opacity-0);
    transition: opacity 0.3s ease;
    z-index: var(--layer-flat);
  }

  .video-interaction-hint:hover {
    opacity: var(--opacity-100);
  }