@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_grid {
  /* filter Topbar */
  .facets-vertical-form {
    margin-bottom: 37px;

      .filter_title {
        transition: max-width .5s ease;
        max-width: 440px;
        width: 100%;
        padding-right: 3rem;
        gap: 25px;
        @media(max-width:1400px){
          max-width: 370px;
        }
        @media(max-width:1200px){
          max-width: 300px;
        }
      }
      .collection_breadcrumb {
            flex-grow: 1;
            .bc_item {
                line-height: 128%;
                letter-spacing: -0.32px;
                color: inherit;
                text-decoration: none;
            }
      }
      .facet-filters__label {
        font-size:16px;
      }
      .facet-filters__sort {
        box-shadow:none;
        border:none;
        outline:none;
        font-size: 16px;
        color: inherit;
        padding-right: 30px;

        + .svg-wrapper {
          top: 7px;
          right: 9px;
        }
      }
  }

    /* Product Grid */
  .product-grid-container  {
    .grid__item {
      .card-wrapper .card--media {
        .card__inner {
          height: 400px;
          transition: height .4s ease;
          @media (max-width:1400px){
            height: 280px;
          }
          @media (max-width:1200px){
            height: 220px;
          }
            .card__media {
              border-radius: 24px;
              border: 1px solid #F6F6F6;
              background: #f6f6f6;
              display: flex;
              align-items: center;
              padding: 50px 20px 80px;

              @media (max-width:576px){
                  border-radius: 16px;
                  padding: 20px 10px 60px;
              }
              .media {
                    width: calc(100% - 40px);
                    @media (max-width:767px){
                      width: calc(100% - 20px);
                    }
                img {
                  object-fit:contain;
                }
              }
            }
            .card__content .quick-add .quick-add__submit {
              @media (max-width:767px){
                margin-bottom: 9px;
              }
            }
            .card_link_icon {
              width:41px;
              height:41px;
              padding: 10px;
              @media (max-width:767px){
                top: 10px;
                width: 32px;
                height: 32px;
                padding: 7px;
                right: 10px;
              }
            }
        }
      
        .card__information {
            padding:16px 0;
            h3 {
              font-size: 18px;
              font-weight: 500;
              line-height: 19px; 
              margin:0 0 13px;
            }
            .price .price-item {
              font-weight:300 ;
            }
            .price__container .unit-price:before {
              width: 1px;
              height: 15px;
              left: 8px;
              top: 2px;
            }
        } 
      }  
    }
  }
}