/* doomsday.in.ua — мобильная адаптация, шаг 1 (admin 08.11): только экраны до 760 px */
@media screen and (max-width: 760px) {
  html, body { width: 100% !important; min-width: 0 !important; overflow-x: hidden; }
  body * { max-width: 100% !important; box-sizing: border-box; }
  body div, body table, body td, body ul, body form { width: auto !important; min-width: 0 !important; float: none !important; height: auto !important; }
  body td { display: block; }
  img { height: auto !important; }
  [style*="width"] { width: auto !important; }
  input[type="text"], input[type="search"] { width: 100% !important; font-size: 16px; padding: 8px; }
  h1 { font-size: 22px !important; line-height: 1.25; }
  body { font-size: 16px; line-height: 1.45; padding: 0 10px; }
}

/* шаг 1b: шапка — картинка-название по центру, без больших отступов; декоративный слайдер с облаком тегов скрыт */
@media screen and (max-width: 760px) {
  #header { height: auto !important; background-position: center 8px !important; background-size: auto 64px; padding-top: 80px; }
  .timer, .slogan, .search { float: none !important; padding: 0 !important; margin: 6px 0 !important; top: 0 !important; height: auto !important; text-align: center; }
  .slogan { font-size: 13px; }
  #menu { position: static !important; padding: 0; margin: 8px 0 !important; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
  #menu li { position: static !important; float: none !important; margin: 0 !important; }
  div:has(> #slider) { display: none !important; }
  #fix18 { position: absolute; }
}