.color-swatch {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.15);
    vertical-align: middle;
}
.product-card img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.match-badge-best { background: #198754; }
.match-badge-good { background: #0d6efd; }
.match-badge-regular { background: #6c757d; }