


.app-section__head h1{margin:3px 0 0;font-size:clamp(1.65rem,2.4vw,2.45rem);line-height:1.08;letter-spacing:-.045em}
body.is-rtl .app-section__head h1{letter-spacing:-.02em}


.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px}
.platform-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-decoration:none}
.platform-card:hover{border-color:var(--red)}
.platform-card img{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:none}
.platform-card__fallback{width:48px;height:48px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--red-2),var(--red-deep));color:#fff;font-weight:900;font-size:1.05rem}
.platform-card__text{min-width:0}
.platform-card__name{display:block;font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-card__count{display:block;margin-top:3px;color:var(--muted);font-size:.75rem}

@media (max-width:640px){
  .platform-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
  .platform-card{padding:12px;gap:10px}
  .platform-card img,.platform-card__fallback{width:38px;height:38px;border-radius:10px}
}
