.qk-variant-option{flex-direction:column;gap:8px;display:flex}.qk-variant-option+.qk-variant-option{margin-top:12px}.qk-variant-option__label{color:var(--brand-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.qk-variant-option__selected{text-transform:none;letter-spacing:normal;color:var(--brand-text,#1a1a1a);font-weight:400}.qk-variant-option__values{flex-wrap:wrap;gap:8px;display:flex}.qk-variant-swatch{border:2px solid color-mix(in srgb,var(--brand-text,#1a1a1a)12%,transparent);cursor:pointer;background-position:50%;background-size:cover;border-radius:50%;width:32px;height:32px;padding:0;overflow:hidden}.qk-variant-swatch.is-selected{border-color:var(--brand-primary,#229879);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary,#229879)30%,transparent)}.qk-variant-swatch--image img{object-fit:cover;width:100%;height:100%;display:block}.qk-variant-option__btn{border:1px solid color-mix(in srgb,var(--brand-text,#1a1a1a)12%,transparent);background:var(--brand-surface,#fff);color:var(--brand-text,#1a1a1a);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:border-color .15s,background .15s}.qk-variant-option__btn.is-selected{border-color:var(--brand-primary,#229879);background:color-mix(in srgb,var(--brand-primary,#229879)12%,var(--brand-surface,#fff));font-weight:600}