/* ============ Mobile adaptation ============ */
@media (max-width: 900px) {
  html, body { overflow-x: hidden !important; }
  .container, main, .wrap, .adm-wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  h1 { font-size: 20px !important; line-height: 1.25 !important; }
  h2 { font-size: 17px !important; }
  h3 { font-size: 15px !important; }

  /* Админ-навигация — перенос строк */
  .anav-inner {
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 10px !important;
  }
  .anav-inner a {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  .anav-inner .spacer { display: none !important; }

  /* Табы админки */
  .adm-tabs, .adm-tab, [class*="tab"] {
    flex-wrap: wrap !important;
  }
  .adm-tab {
    font-size: 13px !important;
    padding: 8px 10px !important;
  }

  /* Кнопки на всю ширину (кроме inline в таблицах) */
  main button:not(.fixBtn):not(.no-mobile-full),
  main .btn:not(.no-mobile-full) {
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    margin-bottom: 6px;
  }
  main > div[style*="display:flex"]:not([style*="inline"]) {
    flex-direction: column !important;
    gap: 8px !important;
  }

  /* Карточки */
  .dj-card, .card, .adm-stat { padding: 12px !important; }

  /* Таблицы — скролл */
  table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  th, td { font-size: 12px !important; padding: 6px 8px !important; }

  pre, code { font-size: 11px !important; word-break: break-word; }

  /* Формы */
  input:not([type="checkbox"]):not([type="radio"]),
  textarea, select {
    font-size: 16px !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Плеер */
  .player-bar, #playerBar, .player, .voice-player {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  /* Навигация сайта */
  nav.site-nav, .site-header {
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 10px !important;
  }

  /* Скрываем тяжелые фиксированные блоки */
  .desktop-only { display: none !important; }
}

@media (max-width: 480px) {
  h1 { font-size: 18px !important; }
  .adm-stat .val { font-size: 18px !important; }
  main button { font-size: 13px !important; padding: 10px 12px !important; }
}

@media (max-width: 900px){
  #playBtn{
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
  }
}