.promo-banner {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--nav-h, 0px); /* juste sous le header */
    width: 100%;
    background: transparent;
    color: var(--fg, #fff);
    border-bottom: var(--border);
    overflow: hidden;
    font-size: 20px;
    backdrop-filter: blur(8px);
    z-index: 2050; /* sous le header, au-dessus du contenu */
}

.promo-track {
    white-space: nowrap;
    will-change: transform;
}

.promo-items {
    display: inline-block;
    padding: 8px 0; /* hauteur du bandeau */
}

.promo-item {
    display: inline-block;
    padding: 0 8px;
}

.sep {
    opacity: .6;
    margin: 0 16px;
}

/* part de la droite (offset) vers la gauche (-width) */
@keyframes promo-scroll {
    from {
        transform: translateX(var(--start, 0px));
    }

    to {
        transform: translateX(calc(var(--w, 0px) * -1));
    }
}

/* Pause au survol (le JS bascule aussi play/pause) */
.promo-banner:hover .promo-track {
    animation-play-state: paused;
}