/* --- OVERRIDES FÜR MOBILGERÄTE (Max 768px) --- */

/* Scrollbalken erzwingen und stures "Abschneiden" verhindern */
html, body {
    height: auto !important;
    overflow-y: auto !important;
}

/* Das Menü zentrieren und untereinander anzeigen */
nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 15px 0 !important;
    height: auto !important;
}

nav ul {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin-top: 15px !important;
}

nav ul li {
    margin: 10px 0 !important;
}

/* 2-Spalten-Layout aufheben (Cover oben, Tracks unten) */
.two-column-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Cover und Kauf-Button */
.album-sidebar-v2 {
    width: 100% !important;
    position: static !important; /* Löst es aus der Fixierung */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

.album-header-v2 {
    text-align: center !important;
}

.side-cover-v2 {
    width: 90% !important;
    max-width: 350px !important;
    margin: 20px auto !important;
}

/* Den Kaufen-Button breiter und sichtbarer machen */
.action-buttons-v2 {
    width: 100% !important;
    text-align: center !important;
}

.buy-btn-v2 {
    width: 60% !important;
    padding: 15px !important;
    font-size: 1.1rem !important;
    margin-bottom: 30px !important;
    background-color: #00ffff !important;
    color: #000 !important;
}

/* Trackliste anpassen */
.tracklist-section-v2 {
    width: 100% !important;
    padding: 0 15px 50px 15px !important;
    box-sizing: border-box !important;
    overflow-y: visible !important;
}

.track-row-v2 {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 0 !important;
    width: 100% !important;
}

.t-title-v2 {
    flex-grow: 1 !important;
    padding-left: 10px !important;
    font-size: 0.95rem !important;
}

.t-play-btn {
    flex-shrink: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}