.variant-selector{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.variant-group{display:flex;flex-direction:column;gap:.5rem}.variant-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#888)}.variant-options{display:flex;flex-wrap:wrap;gap:.5rem}.variant-chip{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.55rem 1rem;border:1.5px solid var(--color-border,#ddd);border-radius:99px;background:0 0;color:var(--color-text,#333);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s ease;user-select:none}.variant-chip:hover{border-color:var(--color-accent,#f2631c)}.variant-chip.is-active{border-color:var(--color-accent,#f2631c);background:var(--color-accent,#f2631c);color:#fff}.variant-swatch{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1.5px solid var(--color-border,#ddd);border-radius:99px;background:0 0;color:var(--color-text,#333);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .18s ease;user-select:none}.variant-swatch:hover{border-color:var(--color-accent,#f2631c)}.variant-swatch.is-active{border-color:var(--color-accent,#f2631c)}.variant-swatch-color{display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.variant-swatch-label{font-size:.85rem}