/* gruzmt.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Artisteer 3: .art-sheet 850, шапка 850×150 с абсолютным лого, меню float:right, .art-content-layout display:table
   (сайдбар 20% с вертикальным меню | контент 80%) с хаком равной высоты 32000px, подвал с инлайн-блоками 400/220px.
   Все правила только внутри @media (max-width:768px). */
@media screen and (max-width:768px){
  .art-sheet{width:auto;min-width:0;margin-left:5px;margin-right:5px}
  #art-page-background-glare,#art-page-background-gradient,#art-page-background-simple-gradient{min-width:0}
  div.art-header{width:100%;height:0;padding-bottom:17.6%;box-sizing:border-box}
  div.art-header-jpeg{width:100%;height:100%;background-size:100% 100%}
  .art-logo{width:60%;height:60%;margin-top:6%;background-size:contain}
  .art-nav{height:auto}
  ul.art-menu{float:none}
  .art-menu li{float:left}
  .art-content-layout,.art-content-layout-row{display:block;width:100%}
  div.art-content-layout div.art-layout-cell{display:block;float:none;width:auto!important;margin-bottom:0!important;padding-bottom:0!important;overflow:visible}
  div.art-content-layout div.art-content-layout-row{display:flex;flex-direction:column}
  div.art-content-layout div.art-layout-cell.art-content{order:-1}
  h1,h2,h3,.art-postheader,.art-postheader a{line-height:1.2!important}
  .art-vmenublock{padding-top:10px}
  ul.art-vmenu a .r{display:none}
  .art-footer{height:auto!important;overflow:hidden;padding:10px 0}
  .art-footer div[style*="width:400px"]{width:100%!important;max-width:400px;margin:10px auto!important;background-size:contain!important}
  .art-footer div[style*="width:220px"]{position:static!important;width:100%!important;max-width:220px;margin:0 auto}
  img{max-width:100%!important;height:auto!important}
  .art-article img,img.art-article{max-width:calc(100% - 2em)!important}
  table{display:block;overflow-x:auto;max-width:100%!important;width:auto!important;box-sizing:border-box}
  .art-postcontent,.art-blockcontent-body,td{overflow-wrap:anywhere;word-wrap:break-word}
  pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
}
