/* Full, symmetric rows of tiles (owner, 2026-11-15). The column counts come from inc/even-rows.php as --c1..--c4;
   a last row that cannot be full is centred. Used by the home brands and the logo pages (clients, brands). */
body .bm-even {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    --c: var(--c1, 2);
    --g: 12px;
    gap: var(--g) !important;
}
body .bm-even > * {
    flex: 0 0 calc((100% - (var(--c) - 1) * var(--g)) / var(--c));
    max-width: calc((100% - (var(--c) - 1) * var(--g)) / var(--c));
    width: auto;
    min-width: 0;
}
/* Logo tiles had their padding in % of the grid cell; in a flex row % means % of the whole row, so fixed values. */
body .bm-even > .barami-logo-tile { padding: 12px 14px; }
@media (min-width: 768px) {
    body .bm-even > .barami-logo-tile { padding: 16px 20px; }
}
@media (min-width: 640px) {
    body .bm-even { --c: var(--c2, 3); --g: 16px; }
}
@media (min-width: 768px) {
    body .bm-even { --c: var(--c3, 4); --g: 20px; }
}
@media (min-width: 1024px) {
    body .bm-even { --c: var(--c4, 6); --g: 22px; }
}