/* djc-mobile-fixes-v3 (Oct 20 2026): 390px-first repairs. Fresh URL - /style.css is permanently stale-cached, do not append there. */
@media (max-width: 768px) {
  /* homepage pill nav: wrap into two rows; pills strip scrolls by touch instead of painting off-screen */
  body.home-hero .pill-nav-container { flex-wrap: wrap; row-gap: 8px; }
  body.home-hero .pill-nav-container .pill-bar {
    flex: 1 1 100%;
    max-width: 100%;
    justify-content: flex-start !important;  /* centered overflow is unscrollable-left: HOME/ARTISTS were unreachable */
    overflow-x: auto !important;   /* !important beats V14 overflow:visible anti-clip rule; later sheet wins tie */
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  body.home-hero .pill-nav-container .pill-bar::-webkit-scrollbar { display: none; }
  body.home-hero .pill-nav-container .pill-bar-auth { margin-left: auto; flex-shrink: 1; }
  /* never let a child element widen the initial containing block again */
  body.home-hero #homeArtistSearchWrap { max-width: calc(100vw - 28px); }
  /* safety net: nothing on mobile may widen the page */
  body.home-hero, body.home-hero html { overflow-x: clip; }
  /* dj-grid: width:100% + asymmetric side margins overflowed 390px by 10px */
  .dj-grid { width: auto !important; max-width: 100%; margin-left: 10px !important; margin-right: 10px !important; }
  /* favorites heart: meet 44px touch minimum */
  #djGrid .star-toggle, .dj-grid .star-toggle { min-width: 44px; min-height: 44px; }
}