/* Digitana Social · Music Songdetail / Kommentare / Seitenmodule · Mobile */

@media (max-width: 980px) {
  .ds-music-profile-workspace,
  .ds-music-profile-song-detail,
  .ds-music-profile-song-main {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .ds-music-profile-workspace {
    gap: 18px;
  }

  .ds-music-profile-workspace-main,
  .ds-music-profile-workspace-side,
  .ds-music-profile-song-detail,
  .ds-music-profile-song-main,
  .ds-music-open-song-card,
  .ds-music-comments,
  .ds-music-side-song-panel,
  .ds-music-friends-music-panel {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ds-music-profile-song-detail .ds-music-card,
  .ds-music-profile-song-detail .ds-music-comments,
  .ds-music-profile-song-detail .ds-profile-comment-form,
  .ds-music-profile-song-detail .ds-profile-comment-action-form {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .ds-music-song-stat-grid,
  .ds-music-side-song-list,
  .ds-music-friends-list {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .ds-music-profile-song-detail .ds-music-comments {
    padding-left: 0;
  }
}

@media (max-width: 720px) {
  .ds-music-profile-song-detail .ds-music-card {
    --ds-music-mobile-cover: clamp(68px, 23vw, 86px);
    grid-template-columns: var(--ds-music-mobile-cover) minmax(0, 1fr);
    gap: 10px;
    padding: 9px;
  }

  .ds-music-profile-song-detail .ds-music-cover {
    width: var(--ds-music-mobile-cover);
    height: var(--ds-music-mobile-cover);
  }

  .ds-music-comments .ds-music-comment-compose-form {
    width: 100%;
    min-width: 0;
    padding: 8px;
  }

  .ds-music-song-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ds-music-side-song {
    grid-template-columns: 42px minmax(0, 1fr);
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  .ds-music-song-stat-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}