/* Shared compact layout for the home page and brand directory. */
[data-live-brands] .all-brands-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
[data-live-brands] .brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;margin:0;padding:16px 10px;border:1px solid #dedede;background:#fff;text-align:center}
[data-live-brands] .brand-logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px;margin:0 0 12px;overflow:hidden}
[data-live-brands] .brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:54px;object-fit:contain}
[data-live-brands] .brand-wordmark{font:600 13px/1.35 Arial,sans-serif;overflow-wrap:normal;word-break:normal;color:#252525}
[data-live-brands] .brand-logo+h2{display:none}
[data-live-brands] .brand-tile>h2:first-child{display:flex;align-items:center;justify-content:center;min-height:64px;margin:0 0 12px;font:600 13px/1.35 Arial,sans-serif;overflow-wrap:normal;word-break:normal}
[data-live-brands] .brand-tile .text-link{font-size:12px;line-height:1.5;margin:0;max-width:100%;overflow-wrap:anywhere}
[data-live-brands] [data-brand-status]{font-size:13px;line-height:1.5;margin:0 0 18px;color:#666}
@media(max-width:1000px){[data-live-brands] .all-brands-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){[data-live-brands] .all-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:480px){[data-live-brands] .all-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}[data-live-brands] .brand-tile{padding:12px 8px}}
@media(max-width:720px){
  [data-live-brands]{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  [data-live-brands] .brand-logo{height:72px;margin-bottom:8px}
  [data-live-brands] .brand-logo img{width:100%;height:64px;max-width:160px;max-height:64px;object-fit:contain}
  [data-live-brands] .brand-wordmark,[data-live-brands] .brand-tile>h2:first-child{font-size:12px;line-height:1.35;font-weight:600}
  [data-live-brands] .brand-tile .text-link{font-size:11px;line-height:1.5;white-space:nowrap;letter-spacing:0}
  [data-live-brands] [data-brand-status]{font-size:12px}
}
@media(max-width:600px){[data-live-brands] .all-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}