@media (max-width: 900px) {
  html, body {
    height: auto !important;
    min-height: 100% !important;
    overflow: auto !important;
    overflow-x: hidden !important;
    position: static !important;
    overscroll-behavior-y: auto;
  }
  body {
    display: block !important;
    -webkit-overflow-scrolling: touch;
  }
  .shell,
  .shell > section {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    grid-template-columns: 1fr !important;
  }
  .side { display: none !important; }
  .main, #main, main {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 12px 16px 160px !important;
    -webkit-overflow-scrolling: touch;
  }
  .top { position: sticky; top: 0; z-index: 40; }
  .player {
    position: fixed !important;
    left: 0; right: 0; bottom: 0;
    z-index: 50;
  }
  .station-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
}