/* AhilyanagarDJ's • Home mobile-only layout v14.45
   The fixed filter header does not rely on sticky positioning inside
   an ancestor with overflow hidden. Desktop/WebView CSS is unchanged. */
.adc-home-playlist-cover{display:none}
@media (max-width:900px){
  body.page-home .listener-topbar{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;max-width:100%!important;
    box-sizing:border-box!important;
    z-index:900!important;
    background:rgba(11,11,10,.97)!important;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.065)!important;
  }
  /* Replace header's former in-flow height, preventing a content jump. */
  body.page-home .listener-main{padding-top:65px!important}
  body.page-home .home-section,
  body.page-home #tracks-section{scroll-margin-top:78px}

  /* Match My Library's 5+ track collage; otherwise one published cover,
     and a music-note placeholder for an empty playlist. */
  body.page-home #playlist-grid .adc-public-playlist-desktop-art{display:none!important}
  body.page-home #playlist-grid .adc-home-playlist-cover{
    display:block;position:relative;width:100%;aspect-ratio:1/1;
    overflow:hidden;border-radius:10px;background:#232127;
  }
  body.page-home #playlist-grid .adc-home-playlist-cover>img{
    display:block;width:100%;height:100%;aspect-ratio:auto;
    object-fit:cover;object-position:center;border-radius:0;
    min-width:0;min-height:0;
  }
  body.page-home #playlist-grid .adc-home-playlist-cover.is-collage{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:0;
  }
  body.page-home #playlist-grid .adc-home-playlist-cover.is-collage>img{width:100%;height:100%}
  body.page-home #playlist-grid .adc-home-playlist-empty{
    display:grid;place-items:center;font-size:clamp(34px,13vw,64px);
    color:#e7e2ec;background:linear-gradient(140deg,#36313d,#19191c)
  }
}
