/* Restores the legacy Elementor Pro media carousel without loading Pro code. */
.sayara-media-carousel.sayara-carousel-ready {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    gap: 0 !important;
    overflow: hidden !important;
    scroll-snap-type: none !important;
    scrollbar-width: none;
}

.sayara-media-carousel.sayara-carousel-ready::-webkit-scrollbar {
    display: none;
}

.sayara-media-carousel .sayara-media-track {
    display: flex;
    width: max-content;
    animation: sayara-media-marquee var(--sayara-carousel-duration, 22s) linear infinite;
    will-change: transform;
}

.sayara-media-carousel .sayara-media-group {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.sayara-media-carousel .sayara-media-group .sayara-media-slide {
    flex: 0 0 var(--sayara-slide-width, 120px) !important;
    width: var(--sayara-slide-width, 120px);
    min-width: 0;
    scroll-snap-align: none !important;
}

.sayara-media-carousel .sayara-media-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.sayara-media-carousel .sayara-media-slide img {
    max-width: 100%;
}

.sayara-brand-carousel {
    min-height: 70px;
    padding: 10px 0;
    box-sizing: border-box;
}

.sayara-brand-carousel .sayara-media-slide {
    height: 50px;
}

.sayara-brand-carousel .sayara-media-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes sayara-media-marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .sayara-media-carousel.sayara-carousel-ready {
        overflow-x: auto !important;
    }

    .sayara-media-carousel .sayara-media-track {
        animation: none;
    }

    .sayara-media-carousel .sayara-media-group[aria-hidden="true"] {
        display: none;
    }
}