/* контейнер — ты уже сделал правильно */
.t-product__option-variants {
    width: 500px;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
}

/* ВАЖНО: переопределяем item */
.t-product__option-item {
    width: 150px !important;       /* 3–4 в ряд */
    min-width: unset !important;
    flex: 0 0 auto !important;
    margin: 6px 6px 0 0;
}
</style>