/* Brand directory (archive-brand.php). */
.brand-directory-grid {
    display: grid !important;
    grid-template-columns: repeat(8, 1fr) !important;
    gap: 0.75rem !important;
}
@media (max-width: 1200px) {
    .brand-directory-grid {
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0.75rem !important;
    }
}
@media (max-width: 900px) {
    .brand-directory-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 0.65rem !important;
    }
}
@media (max-width: 600px) {
    .brand-directory-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.5rem !important;
    }
}
@media (max-width: 400px) {
    .brand-directory-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5rem !important;
    }
}
