/* --- SORUNU ÇÖZEN KISIM BURASI --- */

/* Slider Ana Taşıyıcı */
.main-slider {
    width: 100%;
    /* Sabit yükseklik YOK. Yükseklik resme göre belirlenecek. */
    height: auto;
    /* Çok büyük ekranlarda (32 inç) resmin devasa olmasını engellemek için isteğe bağlı sınır */
    max-width: 2560px;
    margin: 0 auto; /* Ortala */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Slide'ın yüksekliği de otomatik olmalı */
    height: auto;
}

    .swiper-slide img {
        width: 100%; /* Genişlik her zaman %100 */
        height: auto; /* Yükseklik orijinal orana göre otomatik ayarlanır */
        display: block;
        /* 'cover' yerine 'contain' de kullanılabilir ama 'auto' yükseklik ile 
       buna gerek kalmadan resmin tamamı görünür. */
        object-fit: inherit;
    }

/* --- Stil Düzenlemeleri (Kurumsal) --- */

:root {
    /* Lojipol Kurumsal Mavi */
    --swiper-navigation-color: #004a99;
    --swiper-pagination-color: #004a99;
}

/* Okları ve noktaları mobilde biraz küçültelim */
@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        transform: scale(0.7);
    }
}