/* Шапки страниц портфолио (24.09.2026): стабильная высота при длинных названиях */
@media (min-width: 992px) {
  body.single-works .page-info > .row > .col-lg-7 {
    flex: 0 0 41.6667%; max-width: 41.6667%; width: 41.6667%;
  }
  body.single-works .page-info > .row > .col-lg-5 {
    flex: 0 0 58.3333%; max-width: 58.3333%; width: 58.3333%;
  }
  body.single-works .page-info__title {
    text-wrap: balance;
    min-height: 2lh;
  }
  /* крошки в одну строку, длинное название — с многоточием */
  body.single-works .page-info__breadcrumb {
    display: flex; flex-wrap: nowrap; min-width: 0;
  }
  body.single-works .page-info__breadcrumb .ui-breadcrumb__item {
    flex: 0 0 auto;
  }
  body.single-works .page-info__breadcrumb .ui-breadcrumb__item:last-child {
    flex: 1 1 auto; min-width: 0; overflow: hidden;
  }
  body.single-works .page-info__breadcrumb .ui-breadcrumb__item:last-child span {
    display: block;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
}

/* Серая панель шапки — вслед за колонкой заголовка (7/12).
   В теме: .header-wrap.header_short:after { left: calc(50% + 99px) } — под колонку 5/12.
   Сохраняем тот же зазор: панель начинается на 4px правее края колонки. */
@media (min-width: 992px) {                 /* контейнер 960 */
  body.single-works .header-wrap.header_short:after {
    left: calc(50% - 76px);
    width: calc(50% + 76px);
  }
}
@media (min-width: 1200px) {                /* контейнер 1140 */
  body.single-works .header-wrap.header_short:after {
    left: calc(50% - 91px);
    width: calc(50% + 91px);
  }
}