/* Ortak Mantık: Masaüstü ve Mobil Aynı Çalışır */
.custom-main-carousel {
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.custom-main-carousel.is-ready {
    opacity: 1;
}

/* Slide: Genişlik her zaman resmin oranına bağlıdır */
.swiper-slide {
    width: auto !important;
    height: 100%;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    filter: brightness(0.25);
    transform: scale(0.9);
}

/* Aktif Slide: Odaklanan resim parlasın */
.swiper-slide-active {
    filter: brightness(1);
    transform: scale(1);
    z-index: 10;
}

/* Resim: Yüksekliğe sığdır, genişliği bozma */
.swiper-slide img {
    height: 100% !important;
    width: auto !important;
    object-fit: contain;
}

/* Oklar ve PhotoSwipe Fixleri (Öncekiyle Aynı) */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
}

.swiper-button-next,
.swiper-button-prev {
    background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E") no-repeat center / 12px;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
}

.swiper-button-prev {
    transform: rotate(180deg);
}

/* PhotoSwipe UI Fix */
.pswp__top-bar {
    height: 44px !important;
    background: none !important;
}

.pswp__button {
    float: right !important;
    background-color: transparent !important;
    width: 44px !important;
    height: 44px !important;
    box-shadow: none !important;
    border: none !important;
}

.pswp__button::before,
.pswp__button::after {
    display: none !important;
}