/* Mobile bottom player: show full waveform and center Cart / Previous / Play / Next controls. */
@media (max-width: 768px){
  html body{padding-bottom:118px!important;}
  html body #audio-player{
    min-height:104px!important;
    padding:7px 10px calc(8px + env(safe-area-inset-bottom))!important;
    background:#1c1c1c!important;
    border-top:1px solid #242424!important;
  }
  html body #audio-player .ap-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    gap:5px!important;
    align-items:center!important;
    width:100%!important;
  }
  html body #audio-player .ap-wave{
    order:1!important;
    grid-column:1 / -1!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body #audio-player #wave-canvas{
    width:100%!important;
    height:30px!important;
    display:block!important;
  }
  html body #audio-player .ap-info{
    order:2!important;
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
  }
  html body #audio-player .ap-avatar-btn,
  html body #audio-player .ap-sub,
  html body #audio-player .ap-time{
    display:none!important;
  }
  html body #audio-player .ap-text{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  html body #audio-player .ap-title{
    width:100%!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body #audio-player .ap-right{
    order:3!important;
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    gap:14px!important;
  }
  html body #audio-player .ap-controls{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
  }
  html body #audio-player #player-cart{order:1!important;}
  html body #audio-player #btn-prev{order:2!important;}
  html body #audio-player #btn-play{order:3!important;}
  html body #audio-player #btn-next{order:4!important;}
  html body #audio-player #player-cart,
  html body #audio-player #btn-prev,
  html body #audio-player #btn-play,
  html body #audio-player #btn-next{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #audio-player #ap-volume,
  html body #audio-player #btn-volume,
  html body #audio-player .ap-vol-pop{
    display:none!important;
  }
  html body #audio-player .ap-cart,
  html body #audio-player .ap-btn--control{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
  }
  html body #audio-player #btn-play{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }
  html body #audio-player .ap-ico{
    width:22px!important;
    height:22px!important;
  }
}
@media (max-width:390px){
  html body #audio-player{min-height:98px!important;padding-left:8px!important;padding-right:8px!important;}
  html body #audio-player .ap-right,
  html body #audio-player .ap-controls{gap:11px!important;}
  html body #audio-player .ap-cart,
  html body #audio-player .ap-btn--control{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
  html body #audio-player #btn-play{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}