/* st-uhero v1 — первый экран услуги на фото объекта (как у конкурентов из топа, но с реальным фото услуги).
   Нужна обёртка .uslugi-hero вокруг H1 и вводного текста (см. snippet.html). Подключать после остальных st-*. */
#content #uslugi_detail .uslugi-hero{
  position:relative;isolation:isolate;overflow:hidden;
  margin:0 0 18px;padding:34px 36px 30px;border-radius:20px;
  background:#2D3440;color:#fff;
  box-shadow:0 14px 34px rgba(45,52,64,.18)}
/* фото: обычный <img> (быстрее грузится, чем background-image) */
#content #uslugi_detail .uslugi-hero__bg{
  position:absolute;inset:0;z-index:-2;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover;object-position:center;margin:0!important;border:0!important;border-radius:0!important}
/* затемнение: слева плотнее под текст, справа фото видно */
#content #uslugi_detail .uslugi-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(33,38,48,.95) 0%,rgba(33,38,48,.9) 50%,rgba(33,38,48,.72) 75%,rgba(33,38,48,.35) 100%)}
/* фирменная оранжевая полоса сверху */
#content #uslugi_detail .uslugi-hero::after{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#FE5248,#FD8507)}

#content #uslugi_detail .uslugi-hero .content-block{margin:0 0 14px!important;padding:0!important;background:none!important}
#content #uslugi_detail .uslugi-hero .page_title{
  margin:0!important;max-width:74%;color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 14px rgba(0,0,0,.35)}
#content #uslugi_detail .uslugi-hero .content-block+div{max-width:600px;margin:0!important}
#content #uslugi_detail .uslugi-hero .content-block+div p{
  margin:0 0 10px!important;font-size:16px!important;line-height:1.55!important;
  color:rgba(255,255,255,.92)!important;text-decoration:none!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}

@media (max-width:767px){
  #content #uslugi_detail .uslugi-hero{padding:166px 18px 20px;border-radius:16px}
  #content #uslugi_detail .uslugi-hero .page_title{max-width:none}
  /* на мобильном фото видно полосой сверху, текст — на тёмном ниже */
  #content #uslugi_detail .uslugi-hero__bg{bottom:auto;height:160px!important;object-position:center 55%}
  #content #uslugi_detail .uslugi-hero::before{background:linear-gradient(180deg,rgba(33,38,48,0) 0,rgba(33,38,48,.1) 100px,rgba(33,38,48,.96) 158px,rgba(33,38,48,.96) 100%)}
  #content #uslugi_detail .uslugi-hero .content-block+div p{font-size:15px!important}
  #content #uslugi_detail .uslugi-hero .content-block+div p.uslugi-hero__meta{font-size:12.5px!important}
}


/* v1.2 */
/* убираем линию/декор шаблона над заголовком внутри блока */
#content #uslugi_detail .uslugi-hero .content-block,
#content #uslugi_detail .uslugi-hero .page_title{border:0!important;box-shadow:none!important;background:none!important}
#content #uslugi_detail .uslugi-hero .content-block::before,#content #uslugi_detail .uslugi-hero .content-block::after,
#content #uslugi_detail .uslugi-hero .page_title::before,#content #uslugi_detail .uslugi-hero .page_title::after{display:none!important;content:none!important}
#content #uslugi_detail .uslugi-hero hr{display:none!important}

/* вводный блок: все абзацы одинаковые; порядок — текст, кнопка, строка «Обновлено» */
#content #uslugi_detail .uslugi-hero .content-block+div{display:flex!important;flex-direction:column;align-items:flex-start}
#content #uslugi_detail .uslugi-hero .content-block+div>*{max-width:100%}
#content #uslugi_detail .uslugi-hero .content-block+div p{margin:0 0 10px!important}

/* строка «Обновлено…» — разработчик добавляет ей class="uslugi-hero__meta"; видна всегда, мелко */
#content #uslugi_detail .uslugi-hero .content-block+div p.uslugi-hero__meta,
#content #uslugi_detail .uslugi-hero .content-block+div p.uslugi-hero__meta *{
  order:100;margin:4px 0 0!important;font-size:13px!important;line-height:1.5!important;
  color:rgba(255,255,255,.74)!important;text-decoration:none!important}

/* свёрнуто: первый абзац 3 строки, остальные абзацы (кроме «Обновлено») скрыты до клика */
#content #uslugi_detail .uslugi-hero.is-clamp:not(.is-open) .content-block+div p:first-child{
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#content #uslugi_detail .uslugi-hero.is-clamp:not(.is-open) .content-block+div p:not(:first-child):not(.uslugi-hero__meta){display:none!important}

#content #uslugi_detail .uslugi-hero__more{
  display:none;order:99;margin:0 0 4px;padding:0;background:none;border:0;cursor:pointer;
  font:inherit;font-size:14px;font-weight:700;color:#FDA040;border-bottom:1px dashed rgba(253,160,64,.6)}
#content #uslugi_detail .uslugi-hero.is-clamp .uslugi-hero__more{display:inline-block}
#content #uslugi_detail .uslugi-hero__more:hover{color:#fff;border-bottom-color:#fff}
#content #uslugi_detail .uslugi-hero__more:focus-visible{outline:2px solid #FD8900;outline-offset:3px}
#content #uslugi_detail .uslugi-hero .content-block+div a{color:#FDA040!important;text-decoration:underline}
#content #uslugi_detail .uslugi-hero .content-block+div a:hover{color:#fff!important}
#content #uslugi_detail .uslugi-hero .content-block+div p.uslugi-hero__meta,
#content #uslugi_detail .uslugi-hero .content-block+div p.uslugi-hero__meta *{font-style:normal!important}