.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.brand-tile{display:flex;align-items:center;justify-content:center;height:112px;padding:20px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s,box-shadow .2s,border-color .2s}
.brand-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary)}
.brand-tile svg{width:100%;height:56px}
.tx{font-weight:800;font-size:22px;color:var(--ink)}
.tx.realme{background:#FFC915;color:#111;padding:6px 14px;border-radius:4px;font-size:24px;letter-spacing:-.02em}
.tx.poco{letter-spacing:.06em;font-size:28px}
.tx.other{color:var(--primary);font-size:18px}
.fine{margin:20px 0 0;font-size:12px;color:var(--muted)}
@media(min-width:600px){.brand-grid{grid-template-columns:repeat(4,1fr);gap:16px}}