.collection-grid-wrapper {
  overflow: hidden;
}

.collection-grid {
  position: relative;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 24px;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
@media only screen and (min-width: 992px) {
  .collection-grid {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 32px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  .collection-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .collection-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.collection-grid .spinner {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: none;
}
.collection-grid.loading .product-card,
.collection-grid.loading .collection-cta-banner {
  opacity: 0.6;
  filter: blur(2.4px) grayscale(0.2);
}
.collection-grid.loading .spinner {
  display: block;
}

.collection__content {
  position: relative;
  gap: 28px;
  display: grid;
  padding-top: 36px;
}
@media only screen and (min-width: 1025px) {
  .collection__content {
    grid-template-columns: 290px 3fr;
  }
}

.collection_loadmore {
  margin-top: 40px;
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  .collection-cta-banner {
    grid-column-end: span 2;
  }
}
.collection-cta-banner .cta-card__content {
  align-items: flex-start;
}

@media only screen and (min-width: 1200px) {
  .collection-cta-banner--large {
    grid-column-end: span 2;
  }
}
@media only screen and (min-width: 1399.98px) {
  .collection-cta-banner--large .cta-card__content {
    max-width: 75%;
  }
}