/* --------------------------------------------------------------------------
   4. СЛАЙДЕР ЛОГОТИПОВ (#slider-logo)
   -------------------------------------------------------------------------- */
#slider-logo {
    overflow: hidden;
    padding:  40px 0;
    border-top: 1px solid #dedede;
}

/* Обёртка со скрытым overflow и fade-шторками */
.logo-slider-wrapper {
    touch-action: none;
    position:     relative;
    width:        100%;
    overflow:     hidden;
}

/* Запрещаем нативный drag внутри трека */
#logoTrack { touch-action: none; }

/* Левая и правая градиентные шторки */
.logo-slider-wrapper::before,
.logo-slider-wrapper::after {
    content:        '';
    position:       absolute;
    top:            0;
    width:          10%;
    height:         100%;
    z-index:        2;
    pointer-events: none;
}
.logo-slider-wrapper::before {
    left:       0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}
.logo-slider-wrapper::after {
    right:      0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
}

/* Лента слайдов */
.logo-track {
    display:      flex;
    align-items:  center;
    will-change:  transform;
    cursor:       grab;
    user-select:  none;
}
.logo-track.is-dragging { cursor: grabbing; }

/* Один слайд */
.logo-slide {
    flex-shrink:     0;
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         0 20px;
    box-sizing:      border-box;
}
.logo-slide img {
    max-width:        100%;
    max-height:       80px;
    object-fit:       contain;
    pointer-events:   none;
    -webkit-user-drag: none;
}

/* Подпись «Наши клиенты» над слайдером */
.clients { margin-bottom: 50px; }

@media (max-width: 560px) {
    .logo-slide  { padding: 0 10px !important; }
    .clients     { margin-bottom: 25px !important; }
}