.card-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 10px;line-height:1;}
.card-swatch{width:22px;height:22px;padding:0;margin:0;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 1px #fff inset;cursor:pointer;display:inline-block;flex:0 0 auto;-webkit-appearance:none;appearance:none;font:inherit;color:inherit;outline:none;transition:transform .15s ease,box-shadow .15s ease;}
.card-swatch:hover,.card-swatch.is-active{transform:scale(1.12);box-shadow:0 0 0 2px #000;}
.card-swatch:focus-visible{box-shadow:0 0 0 2px #000;}
.card-swatch--more{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#000;background:#f2f2f2;text-decoration:none;}
.card-swatch--more:hover{transform:scale(1.12);box-shadow:none;}
@media (max-width:749px){.card-swatch{width:20px;height:20px;}}