/* Mobil uyumlu düzenleme */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
        padding: 0 10px;
    }



    /* Müzik kartları mobilde alt alta */
    .album-card,
    .song {
        width: 100%;
        margin: 5px 0;
    }

    /* Giriş modalı mobilde tam ekran */
    .login-modal {
        width: 90%;
        left: 5%;
        top: 20px;
        transform: none;
    }

    .login-modal__logo img {
        width: 80px;
        height: auto;
    }

    /* Müzik player mobilde sabit altta */
    .music-player {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1000;
    }
}