.jff-swatches{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:6px;margin:.4rem 0 .5rem;}
  .card-wrapper .jff-swatches{pointer-events:auto;}
  .jff-swatch{--sw:#ddd;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--sw);cursor:pointer;position:relative;outline-offset:2px;flex:none;}
  .jff-swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3px #121212;}
  .jff-swatch.is-soldout{opacity:.45;}
  .jff-swatch.is-soldout::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#121212;transform:rotate(45deg);}
  @media (max-width:749px){.jff-swatch{width:16px;height:16px;}.jff-swatches{gap:5px;}}