﻿/* ===== Brands Slider / Infinite Marquee ===== */

.brands-slider-section {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.brands-slider-section--light {
    background: #ffffff;
}

.brands-slider-section--gray {
    background: #F3F4F6;
}

.brands-slider-section--dark {
    background: #0B1F3A;
}

.brands-slider-head {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.brands-slider {
    position: relative;
    width: 100%;
    min-height: var(--brands-height, 96px);
    overflow: hidden;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.92)), url("/images/anasayfa/texture.png");
    background-size: cover;
    background-position: center;
}

.brands-slider-section--gray .brands-slider {
    background: linear-gradient(180deg, rgba(243,244,246,.96), rgba(243,244,246,.96)), url("/images/anasayfa/texture.png");
}

.brands-slider-section--dark .brands-slider {
    background: linear-gradient(180deg, rgba(11,31,58,.96), rgba(11,31,58,.96)), url("/images/anasayfa/texture.png");
}

.brands-slider__viewport {
    overflow: hidden;
    height: var(--brands-height, 96px);
    display: flex;
    align-items: center;
    position: relative;
}

.brands-slider__track {
    display: flex;
    width: max-content;
    align-items: center;
    animation: brands-slider-scroll var(--brands-speed, 30s) linear infinite;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.brands-slider__group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.brands-slider__item {
    flex-shrink: 0;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Kart ve çerçeve tamamen kaldırıldı */
.brands-slider__logo-card {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    height: calc(var(--brands-height, 96px) - 20px);
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

    .brands-slider__logo-card img {
        display: block;
        max-height: 46px;
        width: auto;
        max-width: 180px;
        object-fit: contain;
        opacity: 0.95;
        transition: transform .2s ease, opacity .2s ease;
    }

        .brands-slider__logo-card img:hover {
            transform: scale(1.03);
            opacity: 1;
        }

/* fade */
.brands-slider__fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 88px;
    z-index: 2;
    pointer-events: none;
}

.brands-slider__fade--left {
    left: 0;
    background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.brands-slider__fade--right {
    right: 0;
    background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.brands-slider-section--gray .brands-slider__fade--left {
    background: linear-gradient(to right, #F3F4F6 0%, rgba(243,244,246,0) 100%);
}

.brands-slider-section--gray .brands-slider__fade--right {
    background: linear-gradient(to left, #F3F4F6 0%, rgba(243,244,246,0) 100%);
}

.brands-slider-section--dark .brands-slider__fade--left {
    background: linear-gradient(to right, #0B1F3A 0%, rgba(11,31,58,0) 100%);
}

.brands-slider-section--dark .brands-slider__fade--right {
    background: linear-gradient(to left, #0B1F3A 0%, rgba(11,31,58,0) 100%);
}

/* Sonsuz akış */
@keyframes brands-slider-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-33.333%, 0, 0);
    }
}

@media (max-width: 768px) {
    .brands-slider__fade {
        width: 44px;
    }

    .brands-slider__item {
        padding: 0 14px;
    }

    .brands-slider__logo-card {
        min-width: 120px;
    }

        .brands-slider__logo-card img {
            max-height: 34px;
            max-width: 120px;
        }
}
