.tt-previews { line-height: 1.5; padding: 44px 40px 18px; background: #ffffff; color: #0A1628; }
.tt-previews__head { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.tt-previews__title { margin: 0; color: #0A1628; font-size: 22px; font-weight: 800; line-height: 1.5; letter-spacing: -0.02em; }
.tt-previews__all { color: #D6006E; font-size: 13.5px; font-weight: 600; text-decoration: none; }
.tt-previews__none { margin: 0; color: #5A6B7B; font-size: 14px; }
.tt-previews__summary { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.tt-previews__avg { margin: 0; font-size: 38px; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.tt-previews__based { display: flex; flex-direction: column; gap: 2px; }
.tt-previews__stars { position: relative; align-self: flex-start; width: max-content; line-height: 1; }
.tt-previews__stars p { margin: 0; color: #DCE0E6; font-size: 18px; line-height: 1; letter-spacing: 2px; }
.tt-previews__stars div { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; line-height: 1; }
.tt-previews__stars div p { color: #F59E0B; }
.tt-previews__count { margin: 0; color: #5A6B7B; font-size: 13px; }
@media (max-width: 640px) { .tt-previews { padding-left: 14px; padding-right: 14px; } .tt-previews__avg { font-size: 30px; } }