/* Native Varianten-Swatches (ersetzt woo-variation-swatches). */
.cps-swatch-hidden { display: none !important; }
.cps-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0;
}
.cps-swatch {
    border: 1px solid #cfcfcf;
    background: #fff;
    color: #2a2a2a;
    padding: 9px 18px;
    border-radius: 4px;
    cursor: pointer;
    font-size: .92rem;
    line-height: 1.2;
    transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.cps-swatch:hover { border-color: #c49944; }
.cps-swatch.is-active {
    border-color: #c49944;
    background: #c49944;
    color: #fff;
}