/* ═══════════════════════════════════════════════════════════════════════════
   Тонировка hero сервисных страниц и воздух между секциями.

   Здесь только плотность подложки и отступы. Геометрию фотографии не трогаем:
   каждая страница кадрирует свой снимок сама, и общий background-size
   растягивал их не по пропорциям.

   Селекторы начинаются с html, а класс продублирован. Постраничные <style>
   лежат ниже ссылок на файлы и при равной специфичности выигрывают; лишний
   класс снимает зависимость от порядка — иначе packing в тёмной теме
   оставлял свою непрозрачность .42.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Сетка-подложка: у packing она была втрое заметнее, чем у остальных. */
html body#top.service-page .svc-hero.svc-hero::before{
  opacity: .2 !important;
}

/* Фотография как фактура, а не как картинка поверх текста. До этого packing
   и mandatory_rigid_packaging держали .34, и лид ложился прямо на погрузчика. */
html body#top.service-page .svc-hero.svc-hero::after{
  opacity: .14 !important;
}

html[data-theme="dark"] body#top.service-page .svc-hero.svc-hero.svc-hero::after{
  opacity: .18 !important;
}

/* Воздух между секциями: без него заголовок раздела упирается в карточки
   предыдущего блока и текст читается одним куском.

   Класс продублирован по той же причине: у packing лежит правило
   `section[aria-labelledby="packing-kpi-title"] + .svc-section`, оно выигрывало
   по специфичности и оставляло 12 px вместо 34. */
html body#top.service-page main .svc-section.svc-section{
  padding: 34px 0 0 !important;
}

html body#top.service-page main .svc-hero + .svc-section.svc-section{
  padding-top: 22px !important;
}

html body#top.service-page main .svc-h2.svc-h2{
  margin: 0 0 14px !important;
}

html body#top.service-page main .svc-cta{
  margin-top: 34px !important;
}

@media (max-width: 980px){
  html body#top.service-page main .svc-section.svc-section{ padding-top: 26px !important; }
}