.woo-options-wrapper { margin-bottom:20px; }
.woo-option-group { margin-bottom:22px; }
.woo-option-items { display:flex; flex-wrap:wrap; gap:12px; }

.woo-option-item {
    cursor:pointer;
    border:2px solid #ddd;
    border-radius:6px;
    padding:6px;
    text-align:center;
    min-width:40px;
    transition:.2s;
    user-select:none;
}

.woo-option-item.selected {
    border-color:#000;
    box-shadow:0 0 0 1px #000;
}

.woo-option-item.image img {
    width:40px;
    height:40px;
    object-fit:cover;
    display:block;
    margin:auto;
}

.woo-option-item.color {
    width:40px;
    height:40px;
}

@media(max-width:768px){
    .woo-option-items { gap:8px; }
    .woo-option-item { min-width:36px; }
}