.option-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

#productConfigurableOptions .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.option-btn {
    padding: 10px 18px;
    border: 1px solid #555;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.option-btn:hover {
    border-color: #888;
}

.option-btn.active {
    background: #e05a5a;
    border-color: #e05a5a;
    color: #fff;
}
@media (max-width: 575px) {
    .option-buttons {
        grid-template-columns: repeat(2, 1fr);
    }
}