/*
 * brand-center.css
 * ─────────────────────────────────────────────────────────────
 * Centers the brand-cards grid in the window.
 * The existing .brands-grid uses repeat(6, 1fr) which stretches
 * cards across all 6 tracks even when fewer cards are present.
 * This override switches to auto-fit fixed-width columns and
 * sets justify-content: center so the cards cluster in the middle.
 * Purely additive — no existing CSS or HTML is modified.
 * ─────────────────────────────────────────────────────────────
 */

.brands-grid {
    grid-template-columns: repeat(auto-fit, 160px);
    justify-content: center;
}