/* /assets/css/index.css */

body { 
    background-color: black; 
    overflow-x: hidden; 
    width: 100%; 
    padding-top: 0 !important; /* Global body padding'ini burada sıfırlıyoruz */
}

#main-content {
    opacity: 0;
    will-change: transform, opacity;
    padding-bottom: calc(90px + env(safe-area-inset-bottom));
}

/* Masaüstü ayarları */
@media (min-width: 768px) {
    #main-content { 
        padding-top: 20px; 
    }
}

/* PWA için en tepedeki hayalet boşluk kontrolü */
.pwa-spacer {
    height: calc(64px + env(safe-area-inset-top, 0px));
    width: 100%;
}