/* clinic-narcom.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Все правила только внутри @media (max-width:768px); десктоп (>768px) этот файл не читает. */
@media screen and (max-width:768px){
  /* каркас 1000px → текучий; порядок блоков на телефоне: лого+услуги, КОНТЕНТ, верхнее меню, слайдер, бегущая строка, подвал */
  #sait{width:100%;display:flex;flex-direction:column}
  #left_p{order:-6}#cont{order:-5}#menu{order:-4}#slide{order:-3}#header{order:-2}
  /* левая панель (лого + 12 услуг) была абсолютом поверх шапки → обычный блок, услуги в 2 колонки */
  #left_p{position:static;width:100%;height:auto;left:auto;border:0;box-sizing:border-box}
  #logo{text-align:center;padding:6px 0}
  #left_menu,#yslygi_menu #yslygi{display:none}
  #yslygi_menu{position:static;height:auto;margin-top:0;padding:0 6px;display:flex;flex-wrap:wrap}
  #yslygi_menu div{position:static;width:50%;box-sizing:border-box}
  #yslygi_menu a{position:static;display:block;width:auto;padding:6px 6px 6px 8px}
  /* бегущая строка: ширина 1000px → экран (сама лента 99999px остаётся под overflow:hidden) */
  #header{height:auto}
  .news{width:100%}
  /* верхнее меню: 5 секций были float с высотой 300px и подменю по hover — на телефоне список, подменю раскрыты */
  #menu{padding-left:0;height:auto}
  #menu_s1,#menu_s2,#menu_s3,#menu_s4,#menu_s5{float:none;width:auto!important;height:auto!important;overflow:visible;text-align:left;padding-left:10px}
  #link1,#link2,#link3{width:auto!important}
  #menu_v1,#menu_v2,#menu_v3{display:block!important;margin-left:-10px}
  /* слайдер 1000×383 → пропорционально экрану */
  #slide{width:100%;height:0;padding-bottom:38.3%}
  #slideshow{width:100%}
  #slideshow img{width:100%;height:auto}
  /* колонки 214 + 720 → друг под другом, контент первым; хак равной высоты (padding 3030/margin -3000) снимаем */
  #cont{margin-top:10px;display:flex;flex-direction:column}
  #right{order:-1;float:none;width:100%;box-sizing:border-box;padding:10px 8px 20px;margin-bottom:0}
  #left{float:none;width:100%;box-sizing:border-box;margin-left:0;min-height:0;padding:0 8px;margin-bottom:0;border:0}
  #coments{width:auto}
  /* «плавающее меню» (форма вопроса в #left): скрипт на каждый скролл анимирует margin-top, чтобы блок ехал за
     экраном; на телефоне #left стоит под контентом и от этого растёт → страница «едет сама». Инлайн-анимацию перебиваем */
  #floatMenu{margin-top:0!important}
  /* внутренние раскладки статей с инлайн-ширинами (720/470/250px, float) → в столбик */
  #right div[style*="width"],#left div[style*="width"]{width:auto!important;max-width:100%!important;height:auto!important;float:none!important}
  /* карусель услуг 620px → по ширине экрана */
  .jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{width:auto}
  .slideshow{width:100%}
  /* картинки с инлайн-размерами (548×223, 429×600) — в границы, пропорции сохраняем */
  img{max-width:100%!important;height:auto!important}
  iframe,embed,object,video{max-width:100%}
  /* таблицы (цены) — по ширине колонки, при нехватке прокрутка внутри таблицы */
  table{display:block;overflow-x:auto;max-width:100%!important;width:auto!important;box-sizing:border-box}
  /* подвал: абсолютные span → обычные строки */
  #footer{height:auto;padding:10px 8px;text-align:center}
  #footer span{position:static!important;float:none!important;display:block;margin:4px 0}
  /* длинные строки — переносить */
  #right,#left,#footer{overflow-wrap:anywhere;word-wrap:break-word}
}