/* Masaüstü ve Genel Ayar */
body::before {
    content: "";
    display: block;
    width: 100%;
    height: 45px;
    background-image: url('https://platincdn.com/4111/dosyalar/images/dis.gif');
    background-size: 100% 100%; /* Görseli tam sığdırır */
    background-position: center;
    background-repeat: no-repeat;
}

/* Sayfa içeriği hizalaması */
header, #top-bar {
    position: relative;
    top: 0;
}

/* Mobil Düzenlemesi (Telefonlar için) */
@media only screen and (max-width: 768px) {
    body::before {
        height: 30px; /* Mobilde yüksekliği düşürerek taşmayı önler */
        background-size: cover; /* Mobilde boşluk kalmaması için */
    }
}

/* Çok küçük ekranlar için ekstra önlem */
@media only screen and (max-width: 480px) {
    body::before {
        height: 25px;
    }
}