@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .collection .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    left: 0;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}


.res-collection-banner {
  position: relative;
  img {
    width:100%;
    height: auto;
  }

  &:not(:has(img)) {
    .res-collection-banner__content {
      position:initial;
      transform:none;
      max-width:var(--page-width);
      padding-inline:5rem;
      padding-top: 3.5rem;
      margin-inline:auto;

      @media (max-width:750px) {
        padding-inline:16px;
      }
      .res-collection-banner__title {
        font-size:40px !important;
        line-height:1.2 !important;
         @media (max-width:750px) {
          font-size:20px !important;
         }
      }
      * {
        color: #000 !important;
      }
    }
  }
  .res-collection-banner__content {
        position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-inline: 5rem;

    * {
      margin:0;
    }
    .res-collection-banner__inner {
      display:flex;
      flex-direction:column;
      gap:1rem;

      .res-collection-text {
        font-family: "Montserrat",sans-serif;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 2.5px;
        vertical-align: middle;
        text-transform: uppercase;
        color:#ffc58c;
           @media (max-width:750px) {
          font-size:10px;
        }
      }
      .res-collection-banner__title {
        font-family: "Montserrat",sans-serif;
        font-weight: 800;
        font-style: ExtraBold;
        font-size: 60px;
        leading-trim: NONE;
        line-height: 56px;
        letter-spacing: 2.8px;
        vertical-align: middle;
        text-transform: uppercase;
        color:#fff;

        @media (max-width:750px) {
          font-size:26px;
          line-height:1.2
        }
      }
      .number-product-collection {
        font-family: "Montserrat",sans-serif;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 1.1px;
        vertical-align: middle;
        text-transform: uppercase;
        color:#fff;
           @media (max-width:750px) {
          font-size:8px;
        }
      }
    }
  }
}

.breadcrumbs {
  border-bottom: 1px solid #DCDCDC;

  @media (max-width:750px) {
    display:none;
  }
  .breadcrumbs__list {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    list-style: none;

    li {&:first-child {
  &::after {
    content: " › "
  }
}

    }

    a {
      font-family: "Montserrat",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 1.2px;
vertical-align: middle;
text-transform: uppercase;
color:#717171;
text-decoration:none; 


&[aria-current="page"] {
  color:#131313;
}
    }
  }
}

facet-filters-form.facets.facets-pill.small-hide {
      border-top: 1px solid #DCDCDC;
    margin-top: 10px;
    padding-top: 1rem;
}


@media (min-width:750px) {
  .facets-container-drawer .mobile-facets__wrapper {
    order:-2;
  }
  .product-count.light {
      order:-1;
  }
  h2.facet-filters__label.caption-large.text-body {
    display:none;
  }
  .select {
  .svg-wrapper {
      right: 7px;
    }
  }

  span.mobile-facets__open {
     height: 37px;
  }
  span.mobile-facets__open-label.button-label.small-hide {
    font-family: "Montserrat",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 1.4px;
text-align: center;
vertical-align: middle;
color:#131313;
text-transform: uppercase;

  }
  span#ProductCount {
    font-family: "Montserrat",sans-serif;
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0.8px;
vertical-align: middle;
color:#717171;
  }
 
}

@media (max-width:750px) {
  .product-count.light,
  h2.facet-filters__label.caption-large.text-body {
    display:none;
  }
.facets-container.facets-container-drawer.scroll-trigger.animate--fade-in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
menu-drawer.mobile-facets__wrapper {
  width: 100%;
  details.mobile-facets__disclosure.disclosure-has-popup {
    width: 100%;
    summary.mobile-facets__open-wrapper.focus-offset {
      width: 100%;
    }
  }
}
    facet-filters-form.facets {
      grid-column-start: auto;

      .svg-wrapper {
        right: 8px;
      }

      #FacetSortDrawerForm {
        display:block;
      }

      .facet-filters {
        padding:0;
      }
    }
}

}

 span.active-facets__button-inner.button.button--tertiary {
        background: #131313;
    color: #ffff;
    border-radius: 0;
    height: 42px;font-family: "Montserrat";
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 1px;
vertical-align: middle;
text-transform: uppercase;
@media (max-width:750px) {
     font-size: 10px;
     height: 35px;
}
  }
  facet-filters-form.facets.facets-pill.small-hide {
        display: flex;
    gap: 2rem;
  }
  p.facet-pill-title.small-hide {
    font-family: "Montserrat",sans-serif;
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 1px;
vertical-align: middle;
text-transform: uppercase;
color:#717171;
  }
  a.active-facets__button-remove.underlined-link {
    font-family: "Montserrat";
font-weight: 600;
font-style: SemiBold;
font-size: 13px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 1px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-offset: 0%;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
color:#717171;
  }

    select#SortBy,
  span.mobile-facets__open {
        border: 1px solid #DCDCDC;
    height: 46px;
    padding-inline: 2rem;

  }