.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #050b18; /* Resim yüklenirken veya boşluklarda görünecek renk */
    overflow: hidden;
}

.heroSwiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100vh;

    color: white;
    text-align: center;

    /* Arka plan resim ayarları buraya taşındı */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* NOT: 'contain' yerine 'cover' ekranı tam kaplar ve daha iyi durur */
}

.swiper-slide h1 {
    font-size: 70px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5); /* Yazıların resim üstünde okunması için gür bir gölge */
}

.swiper-slide p {
    font-size: 28px;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}
.swiper-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:inherit;
    background-size:cover;
    background-position:center;
    transform:scale(1.08);
    z-index:-1;
}