.tt-lgrid { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: var(--gap); width: 100%; }
.tt-lgrid--row { display: flex; overflow-x: auto; scrollbar-width: none; }
.tt-lgrid--row::-webkit-scrollbar { display: none; }
.tt-lgrid--row > * { flex: 0 0 var(--item); min-width: 0; }
@media (max-width: 1024px) { .tt-lgrid--grid { grid-template-columns: repeat(var(--tcols), minmax(0, 1fr)); } }
@media (max-width: 640px) { .tt-lgrid { gap: var(--mgap); } .tt-lgrid--grid { grid-template-columns: repeat(var(--mcols), minmax(0, 1fr)); } }
.tt-lgrid__card { display: flex; flex-direction: column; align-items: center; gap: 13px; padding: 4px 0; color: inherit; text-decoration: none; }
.tt-lgrid__media { position: relative; width: 100%; aspect-ratio: 1 / 1; background: #F1F3F7; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(10,22,40,0.05); overflow: hidden; }
.tt-lgrid__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tt-lgrid__fallback { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0 12px; background: #E7EAF0; color: #0A1628; font-size: 13px; font-weight: 700; text-align: center; }
.tt-lgrid__name { display: -webkit-box; margin: 0; line-height: 1.5; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #0A1628; font-size: 14px; font-weight: 700; letter-spacing: -0.01em; text-align: center; }