/*! src/sections/product-recommendations/product-recommendations.scss */ .product-recommendations-list {
  --this-columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--this-columns), 1fr);
  grid-auto-rows: 1fr;
  gap: calc(var(--base-gap) / 3 * 2);
}
@media (min-width: 768px) {
  .product-recommendations-list {
    --this-columns: 2;
  }
}
@media (min-width: 1280px) {
  .product-recommendations-list {
    --this-columns: 4;
  }
}