/* center-strategy.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Три шаблона в архиве: главная (HostCMS, .wrap 960), старые .html-страницы (main.css, #container 893, шапка-абсолют),
   34 страницы Joomla YOOtheme Air (.wrapper 1100 инлайн, трёхколоночный трюк #middle-expand 200%).
   Все правила только внутри @media (max-width:768px); десктоп (>768px) этот файл не читает. */
@media screen and (max-width:768px){
  /* ===== 1. Главная (HostCMS) ===== */
  .wrap,.hd-wrap,.hd-wrap__in{width:auto;height:auto;padding:0 10px}
  header,.innerhd{height:auto;min-width:0;padding-bottom:20px}
  .hd-phone{margin:15px 0 0 0;width:auto;float:none}
  .hd-social{float:none;width:auto;margin:10px 0 0;text-align:left}
  .hd-logo,.hd-name,.hd-descr{margin-left:0}
  .hd-descr,.hd-descr__in{width:auto}
  nav{width:auto;margin-left:0}
  nav a{display:inline-block;margin:0 14px 8px 0}
  .hd-slider{height:auto;margin-top:15px}
  .flex-container{max-width:100%}
  .teaser{width:100%;float:none;margin:12px auto}
  .teaser-item{width:auto}
  .about{padding:10px 0}
  .bot-logo,.bot-yl,.bot-adr{width:auto;float:none;margin-bottom:10px}
  .bot-item{width:50%}
  .bot-item__wrap{width:auto;margin:10px 8px}
  .subbot-copy,.subbot-social,.subbot-powered{width:auto;float:none;text-align:center;margin:6px 0}
  sidebar,main{width:auto;float:none}
  sidebar nav{width:auto}
  .tooltip-text__aboutitem,.tooltip-text__aboutauthor,.artlist-text{width:auto;float:none}
  /* ===== 2. Старые .html (main.css): контейнер 893, шапка абсолютом 257px, правая колонка 288 отрицательным margin ===== */
  div#container,div#wrap{width:auto}
  /* шапка в DOM идёт ПОСЛЕ контента (была абсолютом top:0) → наверх через flex-порядок */
  div#container{display:flex;flex-direction:column}
  div#header{order:-1;position:static;width:auto;height:auto;padding:10px}
  div#header img#logo,div#header img#logotxt{position:static;display:block}
  ul#mainmenu{position:static;overflow:hidden;padding:6px 0}
  div#content{padding-top:0}
  div#contentback,div#wrap{float:none;width:100%}
  div#left{padding:15px 10px 20px}
  div#right{width:auto;float:none;margin-left:0}
  div#right .left,div#right .right{display:none}
  div#extra{margin:0;padding:10px 15px}
  .nobr{white-space:normal}
  /* ===== 3. Joomla YOOtheme Air (страницы index.php?option=...) ===== */
  #page.yoopage .wrapper{width:auto!important;padding:0 8px}
  #page.yoopage #headerbar{min-height:0}
  #page.yoopage #header{height:auto;padding:0}
  #page.yoopage #logo{position:static;text-align:center;left:auto;top:auto}
  #page.yoopage #search{position:static;margin:6px 0}
  #page.yoopage #banner{display:none}
  #page.yoopage #menu{position:static;height:auto;overflow:hidden}
  #page.yoopage #menu ul.menu{float:none;width:100%;display:flex;flex-wrap:wrap}
  #page.yoopage #menu li.level1{float:none;width:50%;box-sizing:border-box}
  #page.yoopage #menu a.level1,#page.yoopage #menu span.level1{float:none;display:block}
  #page.yoopage #menu a.level1 span.bg,#page.yoopage #menu span.level1 span.bg{display:block;width:auto;height:auto;padding:10px 4px;text-align:center}
  #page.yoopage #menu div.fancy{display:none}
  #page.yoopage #menu .dropdown{top:auto;width:auto!important;max-width:calc(100vw - 20px)}
  #page.yoopage #middle-expand,#page.yoopage #mainmiddle-expand{width:100%}
  #page.yoopage #main,#page.yoopage #content{position:static;left:0;width:100%;float:none}
  #page.yoopage #main-shift,#page.yoopage #content-shift{position:static;left:0;margin-right:0!important;margin-left:0!important}
  #page.yoopage #left,#page.yoopage #contentleft{position:static;left:0;float:none;width:auto!important}
  #page.yoopage #right,#page.yoopage #contentright{float:none;width:auto!important;margin-left:0!important}
  #page.yoopage #right div.right-1,#page.yoopage #left div.left-1{float:none}
  #page.yoopage #right div.right-3,#page.yoopage #left div.left-3{width:auto}
  #page.yoopage #right .module,#page.yoopage #contentleft .module{margin:10px 0}
  #page.yoopage #component{margin:0}
  #page.yoopage #system .item,#page.yoopage .columns-2 .item{width:auto!important;float:none}
  #page.yoopage div.demoimage{display:none}
  /* статьи вставлены со старого сайта с инлайн-отступами 68px и «маргиналиями» float:right за пределами колонки */
  #page.yoopage #system .item div.content p,#page.yoopage #system .item div.content div{margin-left:0!important;margin-right:0!important}
  #page.yoopage #system .item div.content div[style*="padding"]{padding-left:10px!important;padding-right:10px!important}
  #page.yoopage .marginal{float:none!important;width:auto!important;margin:1em 0!important}
  #page.yoopage #footer{padding:20px 0}
  /* ===== общее ===== */
  img{max-width:100%;height:auto}
  table{max-width:100%}
  iframe,embed,object{max-width:100%}
  p,li,td,div#extra,div#info{overflow-wrap:anywhere;word-wrap:break-word}
}