New product list: the same number of categories in the first row

Ecwid CSS

.grid__categories {
    &[data-cols="1"] {
        .grid-category {
            @include grid-category-settings(2, 2);
        }
    }
    
    @for $i from 2 through 10 {
        &[data-cols="#{$i}"] .grid-category {
            @include grid-category-settings($i, $i);
        }
    }

    &.grid__categories--large-items {
        &[data-cols="1"] {
            justify-content: center;
            .grid-category {
                max-width: 480px;
                @include grid-category-settings(1, 1);
            }
        }
    }
}