.marquee-container {
     background: #2b2b2b;
     padding: 12px 0;
     overflow: hidden;
     border-top: 3px solid #ff0000;
     border-bottom: 1px solid #444;
     position: relative;
}

.marquee-track {
     display: flex;
     width: max-content;
}

.marquee-item {
     display: flex;
     white-space: nowrap;
     color: white;
     font-size: 16px;
     gap: 50px;
     padding: 0 20px;
}

.marquee-item span {
     margin: 0 15px;
}

.marquee-container:hover .marquee-track {
     animation-play-state: paused;
}

.badge {
     background: #ff0000;
     color: white;
     padding: 2px 10px;
     border-radius: 4px;
     font-weight: bold;
     margin-right: 8px;
}

@media (prefers-reduced-motion: reduce) {
     .marquee-track {
          animation: none !important;
     }
}