#product-option {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Adjust spacing between items as needed */
}

#product-option .form-group {
    flex: 0 0 100%; /* Full width by default (mobile) */
    max-width: 100%;
}

@media (min-width: 768px) {
    #product-option .form-group {
        flex: 0 0 30%;    /* Three per row, leave a bit of space for gap */
        max-width: 32%;
    }
}