/* Variation Swatches */
.radin-swatches-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 16px;
}

.radin-swatch-item {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    outline: none;
}

.radin-swatch-item:hover,
.radin-swatch-item.selected {
    border-color: var(--radin-primary, #3b82f6);
    background: rgba(59, 130, 246, 0.08);
    color: var(--radin-primary, #3b82f6);
}