.variations_form .allwoo-color-swatches[hidden] { display: none; }
.variations_form select.allwoo-swatches-select { display: none !important; }
.variations_form .allwoo-color-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.variations_form .allwoo-color-swatch {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    width: 72px; min-height: 72px; margin: 0; padding: 5px;
    border: 2px solid #dedede; border-radius: 6px; background: #fff;
    color: #333; cursor: pointer; line-height: 1.25; box-shadow: none;
}
.variations_form .allwoo-color-swatch img { display: block; width: 58px; height: 58px; object-fit: contain; margin: 0; }
.variations_form .allwoo-color-swatch span { font-size: 11px; overflow-wrap: anywhere; }
.variations_form .allwoo-color-swatch.is-unavailable img { opacity: .3; filter: grayscale(1); }
.variations_form .allwoo-color-swatch.is-unavailable { border-style: dashed; }
.variations_form .allwoo-color-swatch[aria-pressed="true"] { border-color: #222; box-shadow: 0 0 0 1px #222; }
.variations_form .allwoo-color-swatch:hover { border-color: #777; background: #f8f8f8; }
.variations_form .allwoo-color-swatch:focus-visible { outline: 3px solid #1769aa; outline-offset: 3px; }