/* Start:/bitrix/templates/rusholod_new/components/bitrix/news/articles_v2/bitrix/news.detail/.default/style.css?178947405936109*/
/* articles_v2 — тестовая страница статьи (?test=yes). Файл подключается только на
   страницах, где работает этот шаблон, поэтому правило для H1 шапки других страниц
   не задевает. Токены — палитра шаблона rusholod_new (скилл rsholod §24),
   типографика — скилл info-statya, vyorstka.md §2. */
.content .wrapper > h1{max-width:980px;text-transform:none!important;font-size:32px!important;font-weight:600!important;line-height:1.2!important;color:#000;margin-bottom:12px}

/* Общие правила сайта центрируют заголовки и дают разрядку 0.8px */
.rsa-layout h2,.rsa-layout h3,.rsa-related h2,.rsa-related h3,.rsa-related h3 a{text-align:left!important;letter-spacing:0!important}
/* Прилипающая боковая колонка: общий .content сайта с overflow:hidden ломает position:sticky.
   clip обрезает так же, но не мешает прилипанию; flow-root сохраняет охват плавающих блоков.
   Только для .content, внутри которого сетка статьи. */
.content:has(> .wrapper > .rsa-layout){overflow:clip!important;display:flow-root!important}
.rsa-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;align-items:start;margin:0 0 40px;font-family:inherit}
.rsa-layout>*{min-width:0}

