/* === GENEL SLIDER AYARI — TÜM CİHAZLAR === */
/* Kapsayıcıların tam ekran yüksekliğini zorlamaması sağlanmıştır. */
.carousel-container,
.carousel,
.carousel-inner,
.carousel-item {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    /* === ANA RESİM — Masaüstü ve Mobilde (YANLARDAN KESİLMEMİŞ) Tam Görünüm === */
    .carousel-item img {
        position: relative;
        z-index: 2;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        /* 🔥 Tüm cihazlarda (Web/Mobil) resmin tamamının kırpılmadan görünmesi için CONTAIN kullandık. */
        object-fit: contain;
        transform: none;
        top: auto;
        left: auto;
    }

.carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 15;
    width: 100%;
    padding: 0 15px; /* küçük ekranlar için */
}

    .carousel-caption h5 {
        font-size: 2rem;
        font-weight: bold;
        color: white;
    }

    .carousel-caption .btn-primary {
        margin-top: 10px;
        padding: 10px 20px;
    }

/* RESPONSIVE AYARLAR */

/* Tablet ve altı */
@media (max-width: 768px) {
    .custom-indicators {
        bottom: 10px;
        gap: 10px;
    }

        .custom-indicators button i {
            font-size: 22px;
        }

        .custom-indicators button span {
            font-size: 10px;
        }

    .carousel-caption h5 {
        font-size: 1.5rem;
    }

    .carousel-caption .btn-primary {
        padding: 8px 16px;
        font-size: 14px;
    }
}

/* Telefonlar */
@media (max-width: 576px) {
    .custom-indicators {
        bottom: 5px;
        gap: 8px;
    }

        .custom-indicators button i {
            font-size: 20px;
        }

        .custom-indicators button span {
            font-size: 9px;
        }

    .carousel-caption h5 {
        font-size: 1.2rem;
    }

    .carousel-caption .btn-primary {
        padding: 6px 12px;
        font-size: 13px;
    }
}


.carousel-item img {
    transform: translateZ(0);
    transition: transform 1s ease;
}

.carousel-item-next img,
.carousel-item-prev img {
    transform: scale(1.1) translateY(10px);
}




.media-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease;
}

.media-img {
    height: 180px;
    object-fit: cover;
}

.media-summary {
    height: 100px;
    overflow: hidden;
}

.media-btn {
    margin-top: 10px;
}



a,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}