* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Scroll'u tamamen engelle */
    background-color: #4a4a4a;
}

.landing-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    /* Dynamic viewport height - mobilde daha iyi çalışır */
    padding: 0;
    overflow: hidden;
}

.banner-image {
    max-width: 100vw;
    max-height: 100vh;
    max-height: 100dvh;
    width: auto;
    height: auto;
    object-fit: contain;
    /* Banner tam ekrana sığsın ama oranı bozulmasın */
}

/* Mobil cihazlar için optimize */
@media (max-width: 768px) {
    .landing-container {
        padding: 0;
    }

    .banner-image {
        max-width: 100vw;
        max-height: 100vh;
        max-height: 100dvh;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* Landscape (yatay) modda mobil için */
@media (max-height: 500px) and (orientation: landscape) {
    .banner-image {
        max-height: 100vh;
        max-height: 100dvh;
        width: auto;
        height: 100%;
    }
}