@media screen and (max-width: 699px) {
  .shopify-section--related-products .sm\:container--flush {
    margin-inline: 0;

    scroll-carousel {
      gap: 0;
    }

    product-card {
      padding-inline: max(
        var(--container-gutter),
        50% - var(--container-max-width) / 2
      );
    }
  }
}

@media screen and (min-width: 700px) {
  .shopify-section--related-products .product-list,
  .shopify-section--recently-viewed-products .product-list {
    --product-list-card-width: 25%;
  }
}