/* Common layout */
.etometry-color-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.etometry-swatch,
.shop-color-swatch {
  all: unset;
  display: inline-block;
  cursor: pointer;
  transition: transform 0.15s ease-in-out;
}
.etometry-swatch img,
.shop-color-swatch img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.etometry-swatch.active img,
.shop-color-swatch.active img {
  transform: scale(1.08);
  box-shadow: 0 0 0 2px #ccc;
}