.rsa-trust{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;line-height:1.45;color:#56646B;margin:0 0 22px}
.rsa-trust b{color:#28304F;font-weight:600}

/* Текст статьи: перебиваем общие правила сайта (12 px, заголовки капсом) */
.content .rsa-body{max-width:68ch;font-size:19px;line-height:1.6;color:#1f1f1f}
.content .rsa-body p,.content .rsa-body li,.content .rsa-body td,.content .rsa-body span{font-size:19px!important;line-height:1.6!important;color:#1f1f1f}
.content .rsa-body p{margin:0 0 1em!important;text-align:left!important}

/* ===== Единая шкала текста (info-statya, vyorstka.md §2) =====
   media.css сайта на ширине до 1049px ставит .content .wrapper p{font-size:12px!important} и подключается
   ПОСЛЕ стилей шаблона — при равной специфичности абзацы сжимались до 12px, а списки оставались 18px.
   Селекторы .content .wrapper .rsa-body … (0,3,1) перебивают его по специфичности, порядок файлов не важен.
   Компьютер и планшет: текст 19/1.6, H2 27, H3 22, таблица 16, шапка таблицы 14. */
.content .wrapper .rsa-body p,.content .wrapper .rsa-body li,.content .wrapper .rsa-body dd,.content .wrapper .rsa-body dt,
.content .wrapper .rsa-body blockquote,.content .wrapper .rsa-body p span,.content .wrapper .rsa-body li span,
.content .wrapper .rsa-body li p,.content .wrapper .rsa-body ul p,.content .wrapper .rsa-body ol p,
.content .wrapper .rsa-body p strong,.content .wrapper .rsa-body li strong,.content .wrapper .rsa-body p b,.content .wrapper .rsa-body li b,
.content .wrapper .rsa-body p a,.content .wrapper .rsa-body li a{font-size:19px!important;line-height:1.6!important}
.content .wrapper .rsa-body ol li::before,.content .wrapper .rsa-body ul li::before{font-size:17px!important;line-height:inherit!important}
/* Отступ списков: сайт даёт пункту padding-left под свой номер (ol 30px, ul 25px, номер — li::before absolute left:0),
   а наш ol/ul ещё 1.4em — текст пункта начинался в 57px от края колонки. Отступ списка убран, пункта — по маркеру. */
.content .wrapper .rsa-body ol,.content .wrapper .rsa-body ul{padding-left:0!important;margin-left:0!important}
.content .wrapper .rsa-body ol > li{padding-left:34px!important}
.content .wrapper .rsa-body ul > li{padding-left:26px!important}
.content .wrapper .rsa-body h2,.content .wrapper .rsa-body h2 *{font-size:27px!important;line-height:1.25!important}
.content .wrapper .rsa-body h3,.content .wrapper .rsa-body h3 *{font-size:22px!important;line-height:1.3!important}
.content .wrapper .rsa-body table td,.content .wrapper .rsa-body table td *{font-size:16px!important;line-height:1.4!important}
/* Единый цвет текста: общие правила сайта давали абзацам #3c3c3c, а спискам — светлее.
   #1f1f1f — 16,5:1 на белом (info-statya, vyorstka.md §2). Ссылки остаются синими. */
.content .wrapper .rsa-body p,.content .wrapper .rsa-body li,.content .wrapper .rsa-body td,.content .wrapper .rsa-body th,
.content .wrapper .rsa-body dd,.content .wrapper .rsa-body dt,.content .wrapper .rsa-body blockquote,
.content .wrapper .rsa-body p span,.content .wrapper .rsa-body li span,.content .wrapper .rsa-body strong,.content .wrapper .rsa-body b{color:#1f1f1f!important}
.content .wrapper .rsa-body a,.content .wrapper .rsa-body a span{color:#1975A1!important}
/* Таблицы table-blue — шрифт шапки и первой колонки как в каталоге (/katalog/kholodilnye-sklady/, замер на 1440):
   th — 14px/500 белым на #0070c0; первая колонка с синей заливкой в HTML — 14px белым капсом.
   Белый возвращаем поверх единого цвета текста выше. На телефоне каталог даёт 8–9px — не берём. */
.content .wrapper .rsa-body table th,.content .wrapper .rsa-body table th *{color:#fff!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;text-transform:none!important}
.content .wrapper .rsa-body table td[style*="background"],.content .wrapper .rsa-body table td[style*="background"] *{color:#fff!important;font-size:14px!important;font-weight:400!important;line-height:1.39!important;text-transform:uppercase!important}
.content .rsa-body h2,.content .rsa-body h2 *{font-size:27px!important;line-height:1.25!important;text-transform:none!important;font-weight:600!important;color:#000!important;letter-spacing:0!important}
.content .rsa-body h2{margin:2em 0 .6em!important;scroll-margin-top:16px}
.content .rsa-body h2::before{content:"";display:block;width:36px;height:3px;background:#1694D0;margin-bottom:.55em}
.content .rsa-body h3,.content .rsa-body h3 *{font-size:22px!important;line-height:1.3!important;text-transform:none!important;font-weight:600!important;color:#000!important}
.content .rsa-body h3{margin:1.6em 0 .5em!important}
.content .rsa-body ul,.content .rsa-body ol{margin:0 0 1em!important;padding-left:1.4em!important}
.content .rsa-body li{margin:0 0 .4em!important}
.content .rsa-body li::marker{color:#1694D0}
.content .rsa-body a{color:#1975A1;text-decoration:underline;text-underline-offset:.15em}
.content .rsa-body img{max-width:100%!important;height:auto!important;border-radius:12px}
.content .rsa-body iframe{max-width:100%}
/* Фото сбоку от текста (section > div.wrapper.clearfix > a > img с float) — в одну колонку:
   фото блоком над текстом в натуральную ширину (не растягиваем — не мылится), текст под ним. */
.content .wrapper .rsa-body .clearfix > a,.content .wrapper .rsa-body .clearfix > img{display:block!important;float:none!important;width:auto!important;max-width:100%!important;padding:0!important;margin:.4em 0 1.1em!important}
/* width:100%, а не auto: у картинки с отложенной загрузкой до загрузки нулевой размер — с auto она
   оставалась шириной 0 и не подгружалась (13.09.2026) */
.content .wrapper .rsa-body .clearfix img{float:none!important;display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}
/* Все картинки текста — на всю ширину колонки, как абзацы (исходники 800–1280 px подставляет шаблон) */
.content .wrapper .rsa-body img{display:block!important;float:none!important;width:100%!important;max-width:100%!important;height:auto!important}
.content .wrapper .rsa-body a:has(> img),.content .wrapper .rsa-body .clearfix > a{display:block!important;width:100%!important;margin:.4em 0 1.1em!important}
/* Исключение: логотипы блока «Наши клиенты» (отложенный блок preim-rsholod, вставляется внутрь текста) —
   не фото статьи. Правила выше растягивали их на всю колонку и ломали строку логотипов.
   Возвращаем значения рабочей страницы: inline, ширина по исходнику, без скругления. */
.content .wrapper .rsa-body [class*="we-have-chosen"] img{display:inline!important;width:auto!important;height:auto!important;max-width:100%!important;border-radius:0!important;margin:0!important;float:none!important}
.content .wrapper .rsa-body [class*="we-have-chosen"] a:has(> img){display:inline!important;width:auto!important;margin:0!important}
.content .wrapper .rsa-body .clearfix{overflow:visible}
/* Второй вариант разметки «список + фото сбоку» (статья о чиллере): div.wrapper.clearfix со списком и
   div.right-block-spisok (inline-block, фото справа). Одна колонка: фото над списком, оба на всю ширину. */
.content .wrapper .rsa-body .clearfix:has(> [class*="block-spisok"]){display:flex!important;flex-direction:column!important}
.content .wrapper .rsa-body .clearfix:has(> [class*="block-spisok"]) > *{display:block!important;float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.content .wrapper .rsa-body .clearfix > [class*="right-block-spisok"]{order:-1;margin:.4em 0 1.1em!important}
/* Обёртки div.wrapper внутри текста получали общую ширину сайта 980px при колонке 680px —
   список вылезал на 300px вправо под боковую колонку. Ширина — по колонке текста. */
.content .wrapper .rsa-body .wrapper{width:auto!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
/* Таблицы (14.09.2026): полосы прокрутки не видно. Таблица на всю колонку и укладывается в неё
   (шапка переносится по словам); если всё же шире — листается вбок в обёртке .rsa-table__s,
   у правого края градиент, под таблицей подсказка. Классы is-scroll / is-more ставит скрипт шаблона. */
.content .wrapper .rsa-body .rsa-table{position:relative;margin:1.5em 0}
.content .wrapper .rsa-body .rsa-table__s{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.content .wrapper .rsa-body .rsa-table__s::-webkit-scrollbar{display:none}
.content .wrapper .rsa-body .rsa-table::after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),#fff);opacity:0;transition:opacity .2s}
.content .wrapper .rsa-body .rsa-table.is-more::after{opacity:1}
/* подсказка вынесена из высоты обёртки, чтобы градиент закрывал ровно таблицу */
.content .wrapper .rsa-body .rsa-table__hint{display:none;position:absolute;left:0;top:100%;margin-top:.45em;font-size:13px;line-height:1.4;color:#56646B;white-space:nowrap}
.content .wrapper .rsa-body .rsa-table.is-scroll{margin-bottom:3em}
.content .wrapper .rsa-body .rsa-table.is-scroll .rsa-table__hint{display:block}
.content .wrapper .rsa-body table{display:table!important;width:100%!important;max-width:none!important;overflow:visible!important;border-collapse:collapse;margin:0!important}
.content .wrapper .rsa-body table td,.content .wrapper .rsa-body table th{padding:.5em .45em!important;border:1px solid #D9E4EE;vertical-align:top}
/* Переносы в шапке по слогам резали слова («Стои-мость элек-тро-энер-гии») — выключены (14.09.2026).
   Первая колонка (подписи строк капсом) не шире четверти таблицы, иначе она забирала место у цифр. */
.content .wrapper .rsa-body table th,.content .wrapper .rsa-body table td{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal}
.content .wrapper .rsa-body table tr > :first-child{width:24%}
.content .rsa-body table td,.content .rsa-body table th{font-size:16px!important;line-height:1.4!important}
.content .rsa-body strong,.content .rsa-body b{font-weight:600}

/* Видео — на всю ширину контента, как «Читайте также» (вынесено за сетку с боковой колонкой) */
.rsa-video{margin:0 0 40px}
.rsa-video .video-slider,.rsa-video .video-slider__wrap{max-width:100%}
.rsa-video__t{font-size:22px;font-weight:600;margin:0 0 .6em;color:#000}

.rsa-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2em 0 0;font-size:14px;color:#56646B}
.rsa-share a{display:inline-block;padding:6px 14px;border:1px solid #D9E4EE;border-radius:30px;color:#1f1f1f;text-decoration:none}
.rsa-share a:hover{border-color:#1694D0;color:#1975A1}

/* Поделиться (14.09.2026): кнопки-таблетки с цветным знаком сети; телефон — сетка 2 колонки,
   «Отправить» и «Копировать ссылку» на всю ширину (info-statya, rasprostranenie.md §2) */
.rsa-sh{margin:2.2em 0 0;padding:20px 22px 22px;border:1px solid #D9E4EE;border-radius:16px;background:#fff}
.rsa-sh__t{font-size:18px;line-height:1.3;font-weight:600;color:#000}
.rsa-sh__hint{margin:2px 0 14px;font-size:14px;line-height:1.4;color:#56646B}
.rsa-sh__grid{display:flex;flex-wrap:wrap;gap:10px}
.content .wrapper .rsa-sh__btn{box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;height:46px;margin:0;padding:0 18px 0 8px;border:1px solid #D9E4EE;border-radius:30px;background:#fff;color:#1f1f1f!important;font:inherit;font-size:15px!important;font-weight:600;line-height:1!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s}
.content .wrapper .rsa-sh__btn:hover{border-color:#1694D0;background:#F7FAFC;box-shadow:0 2px 10px rgba(40,48,79,.08)}
.content .wrapper .rsa-sh__btn:focus-visible{outline:2px solid #1694D0;outline-offset:2px}
.rsa-sh__btn[hidden]{display:none!important}
.rsa-sh__ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1694D0;color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:0}
.rsa-sh__ic svg{display:block;width:16px;height:16px;fill:#fff}
.rsa-sh__btn--max .rsa-sh__ic{background:linear-gradient(135deg,#3FA8FF,#7B45F5);font-size:14px}
.rsa-sh__btn--tg .rsa-sh__ic{background:#2AABEE}
.rsa-sh__btn--vk .rsa-sh__ic{background:#0077FF;font-size:11px}
.rsa-sh__btn--ok .rsa-sh__ic{background:#EE8208;font-size:11px}
.rsa-sh__btn--native .rsa-sh__ic{background:#1694D0}
.rsa-sh__btn--copy .rsa-sh__ic{background:#28304F}
.rsa-sh__btn--copy.is-done .rsa-sh__ic{background:#2E9E5B}
@media (max-width:767px){
  .rsa-sh{padding:16px 14px 16px}
  .rsa-sh__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .content .wrapper .rsa-sh__btn{width:100%;padding-right:10px;font-size:14px!important}
  .content .wrapper .rsa-sh__btn--native,.content .wrapper .rsa-sh__btn--copy{grid-column:1/-1;justify-content:center}
}
/* узкий телефон: «Одноклассники» не влезало в половину сетки 158px — знак 26px, меньше отступы и кегль */
@media (max-width:400px){
  .content .wrapper .rsa-sh__btn{gap:7px;padding:0 8px 0 6px;font-size:13px!important}
  .rsa-sh__ic{width:26px;height:26px}
  .rsa-sh__ic svg{width:14px;height:14px}
}

/* Боковая колонка (14.09.2026, оглавление — вариант 3): «Оборудование» в обычном потоке, ниже липкая часть —
   содержание с подсветкой раздела и заявка. Колонка тянется на высоту статьи, липнет только .rsa-aside__sticky.
   top:55px — вровень с верхом первой плашки фиксированного столбца сайта справа (.fixedBlock top:50px + 5px, замер 1440 и 1280) */
.rsa-aside{position:static;align-self:stretch;display:flex;flex-direction:column;gap:18px}
.rsa-aside__sticky{position:sticky;top:55px;display:flex;flex-direction:column;gap:18px}
.rsa-toc{padding:18px 14px 12px 20px}
/* список прокручивается сам, если разделов больше, чем влезает над заявкой (заявка ~230px) */
.rsa-toc__list{list-style:none;margin:0!important;padding:0 6px 0 0!important;position:relative;max-height:max(180px,calc(100vh - 425px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C7D6E3 transparent}
.content .wrapper .rsa-toc__list > li{margin:0!important;padding:0!important;list-style:none}
/* общие правила сайта рисуют номер и квадрат в ::before у пунктов списков */
.content .wrapper .rsa-toc__list > li::before{display:none!important;content:none!important}
.content .wrapper .rsa-toc__list a{display:block;padding:6px 0 6px 12px;border-left:2px solid #D9E4EE;color:#56646B!important;font-size:14px!important;line-height:1.35!important;font-weight:400;text-decoration:none!important}
.content .wrapper .rsa-toc__list a:hover{color:#1975A1!important;text-decoration:underline!important}
.content .wrapper .rsa-toc__list a.is-active{border-left-color:#1694D0;color:#28304F!important;font-weight:600}
/* Вариант «прилипает вся колонка» (14.09.2026, пока ?test=yes → .rsa-aside--stick): «Оборудование», содержание и заявка
   едут вместе; в содержании видно ~7 однострочных пунктов (7 × 31px), список прокручивается сам за чтением,
   края списка растворяются — видно, что пунктов больше. Экраны ниже 820px — прежний режим: иначе колонка не влезает. */
@media (min-width:1024px){
  .rsa-aside--stick:not(.rsa-aside--nostick){position:sticky;top:55px;align-self:start}
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-aside__sticky{position:static}
  /* высоту списка (7 пунктов, но не больше экрана) ставит скрипт; до него — запас по высоте экрана */
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-toc__list{max-height:max(120px,calc(100vh - 640px));
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8px,#000 calc(100% - 16px),transparent 100%);
            mask-image:linear-gradient(to bottom,transparent 0,#000 8px,#000 calc(100% - 16px),transparent 100%)}
  /* компактнее, чтобы вся колонка влезла в экран: строки оборудования 44px, пункты содержания плотнее, в заявке без пояснения */
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-links--img a{padding:3px 0}
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-panel{padding:16px 18px}
  .content .wrapper .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-toc__list a{padding:5px 0 5px 12px;line-height:1.3!important}
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-panel--dark p{display:none}
  .rsa-aside--stick:not(.rsa-aside--nostick) .rsa-panel__phone{margin-top:10px}
}
/* Статичное оглавление над текстом (вариант 2 макета, 14.09.2026): светлая карточка, номера фирменным синим;
   компьютер — две колонки при 7+ пунктах; телефон — первые 5 и кнопка «Все разделы» (скрытые пункты в HTML) */
.rsa-toc[hidden]{display:none!important}
.rsa-toc2{margin:0 0 30px;padding:18px 22px 14px;border-radius:14px;background:#EAF4FB}
.rsa-toc2__t{margin:0 0 8px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1975A1}
.content .wrapper .rsa-toc2__list{list-style:none;margin:0!important;padding:0!important;counter-reset:rsatoc}
.content .wrapper .rsa-toc2__list > li{counter-increment:rsatoc;position:static!important;display:flex;gap:10px;margin:0!important;padding:5px 0!important;font-size:16px!important;line-height:1.4!important;break-inside:avoid}
.content .wrapper .rsa-toc2__list > li::before{content:counter(rsatoc)!important;position:static!important;display:block!important;flex:0 0 22px;width:auto!important;height:auto!important;margin:0!important;background:none!important;text-align:right;font-size:15px!important;line-height:1.5!important;font-weight:700;color:#1694D0}
.content .wrapper .rsa-toc2__list a{color:#1f1f1f!important;text-decoration:none!important}
.content .wrapper .rsa-toc2__list a:hover{color:#1975A1!important;text-decoration:underline!important}
.rsa-toc2__btn{display:none}
@media (min-width:768px){ .rsa-toc2--cols .rsa-toc2__list{columns:2;column-gap:34px} }
@media (max-width:767px){
  .rsa-toc2{padding:14px 16px 10px;margin-bottom:24px}
  .content .wrapper .rsa-toc2__list > li{font-size:15px!important}
  .rsa-toc2--more:not(.is-open) .rsa-toc2__list > li:nth-child(n+6){display:none!important}
  .rsa-toc2__btn{display:inline-flex;align-items:center;gap:6px;margin:6px 0 4px 32px;padding:0;border:0;background:none;color:#1975A1;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
  .rsa-toc2__btn::after{content:"";width:7px;height:7px;border-right:2px solid #1975A1;border-bottom:2px solid #1975A1;transform:rotate(45deg) translateY(-2px)}
  .rsa-toc2.is-open .rsa-toc2__btn::after{transform:rotate(-135deg)}
}
.rsa-tocbar{display:none}
.rsa-tocbar[hidden]{display:none!important}
/* переход по ссылке содержания — заголовок не впритык к краю экрана */
.content .rsa-body [id],.content .rsa-body a[name]{scroll-margin-top:16px}

/* Автор: подпись под H1 и карточка в конце статьи (info-statya, tekst.md §8) */
/* Подпись: фото на высоту двух строк, текст в две строки по левому краю от фото (образец пользователя 14.09.2026) */
.rsa-trust--author{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin:0 0 24px}
.rsa-trust__photo{flex:0 0 40px;display:block}
.rsa-trust__photo img{display:block;width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover;margin:0!important;max-width:none!important}
.rsa-trust__text{min-width:0;display:flex;flex-direction:column;gap:1px}
.rsa-trust__meta{display:flex;flex-wrap:wrap;gap:0 16px}
.rsa-byline{color:#56646B!important;text-decoration:none!important}
.rsa-byline b{color:#28304F;font-weight:600}
.rsa-byline:hover b{color:#1975A1;text-decoration:underline}
.rsa-author{display:flex;gap:18px;align-items:flex-start;margin:2.2em 0 0;padding:20px;border:1px solid #D9E4EE;border-radius:16px;background:#F7FAFC}
.rsa-author__photo{flex:0 0 96px;display:block}
.rsa-author__photo img{display:block;width:96px!important;height:96px!important;border-radius:50%!important;object-fit:cover;margin:0!important;max-width:none!important}
.rsa-author__body{min-width:0}
.rsa-author__label{font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.05em;color:#56646B;margin:0 0 4px}
.rsa-author__name{font-size:19px;line-height:1.3;font-weight:600;color:#000!important;text-decoration:none!important}
.rsa-author__name:hover{color:#1975A1!important;text-decoration:underline!important}
.rsa-author__role{font-size:14px;line-height:1.4;color:#56646B;margin:2px 0 8px}
.content .wrapper .rsa-author p.rsa-author__bio{font-size:15px!important;line-height:1.5!important;margin:0 0 8px!important;color:#1f1f1f!important;text-align:left!important}
.rsa-author__more{font-size:14px;color:#1975A1!important}
.rsa-panel{border:1px solid #D9E4EE;border-radius:16px;padding:20px;background:#fff}
.rsa-panel--dark{background:#28304F;border-color:#28304F;color:#fff}
.rsa-panel__t{margin:0 0 10px;font-size:15px;line-height:1.3;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.rsa-panel p{margin:0 0 14px!important;font-size:14px!important;line-height:1.5!important}
/* общий цвет абзацев сайта перебивал светлый текст — на тёмной плашке он был нечитаем */
.content .rsa-panel--dark p,.rsa-panel--dark p{color:#D5DDEA!important}
.content .rsa-panel--dark .rsa-panel__t{color:#fff!important}
.rsa-links{list-style:none;margin:0;padding:0}
.rsa-links li{border-bottom:1px solid #D9E4EE;margin:0;padding:0!important}
/* общее правило сайта .content .wrapper ul > li::before рисует синий квадрат 9px и сдвигает пункт на 25px */
.content .wrapper .rsa-links > li::before{display:none!important;content:none!important}
.rsa-links li:last-child{border-bottom:0}
.rsa-links a{display:block;padding:9px 0;color:#1975A1;text-decoration:none;font-size:14px;line-height:1.35}
.rsa-links a:hover{text-decoration:underline}
/* Миниатюры оборудования (14.09.2026): рендер на белом 60×40 слева от подписи */
.rsa-links--img a{display:flex;align-items:center;gap:12px;padding:7px 0}
.rsa-links__img{flex:0 0 60px;width:60px;height:40px;display:block}
.rsa-links__img img{display:block;width:60px!important;height:40px!important;max-width:none!important;object-fit:contain;margin:0!important;border-radius:0!important;transition:transform .2s}
.rsa-links--img a:hover .rsa-links__img img{transform:scale(1.06)}
.rsa-btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:30px;background:#1694D0;color:#fff!important;font-size:15px;font-weight:600;text-decoration:none!important}
.rsa-btn:hover{background:#1287BE}
/* Всё в плашке по левому краю; телефон — заметный второй способ связи */
.rsa-panel__phone{display:block;margin-top:14px;color:#fff!important;font-size:17px!important;line-height:1.3;font-weight:600;text-align:left;text-decoration:none;letter-spacing:.01em}
.rsa-panel__phone::before{content:"или позвоните";display:block;margin-bottom:2px;font-size:13px;font-weight:400;color:#D5DDEA;letter-spacing:0}
.rsa-panel__phone:hover{text-decoration:underline}

.rsa-related{margin:0 0 40px}
.rsa-related__t{font-size:22px!important;font-weight:600!important;text-transform:uppercase;margin:0 0 18px!important;color:#000}
.rsa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rsa-card{border:1px solid #D9E4EE;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
/* Жёсткая рамка 16:9: общее height:auto сайта и исходники другой пропорции растягивали превью в разнобой */
.rsa-card__img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#DCEBF5,#8DBBDA)}
.rsa-card__img img{position:absolute!important;top:0;left:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;margin:0!important}
.rsa-card__body{padding:14px 16px 16px}
.rsa-card__title{font-size:17px!important;line-height:1.3!important;font-weight:600!important;text-transform:none!important;margin:0 0 6px!important;padding:0!important}
.rsa-card__title a{color:#000;text-decoration:none}
.rsa-card__title a:hover{color:#1975A1;text-decoration:underline}
.rsa-meta{font-size:12px;color:#56646B}

@media (max-width:1023px){
  .rsa-layout{grid-template-columns:1fr;gap:28px}
  .rsa-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .rsa-panel{flex:1 1 260px}
  /* колонка уходит под статью: содержание показывает липкая полоса над текстом */
  .rsa-aside__sticky{position:static;flex:1 1 260px}
  .rsa-aside .rsa-toc{display:none}
  .rsa-tocbar{display:block;position:sticky;top:0;z-index:20;margin:0 0 18px}
  /* при статичном оглавлении — плавающая полоса сверху экрана, только когда карточка содержания прокручена (места в потоке не занимает);
     слева 26px — не под вкладкой сайта «Отправить сообщение» */
  .rsa-tocbar--float{position:fixed;top:8px;left:26px;right:12px;margin:0;z-index:40;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}
  .rsa-tocbar--float.is-shown{opacity:1;visibility:visible;transform:none}
  .rsa-tocbar__btn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 14px;border:0;border-radius:10px;background:#28304F;color:#fff;font:inherit;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;box-shadow:0 4px 14px rgba(40,48,79,.18)}
  .rsa-tocbar__cur{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
  .rsa-tocbar__n{flex:none;color:#9FD6F0;white-space:nowrap}
  .rsa-tocbar__btn::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid #9FD6F0;border-bottom:2px solid #9FD6F0;transform:rotate(45deg);margin:-4px 2px 0 0}
  .rsa-tocbar.is-open .rsa-tocbar__btn::after{transform:rotate(-135deg);margin-top:4px}
  .rsa-tocbar__drop{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);padding:10px 14px;background:#fff;border:1px solid #D9E4EE;border-radius:12px;box-shadow:0 12px 32px rgba(40,48,79,.18)}
  .rsa-tocbar.is-open .rsa-tocbar__drop{display:block}
  .rsa-tocbar .rsa-toc__list{max-height:60vh}
  .content .wrapper .rsa-tocbar .rsa-toc__list a{font-size:15px!important;padding:9px 0 9px 12px}
  .content .rsa-body [id],.content .rsa-body a[name]{scroll-margin-top:64px}
  .rsa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  /* фиксированная вкладка сайта «Отправить сообщение» занимает левые 20px экрана */
  .rsa-layout,.rsa-related,.rsa-video{padding-left:10px}
  .content .wrapper > h1{font-size:24px!important}
  /* Телефон: текст 18/1.5, H2 24, H3 20, таблица 15, шапка и первая колонка таблицы 13 */
  .content .wrapper .rsa-body p,.content .wrapper .rsa-body li,.content .wrapper .rsa-body dd,.content .wrapper .rsa-body dt,
  .content .wrapper .rsa-body blockquote,.content .wrapper .rsa-body p span,.content .wrapper .rsa-body li span,
  .content .wrapper .rsa-body li p,.content .wrapper .rsa-body ul p,.content .wrapper .rsa-body ol p,
  .content .wrapper .rsa-body p strong,.content .wrapper .rsa-body li strong,.content .wrapper .rsa-body p b,.content .wrapper .rsa-body li b,
  .content .wrapper .rsa-body p a,.content .wrapper .rsa-body li a{font-size:18px!important;line-height:1.5!important}
  .content .wrapper .rsa-body ol li::before,.content .wrapper .rsa-body ul li::before{font-size:16px!important}
  .content .wrapper .rsa-body ol > li{padding-left:32px!important}
  .content .wrapper .rsa-body ul > li{padding-left:22px!important}
  .content .wrapper .rsa-body h2,.content .wrapper .rsa-body h2 *{font-size:24px!important}
  .content .wrapper .rsa-body h3,.content .wrapper .rsa-body h3 *{font-size:20px!important}
  .content .wrapper .rsa-body table td,.content .wrapper .rsa-body table td *{font-size:15px!important}
  .content .wrapper .rsa-body table th,.content .wrapper .rsa-body table th *,
  .content .wrapper .rsa-body table td[style*="background"],.content .wrapper .rsa-body table td[style*="background"] *{font-size:13px!important}
  .content .rsa-body p,.content .rsa-body li,.content .rsa-body span{font-size:18px!important;line-height:1.5!important}
  .content .rsa-body h2,.content .rsa-body h2 *{font-size:22px!important}
  .content .rsa-body h3,.content .rsa-body h3 *{font-size:19px!important}
  .rsa-trust{font-size:13px}
  .rsa-author{gap:14px;padding:16px}
  .rsa-author__photo{flex-basis:64px}
  .rsa-author__photo img{width:64px!important;height:64px!important}
  .rsa-grid{grid-template-columns:1fr}
}

/* RSHOLOD-SHARE-MOBILE 15.09.2026: «Поделиться» на телефоне — «Отправить» главной кнопкой, ряд из 4 значков
   с короткими подписями, «Копировать ссылку» во всю ширину. Две колонки текстовых кнопок не вмещали
   «Одноклассники» на 320–360 px (подпись 148 px в кнопке 123–143 px). Полные названия сетей остаются в разметке. */
@media (max-width:767px){
  .content .wrapper .rsa-sh .rsa-sh__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px}
  .content .wrapper .rsa-sh .rsa-sh__btn--native,.content .wrapper .rsa-sh .rsa-sh__btn--copy{grid-column:1/-1;width:100%;justify-content:center;padding:0 14px!important}
  .content .wrapper .rsa-sh .rsa-sh__btn--native{background:#1694D0;border-color:#1694D0;color:#fff!important}
  .content .wrapper .rsa-sh .rsa-sh__btn--native .rsa-sh__ic{background:rgba(255,255,255,.22)}
  .content .wrapper .rsa-sh a.rsa-sh__btn{flex-direction:column;justify-content:flex-start;gap:6px;width:auto;min-width:0;height:auto;padding:2px 0!important;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px!important;line-height:1.2!important;white-space:nowrap}
  .content .wrapper .rsa-sh a.rsa-sh__btn:hover{background:none;box-shadow:none}
  .content .wrapper .rsa-sh a.rsa-sh__btn .rsa-sh__ic{width:44px;height:44px;font-size:14px}
  .content .wrapper .rsa-sh a.rsa-sh__btn .rsa-sh__ic svg{width:20px;height:20px}
  /* «ВК» и «ОК»: полный текст остаётся в разметке с нулевым кеглем; он — отдельный элемент колонки, поэтому отступ
     задаётся не gap (дал бы лишние 6 px и сдвиг подписи вниз), а нижним полем значка */
  .content .wrapper .rsa-sh a.rsa-sh__btn--vk,.content .wrapper .rsa-sh a.rsa-sh__btn--ok{font-size:0!important;line-height:0!important;gap:0}
  .content .wrapper .rsa-sh a.rsa-sh__btn--vk .rsa-sh__ic,.content .wrapper .rsa-sh a.rsa-sh__btn--ok .rsa-sh__ic{font-size:13px;line-height:1;margin-bottom:6px}
  .content .wrapper .rsa-sh a.rsa-sh__btn--vk::after{content:"ВК";font-size:12px;line-height:1.2}
  .content .wrapper .rsa-sh a.rsa-sh__btn--ok::after{content:"ОК";font-size:12px;line-height:1.2}
}

/* End */
/* /bitrix/templates/rusholod_new/components/bitrix/news/articles_v2/bitrix/news.detail/.default/style.css?178947405936109 */