.zp-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zp-swatch{border-radius:var(--radius-lg);border:1px solid rgba(235,241,228,.10);background:rgba(16,21,20,.55);overflow:hidden}
.zp-swatch::before{content:"";display:block;height:54px;background:var(--sw);border-bottom:1px solid rgba(235,241,228,.08)}
.zp-swatch span{display:block;padding:10px 12px;color:rgba(235,233,223,.74);font-weight:760;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
@media (max-width:860px){.zp-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}