Change how many variants are shown per row

main-product.liquid

{% assign variants_per_row_desktop = 4 %}
{% assign variants_per_row_mobile = 3 %}

<style>
    @media (min-width: 750px){
      [id*='ProductInfo-'] variant-radios fieldset,
  [id*='ProductInfo-'] variant-selects fieldset{
      display: grid;
       grid-template-columns: repeat(auto-fill, minmax(calc(100% / {{ variants_per_row_desktop }}), 1fr));
  }

    }

    @media (max-width: 749px){
      [id*='ProductInfo-'] variant-radios fieldset,
  [id*='ProductInfo-'] variant-selects fieldset{
      display: grid;
          grid-template-columns: repeat(auto-fill, minmax(calc(100% / {{ variants_per_row_mobile }}), 1fr));
  }
    }
</style>