/* Manufacturer directory: official artwork keeps its original proportions. */
body[data-page="brands"] .brand-directory { gap: 16px; }
body[data-page="brands"] .brand-tile { min-height: 184px; padding: 20px; justify-content: center; align-items: stretch; gap: 7px; }
body[data-page="brands"] .brand-tile.has-brand-logo { justify-content: flex-start; }
body[data-page="brands"] .brand-tile strong { font-family: var(--body); font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: 0; text-transform: none; }
body[data-page="brands"] .brand-tile small { font-size: 13px; line-height: 1.45; }
body[data-page="brands"] .brand-logo { display: flex; width: 100%; height: 86px; margin-bottom: 9px; padding: 10px; align-items: center; justify-content: center; border-radius: 6px; background: #fff; overflow: hidden; }
body[data-page="brands"] .brand-logo--dark { background: var(--carbon, #151719); }
body[data-page="brands"] .brand-logo img { display: block; width: 100%; max-width: 176px; height: 100%; max-height: 66px; object-fit: contain; }
@media (max-width: 620px) {
  body[data-page="brands"] .brand-directory { gap: 12px; }
  body[data-page="brands"] .brand-tile { min-height: 172px; padding: 16px; }
  body[data-page="brands"] .brand-logo { height: 78px; padding: 8px; }
  body[data-page="brands"] .brand-tile strong { font-size: 15px; }
}