/* visavtodor.ru — мобильная адаптация без изменения десктопа (14.09.2026).
   Все правила только внутри @media (max-width:768px); десктоп (>768px) этот файл не читает. */
@media screen and (max-width:768px){
  /* фон-блик: width:100% + border 1px давал 2px переполнения; картинка-блик 400px шире экрана */
  #art-page-background-glare{min-width:0;box-sizing:border-box;overflow:hidden}
  #art-page-background-glare-image{max-width:100%}
  #art-page-background-simple-gradient,#art-page-background-gradient{min-width:0}
  /* лист 900px → текучий с полями 5px */
  .art-Sheet{width:auto;min-width:0;margin-left:5px;margin-right:5px}
  /* шапка 886×225 → пропорционально ширине экрана */
  div.art-Header{width:100%;height:0;padding-bottom:25.4%}
  div.art-Header-jpeg{width:auto;height:auto;left:0;right:0;top:0;bottom:0;background-size:100% 100%}
  /* меню: 9 пунктов переносятся в несколько строк, фон полосы тянется на всю высоту */
  .art-nav{height:auto}
  .art-nav .l{height:100%}
  .art-nav .r{display:none}
  /* три колонки 177/531/177 → друг под другом на всю ширину; контент ПЕРВЫМ, сайдбары под ним */
  .art-contentLayout{width:100%;display:flex;flex-direction:column}
  .art-contentLayout .art-content,.art-contentLayout .art-content-sidebar1,.art-contentLayout .art-content-sidebar2,.art-contentLayout .art-content-wide{order:-1}
  .art-contentLayout .art-sidebar1,.art-contentLayout .art-content,.art-contentLayout .art-sidebar2,
  .art-contentLayout .art-content-sidebar1,.art-contentLayout .art-content-sidebar2,.art-contentLayout .art-content-wide{float:none;width:100%}
  /* подвал 886px */
  .art-Footer{width:100%}
  .art-Footer .art-Footer-background{width:100%;background-size:cover}
  /* картинки с инлайн-размерами (width:500px; height:430px) — в границы колонки, пропорции сохраняем */
  img{max-width:100%!important;height:auto!important}
  .art-article img,img.art-article{max-width:calc(100% - 2em)!important}
  /* таблицы: инлайн width:500px / width=468 → по ширине колонки, при нехватке — прокрутка внутри таблицы */
  table{display:block;overflow-x:auto;max-width:100%!important;width:auto!important;box-sizing:border-box}
  /* галерея лицензий (lic.shtml): 4 тумбы в ряд → сетка 2×N */
  td.thumbs{display:inline-block;width:50%;box-sizing:border-box;text-align:center;vertical-align:top}
  /* длинные строки (e-mail, номера счетов, ссылки) — переносить */
  .art-PostContent,.art-BlockContent-body,.art-BlockContent2-body,.art-Footer-text,td,th{overflow-wrap:anywhere;word-wrap:break-word}
  pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
}