/* Ana Galeri Bölümü */
.gallery-section {
    padding: 80px 0;
    background: transparent !important;
    overflow: hidden;
    width: 100%;
}

/* Hareket Eden Tren - Hız 100s (Çok Yavaş) */
.gallery-track {
    display: flex;
    /* Genişlik: (Kutu genişliği 220px + Boşluk 40px) * 80 resim */
    width: calc(260px * 80); 
    animation: scroll-infinite 100s linear infinite; 
}

.gallery-track:hover {
    animation-play-state: paused;
}

/* Sabit Katmanlar (PNG'ler için Kart Görünümü) */
.gallery-item {
    width: 220px; /* Kart genişliği */
    height: 120px; /* Kart yüksekliği */
    margin: 0 20px; /* Kartlar arası mesafe */
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* --- ARKA PLAN AYARI --- */
    background-color: rgba(255, 255, 255, 0.95); /* Nazik Beyaz/Şeffaf Arka Plan */
    border-radius: 12px;
    border: 1px solid rgba(16, 59, 123, 0.1); /* Çok ince Mavi çerçeve */
    padding: 15px; /* Resim kenarlara yapışmasın */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); /* Hafif derinlik */
    transition: all 0.5s ease;
}

/* Resimlerin Ayarı */
.gallery-item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain; /* PNG'lerin tamamı görünür */
    transition: transform 0.5s ease;
}

/* Hover Efekti: Pars Master Vurgusu */
.gallery-item:hover {
    background-color: #ffffff; /* Üstüne gelince tam beyaz */
    border-color: #f97316; /* Çerçeve Turuncu olur */
    transform: translateY(-5px); /* Hafif yukarı zıplama */
    box-shadow: 0 10px 25px rgba(16, 59, 123, 0.1); /* Mavi gölge güçlenir */
    cursor: pointer;
}

.gallery-item:hover img {
    transform: scale(1.08); /* Logo hafif büyür */
}

/* --- SONSUZ KAYMA ANİMASYONU --- */
@keyframes scroll-infinite {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-260px * 40)); } 
}

/* MOBİL AYARI */
@media (max-width: 768px) {
    .gallery-item {
        width: 160px;
        height: 90px;
        margin: 0 10px;
    }
    @keyframes scroll-infinite {
        100% { transform: translateX(calc(-180px * 40)); }
    }
}