.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)); } }