.cfa-swatches{display:block}
.cfa-group{margin:10px 0}
.cfa-title{margin-bottom:6px;font-weight:600}
.cfa-options{display:flex;flex-wrap:wrap;gap:8px}
.cfa-option{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d0d0d0;border-radius:8px;padding:3px;width:56px;height:56px;cursor:pointer;transition:box-shadow .2s,border-color .2s;background:#fff}
.cfa-option:hover{border-color:#888}
.cfa-option img{display:block;width:48px;height:48px;object-fit:cover;border-radius:6px}
.cfa-fallback{font-size:12px;padding:2px 6px}
.cfa-option input{display:none}
.cfa-option.selected{box-shadow:0 0 0 2px rgba(20,115,230,.35)}