/* elka.css — мобильная адаптация 1:1-разметки ёлки
 * (docs/handoff/mobile-adaptation.md, правила 2 и 4).
 * Десктоп ≥ 900px не трогается: там таблица classicbk как есть.
 * На узком экране — та же таблица «стопкой» (три td друг под другом),
 * пустая колонка 100px скрыта, форма переносится, поле не шире экрана. */
@media (max-width: 899px) {
  #main > table,
  #main > table > tbody,
  #main > table > tbody > tr {
    display: block;
    width: 100% !important;
  }
  #main > table > tbody > tr > td {
    display: block;
    width: auto !important;
  }
  /* Пустая средняя колонка classicbk (width="100") — только отступ, скрываем */
  #main > table > tbody > tr > td:nth-child(2) {
    display: none;
  }
  /* Правая колонка (lineGoHTML+miniUrls) — под контентом, слева */
  #main > table > tbody > tr > td:nth-child(3) {
    text-align: left !important;
  }
  #main form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    max-width: 100%;
  }
  #main #elka_message {
    /* min-width:0 обязателен: иначе size="50" задаёт min-content 489px
       и поле растягивает всю страницу до 491px (проверено на 430) */
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    /* 16px — иначе iOS зумит страницу при фокусе */
    font-size: 16px;
  }
  /* Картинки подарков/значков не должны расширять страницу */
  #main > table img {
    max-width: 100%;
  }
}