/* =========================================================
   ПЛАНШЕТ И АВТОМАГНИТОЛА
   ========================================================= */
/* Приложение не «телефон в рамке»: на планшете и магнитоле (широкий
   экран) карточки идут в две колонки, шрифт крупнее — читается с
   расстояния вытянутой руки, кнопки больше для нажатия на ходу. */
@media (min-width: 700px) {
  .shell { width: 100%; height: 100dvh; border-radius: 0; box-shadow: none; border: 0; }
  .view { padding: 20px 24px 140px; }
  .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .tile { padding: 18px 16px; }
  .tile b { font-size: 16px; }
  .card { padding: 18px; }
  h2 { font-size: 24px; }
  .btn { padding: 16px 20px; font-size: 16.5px; }
  .field input { font-size: 18px; padding: 14px 16px; }
  .tabs { max-width: 720px; left: 50%; transform: translateX(-50%); right: auto; width: calc(100% - 48px); }
  .wait-timer { font-size: 42px; }
}

/* Магнитолы: горизонтальный экран 1024–1280 при высоте 600–800 */
@media (min-width: 900px) and (max-height: 820px) {
  .top { padding: 10px 20px; }
  .view { padding: 14px 20px 120px; }
  .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .hero { padding: 18px 20px; }
  h2 { margin: 10px 0 8px; font-size: 22px; }
  .btn { padding: 14px 18px; }
  .tabs { bottom: 8px; }
}

/* Альбомная ориентация телефона: компактнее по высоте */
@media (orientation: landscape) and (max-height: 520px) {
  .splash-copy h1 { font-size: 22px; }
  .view { padding: 10px 16px 96px; }
  .tabs { padding: 5px; }
}