.or-swatch { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--or-line); cursor: pointer; padding: 0; box-sizing: border-box; flex: 0 0 auto; }
.or-swatch.active { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--or-ink); }
.or-slot-swatches { display: flex; flex-wrap: nowrap; gap: 14px; overflow-x: auto; padding: 5px 4px; }
.or-bundle-slot { align-items: center; }
@media (max-width: 420px) {
  .or-swatch { width: 26px; height: 26px; }
  .or-slot-swatches { gap: 12px; }
}