.slm-marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

/* SADA SE ANIMIRA INNER, NE TRACK */
.slm-marquee__inner {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: slm-marquee-left linear infinite;
    animation-duration: var(--slm-marquee-duration, 25s);
}



/* Dve trake stoje jedna do druge prirodno */
.slm-marquee__track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.slm-marquee--dir-right .slm-marquee__inner {
    animation-name: slm-marquee-right;
}

.slm-marquee__track--clone {
    /* nije potrebno ništa specijalno – samo je drugi set itema */
}

.slm-marquee--pause-on-hover:hover .slm-marquee__inner {
    animation-play-state: paused;
}

.slm-marquee__item {
    display: inline-flex;
    align-items: center;
}

.slm-marquee__logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.slm-marquee__logo {
    display: block;
    max-width: 100%;
    height: auto;
}

.slm-marquee__combo {
    display: inline-flex;
    align-items: center;
}

.slm-marquee__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.slm-marquee__icon img {
    display: block;
    max-width: 100%;
    height: auto;
}

.slm-marquee__text {
    display: inline-block;
}

/* Animations */
/* left: pomeramo za tačno 50% (širina jedne trake) */
@keyframes slm-marquee-left {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* right: vraćamo sa -50% na 0 */
@keyframes slm-marquee-right {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
