/* Branxify Wave Marquee */

.brx-wave-marquee {
    overflow: hidden;
    width: 100%;
}

.brx-wave-title {
    margin: 0 0 30px;
    text-align: center;
    line-height: 1.2;
}

.brx-wave-track {
    display: flex;
    gap: 50px;
    width: max-content;
    animation: brx-marquee 30s linear infinite;
    will-change: transform;
}

.brx-wave-item {
    width: 320px;
    flex-shrink: 0;
    border-radius: 20px;
    display: block;
    height: auto;
}

.brx-wave-item.odd {
    margin-top: -70px;
}

.brx-wave-link {
    flex-shrink: 0;
    display: block;
    line-height: 0;
}

/* Pause on hover */
.brx-wave-track.brx-pause-on-hover:hover {
    animation-play-state: paused;
}

/* Default direction = left */
@keyframes brx-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Right direction */
.brx-wave-dir-right .brx-wave-track {
    animation-name: brx-marquee-right;
}

@keyframes brx-marquee-right {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
    .brx-wave-track {
        animation: none;
    }
}