// 4-space tabs; comments in English for clean-code guidelines

// Container: full width and clip overflow
.clients .swiper.w-dyn-list {
    width: 100%;
    overflow: hidden;

    // Wrapper: horizontal row, linear easing for constant speed
    .swiper-wrapper {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center;
        transition-timing-function: linear !important;   // constant speed
    }

    // Slides: never 100% width, sit side-by-side
    .swiper-slide {
        width: auto !important;
        flex: 0 0 auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 22px;   // inter-logo gap
    }

    // Logos
    img, img.image-45 {
        max-height: 36px;   // adjust to your target size
        height: 36px;
        width: auto;
        object-fit: contain;

        &:hover {
            opacity: 0.85;
        }
    }
}