.filter-bar { background:#E7F1F1; border:0; padding:.8rem 1.25rem; border-radius:14px; justify-content:center; }
.filter-btn {    border-radius: 999px !important; background:transparent; border:0; font-weight:500; color:#111; border-radius:999px; padding:.5rem 1rem; }
.filter-btn.active { border-radius: 999px !important; background:#111; color:#fff; border:0; box-shadow:0 2px 0 rgba(0,0,0,.15); }
.filter-btn:not(.active):hover { background:rgba(0,0,0,.05); }

@media (max-width: 991.98px) { .filter-bar { border-radius:10px; } }


.product-card .card-img-top {
    background-color: #f5f5f5;
}

.color-swatches .swatch {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.info-banner {
    background-color: #E7F1F1 !important;
    margin-bottom: 2rem;
}

.filter-link {
    font-weight: 500;
}

.filter-link::after {
    margin-left: 0.5em;
}