/* Бегущая строка «Горячие ставки» (главная). Отдельно от #tickerBand. */
.hot-band{display:flex;align-items:stretch;border-bottom:1px solid var(--line-soft);background:#06241a;height:40px;overflow:hidden}
.hot-band[hidden]{display:none}
.hot-band[hidden]:not(.gone){display:flex!important;visibility:hidden} /* резерв высоты до загрузки — без сдвига */
.hot-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:0 14px;font:700 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--warning);background:#0a2f22;border-inline-end:1px solid var(--line-soft);white-space:nowrap}
.hot-view{flex:1 1 auto;min-width:0;overflow:hidden}
.hot-track{display:flex;width:max-content;align-items:center;height:40px;white-space:nowrap;will-change:transform}
.hot-track.run{animation:hot-run var(--hot-dur,40s) linear infinite}
.hot-band:hover .hot-track.run,.hot-band:focus-within .hot-track.run{animation-play-state:paused}
.hot-seq{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}
.hot-item{display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:var(--text);text-decoration:none;font:12px var(--mono);flex-shrink:0}
.hot-item:hover,.hot-item:focus-visible{color:#fff}
.hot-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.hot-t{max-width:340px;overflow:hidden;text-overflow:ellipsis}
.hot-p{color:var(--accent);font-weight:700}
.hot-sep{color:var(--faint);padding:0 2px}
@keyframes hot-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hot-run-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
html[dir=rtl] .hot-track.run{animation-name:hot-run-rtl}
@media (prefers-reduced-motion:reduce){
  .hot-track.run{animation:none}
  .hot-view{overflow-x:auto;scrollbar-width:thin}
  .hot-seq[aria-hidden=true]{display:none}
}
@media (max-width:600px){.hot-label{padding:0 10px}.hot-t{max-width:220px}}