/* NM-L1 2026-08-23 start — линия 1 визуального свипа: первый экран, липкий aside, медиа/схемы, таблицы, футер */
/* A. Первый экран услуги (шаблоны 30-33; область действия — только hero с .med-warn--hero): колонка H1 шире, кегль ниже, CTA до буллетов */
@media(min-width:992px){
.hero:has(.med-warn--hero){padding-top:32px;padding-bottom:64px}
.hero:has(.med-warn--hero) .col-lg-5{flex:0 0 58%;max-width:58%;display:flex;flex-direction:column;align-items:flex-start}
.hero:has(.med-warn--hero) .col-lg-7{flex:0 0 42%;max-width:42%}
.hero:has(.med-warn--hero) .col-lg-5>*{order:9;width:100%}
.hero:has(.med-warn--hero) .col-lg-5>.hero__title{order:1;font-size:clamp(34px,3.05vw,44px);line-height:1.13;letter-spacing:-.4px;margin-bottom:16px}
.hero:has(.med-warn--hero) .col-lg-5>.hero__subtitle{order:2;font-size:17px;line-height:1.5;margin-bottom:16px}
.hero:has(.med-warn--hero) .col-lg-5>.hero__price{order:3;margin-bottom:18px;width:auto}
.hero:has(.med-warn--hero) .col-lg-5>.hero__btns{order:4;margin-bottom:18px}
.hero:has(.med-warn--hero) .col-lg-5>.hero__intro{order:5;margin-bottom:12px}
.hero:has(.med-warn--hero) .col-lg-5>.med-warn--hero{order:6;max-width:620px;margin-top:0}
.hero:has(.med-warn--hero) .hero__image--service{padding-left:32px;padding-bottom:32px;height:auto;background-size:cover}
}
/* A2. Cookie-баннер на десктопе — компактная карточка справа: не перекрывает цену и CTA в левой колонке */
@media(min-width:992px){
#nm-cookie{left:auto!important;right:16px!important;max-width:440px;padding:14px 16px}
#nm-cookie .nm-cookie__in{display:block}
#nm-cookie .nm-cookie__t{flex:none;font-size:13px;line-height:1.45;margin:0 0 10px}
#nm-cookie .nm-cookie__b{justify-content:flex-end}
}
/* B. Aside-форма: липкость уже работала, но форма подъезжала под плавающую шапку .nm-stickbar (64 px).
   Высоту колонки НЕ трогаем: sticky ездит внутри своего контейнера, а его растягивает align-items:stretch у .row */
@media(min-width:992px){
.serv-page .col-lg-4>.form--page.form--page{position:sticky;top:88px}
}
/* C. svc-media с короткой подписью и D. схемы: фигура на всю ширину колонки, подпись под ней */
.typography .svc-media--full,.typography .svc-media--full.svc-media--rev,.article-page .svc-media--full,.article-page .svc-media--full.svc-media--rev{grid-template-columns:minmax(0,1fr)!important;gap:14px;align-items:start!important}
.typography .svc-media--full>.svc-media__fig,.article-page .svc-media--full>.svc-media__fig{max-width:100%!important;width:100%;height:auto!important;margin:0!important;order:0!important}
.typography .svc-media--full>.svc-media__fig img,.typography .svc-media--full>.svc-media__fig svg,.article-page .svc-media--full>.svc-media__fig img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:cover;display:block}
.typography .svc-media--full>.svc-media__body{max-width:none}
.typography .svc-media--scheme>.svc-media__fig img,.typography .svc-media--scheme>.svc-media__fig svg,.article-page .svc-media--scheme>.svc-media__fig img{aspect-ratio:auto!important;object-fit:contain!important;background:#f7fbfb;max-height:620px!important}
/* C-моб: фигура во всю ширину колонки (было 320 px в колонке 366) */
@media(max-width:767.98px){
.svc-media__fig{max-width:100%!important;margin:0 0 12px!important}
.typography .svc-media--scheme>.svc-media__fig img{max-height:none!important}
}
/* E. Таблицы: подсказка скролла тенью (появляется, только пока есть куда листать) + минимальная ширина колонок на мобиле */
.svc-twrap{background-color:#fff;background-image:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to left,#fff 30%,rgba(255,255,255,0)),radial-gradient(farthest-side at 0 50%,rgba(11,74,82,.20),rgba(11,74,82,0)),radial-gradient(farthest-side at 100% 50%,rgba(11,74,82,.20),rgba(11,74,82,0));background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:34px 100%,34px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.svc-twrap__hint{display:none}
.svc-twrap__hint[data-on="1"]{display:block;margin:-10px 0 16px;font-size:13px;line-height:1.4;color:#5b7075}
/* минимум на ячейку: 3 колонки (330 px) ещё умещаются в 366, 4 и больше — уезжают в скролл, а не слипаются */
@media(max-width:767.98px){
.svc-twrap>table{width:auto!important;max-width:none!important;min-width:0!important}
.svc-twrap>table th,.svc-twrap>table td{white-space:normal!important;min-width:110px!important}
.svc-twrap>table th:first-child,.svc-twrap>table td:first-child{min-width:124px!important}
}
/* L. Футер: «Политика конфиденциальности» и «Карта сайта» не слипаются; правовая плашка — по сетке контейнера */
.footer__bottom{column-gap:28px;row-gap:8px;flex-wrap:wrap}
.footer__copyright{flex:1 1 480px;min-width:0}
.footer__policy,.footer__map{flex:0 0 auto;margin-left:0}
.footer__policy a,.footer__map a{white-space:nowrap}
.nm-legal-note{box-sizing:border-box;max-width:1344px;margin-left:auto!important;margin-right:auto!important;padding-left:12px;padding-right:12px}
/* N. Первый <b> в шаге — заголовок строки; остальные <b> внутри описания остаются в строке */
ol.svc-steps li b{display:inline;color:inherit;margin:0}
ol.svc-steps li b:first-of-type{display:block;color:#112233;margin:0 0 4px}
/* N. Всплывашка чата Битрикс24 не открывается поверх первого экрана (сама кнопка остаётся) */
.b24-widget-button-popup{display:none!important}
/* NM-L1 end */