@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden;
  }

  .profile-container,
  .profile-body,
  .profile-body-4,
  .widget_container,
  .audio-player-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .profile-body-4 {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .widget_content,
  .widget_text_container,
  .widget_text_inner,
  .widget_name_container,
  .widget_description_container {
    min-width: 0 !important;
  }

  .audio_player,
  .audio-player {
    padding-inline: 12px !important;
  }

  .audio_lyrics_display {
    font-size: clamp(0.85rem, 3.8vw, 1rem) !important;
    line-height: 1.45 !important;
  }

  .audio_image,
  .audio_avatar_container {
    max-width: min(42vw, 150px) !important;
  }

  .svg_container {
    flex-wrap: wrap;
    justify-content: center;
  }

  button,
  a,
  [role="button"] {
    touch-action: manipulation;
  }
}

@media (max-width: 380px) {
  .audio_image,
  .audio_avatar_container {
    max-width: 120px !important;
  }

  .widget_content {
    padding-inline: 10px !important;
  }
}