.promo-marquee-container {
    width: 100%;
    height: 42px;
    background-color: #ffffff;
    color: #212529; /* Dark text for white background */
    font-size: 16px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid #eaeaea; /* Subtle border to separate from navbar */
    -webkit-font-smoothing: antialiased;
}

.promo-marquee-track {
    display: flex;
    width: max-content;
    animation-name: marquee-infinite;
    animation-duration: 45s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.promo-marquee-container:hover .promo-marquee-track {
    animation-play-state: paused; /* Pause on hover so users can click/read */
}

.promo-marquee-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

@keyframes marquee-infinite {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.promo-marquee-item {
    display: inline-flex;
    align-items: center;
    padding: 0 40px; /* Space between items */
    transform: translateZ(0);
}