.rv-swatches {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 6px;
}
.rv-swatch {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  outline: 1.5px solid transparent;
  outline-offset: 3px;
  transition: outline-color 0.15s, transform 0.12s;
  padding: 0;
  flex-shrink: 0;
  display: block;
  text-decoration: none;
}
.rv-swatch:hover { transform: scale(1.12); }
.rv-swatch.rv-active { outline-color: #1c1c1c; }
.rv-swatch.rv-light.rv-active { outline-color: #aaa; }