.section-product-grid {
  .product-grid {
    margin-top: 3.2rem;

    display: grid;
    grid-template-columns: repeat(var(--columns-desktop, 4), 1fr);
    gap: 2.4rem;
    list-style: none;

    .collection-grid-banner-wrapper {
      grid-column: span 2;
    }

    @media screen and (max-width: 1200px) {
      margin: 3.2rem 0 0;
      padding: 0;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.6rem;
    }
  }
}