@keyframes marquee {
        0%   { transform: translateX(0); }
        100% { transform: translateX(-50%); } /* Двигаем ровно на половину (так как блоки дублированы) */
    }
    
    .animate-marquee {
        animation: marquee 60s linear infinite; /* 60 секунд - скорость прокрутки */
    }
    
    /* Пауза при наведении мышки */
    .animate-marquee:hover {
        animation-play-state: paused;
    }

    /* Виньетка (затухание по краям) */
    .footer-splide {
        position: relative;
        z-index: 100;
    }
    .footer-splide::after {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-image: radial-gradient(circle at 50%, rgba(92,48,59,0) 80%, #5c303b);
        z-index: 110;
        pointer-events: none; /* Чтобы клики проходили сквозь виньетку */
    }