.news-ticker-bar {
    display: flex; align-items: center; gap: 10px;
    height: 36px; padding: 0 16px;
    background: #111114; color: #f2f2f2;
    border-bottom: 1px solid #1a1a1d;
    overflow: hidden; box-sizing: border-box;
    font-family: var(--font-ar);
}
.news-ticker-bar:focus,
.news-ticker-bar:focus-visible { outline: 2px solid #FF7276; outline-offset: -2px; }
.news-ticker-icon {
    flex: 0 0 auto; width: 16px; height: 16px; color: #C1272C;
    display: inline-flex; align-items: center; justify-content: center;
}
.news-ticker-icon i { width: 16px; height: 16px; }
.news-ticker-viewport { flex: 1 1 auto; min-width: 0; overflow: hidden; height: 100%; display: flex; align-items: center; }
.news-ticker-track {
    display: flex; align-items: center; gap: 0; white-space: nowrap; width: max-content;
}
.news-ticker-track:not(.is-scrolling) { width: 100%; justify-content: center; }
.news-ticker-item { font-size: var(--text-sm); font-weight: 700; }
.news-ticker-sep { color: #8E8E99; font-size: var(--text-xs); margin: 0 10px; }
.news-ticker-track.is-scrolling { animation: news-ticker-scroll var(--ticker-duration, 26s) linear infinite; }
.news-ticker-bar:hover .news-ticker-track.is-scrolling,
.news-ticker-bar:focus .news-ticker-track.is-scrolling,
.news-ticker-bar:focus-within .news-ticker-track.is-scrolling { animation-play-state: paused; }

@keyframes news-ticker-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(calc(var(--ticker-shift, 50%) * var(--x-to-start))); }
}
@media (max-width: 480px) {
    .news-ticker-bar { padding: 0 12px; height: 34px; gap: 8px; }
    .news-ticker-item { font-size: var(--text-xs); }
}