/* سولفنا — الترند في اكتشف v0.1 — 2026-10-25. متغيرات app.css الحالية فقط. */
.tr{display:flex;flex-direction:column;gap:10px}
.tr-head{display:flex;flex-direction:column;gap:2px}
.tr-title{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.tr-sub{font-size:12px;color:var(--muted)}
.tr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
@media (min-width:700px){.tr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}
.tr-grid>div{min-width:0}
.tr-tile{position:relative;display:block;width:100%;aspect-ratio:3/4;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--sys-bg);cursor:pointer;color:#fff;text-align:start}
.tr-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tr-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tr-tile.tr-noimg::before{content:"";position:absolute;inset:0;background:var(--brand-gradient);opacity:.35}
.tr-hot{position:absolute;top:6px;inset-inline-start:6px;padding:1px 8px;border-radius:99px;background:var(--brand-gradient);font-size:11px;font-weight:700;color:#fff}
.tr-cap{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:0;padding:18px 7px 6px;background:linear-gradient(to top,rgba(21,19,26,.82),rgba(21,19,26,0));min-width:0}
.tr-name{font-size:12px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-meta{font-size:10.5px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}