/* Scoped to colour attributes. Native WVS still controls enabled/selected states. */
.woo-variation-swatches .variable-items-wrapper.me-color-options {
 display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:14px 8px;
 width:100%;max-width:580px;margin:8px 0 20px;padding:5px 0;align-items:start;
}
.woo-variation-swatches .me-color-options .variable-item.me-color-option:not(.radio-variable-item) {
 width:auto!important;min-width:0;height:auto!important;min-height:86px;margin:0!important;padding:6px 2px!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#292720!important;
 display:flex;align-self:stretch;align-items:flex-start;cursor:pointer;white-space:normal;transition:none;
}
.woo-variation-swatches .me-color-options .me-color-option .variable-item-contents {
 display:flex!important;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;height:auto;width:100%;
}
.woo-variation-swatches .me-color-options .me-color-option .me-color-dot {
 position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;
 background:var(--me-color);border:1px solid #29272025;box-sizing:border-box;margin:0 0 9px;
 outline:1px solid transparent;outline-offset:4px;transition:outline-color .15s ease,transform .15s ease;
}
.woo-variation-swatches .me-color-options .me-color-option .me-color-name {
 display:block;font-weight:400;font-size:12px;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;
}
.woo-variation-swatches .me-color-options .me-color-option .me-color-material {
 display:block;margin-top:3px;font-size:10px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#706a63;text-align:center;
}
.woo-variation-swatches .me-color-options .me-color-option .me-color-check {
 display:none;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#a6472b;
 font:600 15px/1 sans-serif;box-shadow:0 1px 3px #0002;
}
.woo-variation-swatches .me-color-options .me-color-option.selected .me-color-dot {outline:2px solid #aa482d;outline-offset:4px;}
.woo-variation-swatches .me-color-options .me-color-option.selected .me-color-check {display:grid;}
.woo-variation-swatches .me-color-options .me-color-option.selected .me-color-name {font-weight:600;}
.woo-variation-swatches .me-color-options .me-color-option:not(.disabled):hover .me-color-dot {transform:translateY(-2px);outline-color:#aa482d;}
.woo-variation-swatches .me-color-options .me-color-option:focus-visible {outline:2px solid #292720!important;outline-offset:3px;border-radius:8px!important;}
.woo-variation-swatches .me-color-options .me-color-option.disabled {opacity:.4;cursor:not-allowed;}
.woo-variation-swatches .me-color-options .me-color-option:is(.disabled,.no-stock) .me-color-name {text-decoration:line-through;}
.woo-variation-swatches .me-color-options .me-color-option .variable-item-contents::before,
.woo-variation-swatches .me-color-options .me-color-option .variable-item-contents::after {display:none!important;}
.woo-variation-swatches .me-color-options .me-color-option .me-color-unmapped {background:transparent;border:1px dashed #847c72;}
@media(max-width:480px){
 .woo-variation-swatches .variable-items-wrapper.me-color-options {grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;}
 .woo-variation-swatches .me-color-options .variable-item.me-color-option:not(.radio-variable-item){min-height:90px;}
}
@media(prefers-reduced-motion:reduce){.me-color-options .me-color-dot{transition:none!important;}}