.banner {
    width: 100%;
    height: 75vh; /* Daha kısa alan */
    overflow: hidden;
    position: relative;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Video tüm alanı kaplasın */
    display: block;
}

/* Mobil uyumluluk */
@media screen and (max-width: 768px) {
    .banner {
        height: 60vh; /* Mobilde daha kısa */
    }
}

@media screen and (max-width: 480px) {
    .banner {
        height: 40vh; /* Küçük mobilde en kısa */
    }
}