/* Logolar: İlk durum siyah-beyaz */  
.partner-item img {  
    max-width: 100%;  
    max-height: 100%;  
    object-fit: contain; /* Logoyu kutuya sığdır */  
    filter: grayscale(100%); /* Siyah-beyaz efekti */  
    transition: all 0.5s ease; /* Hover efekti için yumuşak geçiş */  
}  

/* Hover: Orijinal renkler */  
.partner-item img:hover {  
    filter: grayscale(0%); /* Filtreyi kaldır, renkli yap */  
    transform: scale(1.1); /* Hafif büyüme efekti (isteğe bağlı) */  
}
/* Partnerlik Wrapper */  
.partners-wrapper {  
    padding: 50px 0;  
    text-align: center;  
    background-color: #f8f9fa; /* Hafif bir arka plan */  
}  

/* Grid Sistemi */  
.partners-grid {  
    display: grid;  
    grid-template-columns: repeat(4, 1fr); /* 4 sütun varsayılan */  
    gap: 20px; /* Kutular arası boşluk */  
    max-width: 1200px; /* Maksimum genişlik */  
    margin: 0 auto; /* Grid'i yatayda ortala */  
    justify-items: center; /* Grid içindeki öğeleri yatayda ortala */  
    align-items: center; /* Grid içindeki öğeleri dikeyde ortala */  
}  

/* Partner Kutuları */  
.partner-item {  
    width: 100%; /* Kutunun genişliğini grid kontrol eder */  
    height: 150px; /* Kutunun yüksekliği */  
    display: flex;  
    justify-content: center; /* Logoyu yatay ortalar */  
    align-items: center; /* Logoyu dikey ortalar */  
    background-color: #fff; /* Kutunun arka plan rengi */  
    border: 1px solid #ddd; /* İnce kenarlık */  
    border-radius: 8px; /* Köşeleri yuvarla */  
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */  
    padding: 10px;  
}  

/* Logolar */  
.partner-item img {  
    max-width: 100%; /* Logoyu kutunun genişliğine uydur */  
    max-height: 100%; /* Logoyu kutunun yüksekliğine uydur */  
    object-fit: contain; /* Oranları koruyarak logoyu kutuya sığdırır */  
}  

/* Mobil Görünüm için Medya Sorguları */  
@media (max-width: 992px) { /* Tablet görünüm */  
    .partners-grid {  
        grid-template-columns: repeat(2, 1fr); /* İki sütun */  
        gap: 15px; /* Daha küçük boşluk */  
    }  

    .partner-item {  
        height: 130px; /* Tabletlerde biraz daha küçük boyut */  
    }  
}  

@media (max-width: 576px) { /* Mobil görünüm */  
    .partners-grid {  
        grid-template-columns: 1fr; /* Tek sütun */  
        gap: 10px;  
    }  

    .partner-item {  
        height: 120px; /* Daha kompakt kutular */  
    }  
}