main { max-width: 440px; margin: 7vh auto; padding: 0 16px; }
.brandgrid { display: grid; gap: 10px; margin-top: 12px; }
.brandcard { display: flex; align-items: center; gap: 12px; text-align: left; width: 100%; padding: 12px; }
.brandcard img, .logo-ph { width: 44px; height: 44px; border-radius: 10px; object-fit: contain; background: var(--bg); border: 1px solid var(--line); flex: none; }
.logo-ph { display: grid; place-items: center; font-weight: 700; color: var(--muted); }
.brandcard .meta { flex: 1; } .brandcard .name { font-weight: 600; }
.title { text-align: center; margin-bottom: 16px; }