/* mobile.css — мобильная версия greenel.ru (27.10.2026). Только экраны уже 820px; на компьютере сайт не меняется. */
@media (max-width: 820px) {
  html { -webkit-text-size-adjust: 100%; }
  body { margin: 0 !important; }
  /* Flash-заставки и звук давно не работают ни в одном браузере — на телефоне прячем */
  object, embed, bgsound { display: none !important; }
  td:has(> object) { display: none !important; }

  /* ширина по экрану */
  table { max-width: 100% !important; height: auto !important; }
  table[width], td[width] { width: auto !important; }
  table[align="right"], table[align="left"] { float: none !important; margin: 0 auto 12px !important; }
  td { word-break: break-word; }
  img { max-width: 100% !important; height: auto !important; }
  p, h1, div { text-align: left !important; }
  p, li, td, div { font-size: 15px !important; line-height: 1.5; }
  h1 { font-size: 19px !important; line-height: 1.3; }
  input, textarea, select { max-width: 100%; font-size: 16px !important; box-sizing: border-box; }
  textarea, input[type="text"], input[type="email"], input[type="tel"] { width: 100% !important; }
  /* таблицы раскладки: ячейки переносятся друг под друга */
  table:not(:has(> tbody > tr[bgcolor])) > tbody > tr { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
  table:not(:has(> tbody > tr[bgcolor])) > tbody > tr > td { display: block; flex: 1 1 auto; max-width: 100%; }
  table:not(:has(> tbody > tr[bgcolor])) > tbody > tr > td:empty { display: none; }
  /* таблицы цен остаются таблицами */
  table:has(> tbody > tr[bgcolor]) { width: 100% !important; }
  table:has(> tbody > tr[bgcolor]) td { font-size: 13px !important; padding: 3px !important; }
  body { background-size: auto 220px !important; }
  /* шапка: две заснеженные ёлки по краям */
  div[align="center"] > table:first-child > tbody > tr { flex-wrap: nowrap !important; }
  div[align="center"] > table:first-child > tbody > tr > td { flex: 237 1 0 !important; display: block !important; }
  div[align="center"] > table:first-child > tbody > tr > td:nth-child(2) { flex: 510 1 0 !important; }
  div[align="center"] > table:first-child > tbody > tr > td:nth-child(3) { flex: 238 1 0 !important; }
  div[align="center"] > table:first-child img { width: 100% !important; }
  .content_block { width: auto !important; padding-top: 10px !important; background-size: 100% auto !important; }
  .content { width: auto !important; margin: 16px 8px !important; padding: 12px !important; border-radius: 10px; }
  .content div, .content div div { background-image: none !important; }
  .content_block > div > table > tbody > tr > td { flex: 1 1 45% !important; text-align: center !important; }
}