.swatches { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
.swatch { 
  width:44px; height:44px; border-radius:999px; 
  border:2px solid transparent; padding:0; background:#fff; 
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;
}
.swatch img { width:100%; height:100%; border-radius:999px; object-fit:cover; }
.swatch.is-selected { border-color:#111; box-shadow:0 0 0 1px #111 inset; }
.swatch:focus { outline:2px solid #000; outline-offset:2px; }