@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;
}

/* collection all css start */

.facets-vertical .facets-wrapper #FacetsWrapperDesktop .active-facets.active-facets-desktop{
  display: none;
}

.template-collection{
  .collection-all_wrapper{
    padding: 44px 0 40px;
    @media(max-width:1023px){
      padding: 40px 0;
    }
  }
  .facets-wrapper{
    .facets-container{
      .facets__disclosure-vertical{
        margin-bottom: 22px;
        .facets__summary{
          border-bottom: 1px solid var(--color-232323);
          padding: 10px 0;
          &:first-of-type{
            padding: 0px 0 10px;
          }
          span{
            font-family: var(--font-montserrat);
            font-weight: 600;
            font-size: 18px;
            line-height: normal;
            letter-spacing: 0;
            text-transform: uppercase;
            color: var(--color-232323);
          }
          &:hover{
            color: var(--color-232323);
            .facets__summary-label{
              text-decoration: none;
            }
          }
        }
        .facets__display-vertical{
          padding-bottom: 0;
          .facets__header-vertical{
            display: none;
          }
          .facets-wrap-vertical{
            padding: 0 ;
            margin: 0;
          }
          .facets-layout.facets-layout-list{
            padding-top: 32px;
            @media(max-width: 991px){
              padding-top: 22px;
            }
          }
        }
        .list-menu__item.facets__item{
          .facet-checkbox__text{
            font-family: var(--font-jakarta);
            font-weight: 400;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.28px;
            color: var(--color-232323b2);
          }
          span.facet-checkbox__text-label {
            font-family: var(--font-jakarta);
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.28px;
            text-transform: capitalize;
            color: var(--color-232323);
          }
        }
        .facets__price{
          .price-range-filter{  
            display: flex;
            align-items: center;
            gap: 15px;
            padding-top: 30px;
            .price-input {
              display: flex;
              align-items: center;
              border: 1px solid var(--color-232323);
              border-radius: 9999px;
              padding: 10px 12px;
              max-width: 142px;
              .price-field{
                  outline: none ;
                  border: none ;
                  width: 100%;
                &:focus, &:focus-visible{
                  outline: none;
                  box-shadow: unset;
                }
                &::placeholder{
                  color: var(--color-000000);
                  font-size: 16px;
                  font-family: var(--font-jakarta);
                  font-weight: 500;
                }
              }
              span.currency-symbol {
                  color: var(--color-000000);
                  font-size: 16px;
                  font-family: var(--font-jakarta);
                  margin-right: 5px;
                  font-weight: 500;
              }
            }
            span.price-separator {
                color: var(--color-232323b2);
                color: var(--color-000000);
                font-size: 16px;
                font-family: var(--font-jakarta);
                font-weight: 500;
            }
          }
        }
      }
    }
  }
  .product-grid-container{
    .head-wrapper{
      h2{
        font-family: var(--font-jakarta);
        font-weight: 700;
        font-size: 28px;
        line-height: normal;
        letter-spacing: 0;
        border-bottom: 1px solid #23232399;
        color: var(--color-232323);
        padding-bottom: 39px;
        padding-top: 40px;
        @media(max-width: 1023px){
          padding-bottom: 29px;
          padding-top: 30px;
        }
        @media(max-width: 749px){
          border-bottom: none;
        }
      }
    }
    .facets.facets-vertical-sort{
      padding: 0 !important;
      .facets-vertical-form{
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 35px 0 45px;
        @media(max-width: 1023px){
          padding: 25px 0 35px;
        }
        .product-count-vertical{
          margin: 0;
          opacity: 1;
          span#ProductCountDesktop {
              font-family: var(--font-jakarta);
              font-weight: 400;
              font-size: 18px;
              line-height: normal;
              letter-spacing: 0;
              color: var(--color-232323);
              @media(max-width: 1023px){
                font-size: 16px;
              }
          }
        }
        .facet-filters.sorting{
          .facet-filters__label{
            font-family: var(--font-jakarta);
            font-weight: 400;
            font-size: 18px;
            line-height: normal;
            letter-spacing: 0;
            color: var(--color-232323);
            @media(max-width: 1023px){
              font-size: 16px;
            }
          }
          .select{
            select{
              border: 1px solid var(--color-232323b2);
              padding: 14px 36px 14px 16px;
              &:focus, &:focus-visible{
                outline: none;
                box-shadow: unset;
              }
              @media(max-width: 1023px){
                padding: 10px 32px 10px 12px;
              }
            }
            .svg-wrapper{
              right: 16px;
            }
          }
        }
      }
    }
    .grid {
        column-gap: 16px;
        row-gap: 16px;
        li.grid__item {
          width: 100% !important;
          max-width: calc(33.33% - 11px) !important;
          @media(max-width:991px){
            max-width: calc(50% - 8px) !important;
          }
      }
    }
  }
}


/* collection all css end */