/**
 * Сетка карточек: «С этим покупают», «Недавно смотрели»
 */
.section.sawlist-section {
  margin-top: 100px;
}

.sawlist-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.sawlist-cards > .product__card {
  display: block;
  min-width: 0;
  max-width: 100%;
}

.sawlist-cards .product__col {
  min-width: 0;
}

.sawlist-cards .product__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  background-color: #fff;
}

.sawlist-cards .product__card.product__card--visability {
  display: block;
}

.product-category-related .sawlist-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .product-category-related .sawlist-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .product-category-related .sawlist-cards {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sawlist-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (min-width: 992px) {
  .sawlist-cards {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .sawlist-cards {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 28px;
  }
}