﻿/* Genel arka plan ayarları */
.cover-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Masaüstü (>=1200px) */
@media (min-width: 1200px) {
    .cover-background {
        height: 100%;
    }
}

/* Tablet (992px – 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
    .cover-background {
        height: 100%;
    }
}

/* Küçük tablet / Yatay telefon (768px – 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    .cover-background {
        height: 40%;
        background-position: center top; /* üstten odakla */
    }
}

/* Dikey telefon (0 – 767px) */
@media (max-width: 767px) {
    .cover-background {
        height: 30%;
        background-position: center top;
    }
}

/* Masaüstü */
.swiper-slide {
    height: 100vh;
}

/* Küçük tablet / Yatay telefon (768px – 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    .swiper-slide {
        height: 40vh;
    }
    .cover-background {
        height: 100%;
    }
}

/* Dikey telefon (0 – 767px) */
@media (max-width: 767px) {
    .swiper-slide {
        height: 30vh;
    }
    .cover-background {
        height: 100%;
    }
}
