/* ============================================================================
   Эффорт Групп — НОВОСТИ НА ГЛАВНОЙ, вариант Б (с лидом).  12.09.2026
   ----------------------------------------------------------------------------
   Только шаблон `new` (главная). Подключать ПОСЛЕ home.css.
   Откат: снять одну строку подключения.

   ЗАЧЕМ — замер живого блока на 1440:
     карточка `.single-smblog`   425 × 566, flex-column, высота выровнена слайдером
     обложка `.smblog-thum`      424 × 265, обложки 445×445 КВАДРАТ, object-fit: contain
                                 ⇒ картинка 265×265 по центру, по бокам 159 px белого (37 %)
     `.smblog-content`           424 × 300, flex-column, padding 24
       `.h6`                     376 × 142, а ссылка внутри всего 78 px
                                 ⇒ 63 px воздуха ВНУТРИ заголовка, потому что у него flex: 1 1 auto
       `.smblog-foot`            376 × 110 (дата 24 + «Подробнее» 44 + padding-top 24)
     лид                         в блоке НЕТ, хотя в данных есть

   ЧТО ДЕЛАЕМ:
     • заголовок перестаёт растягиваться (flex: 0 0 auto) — воздух 63 → 7 px
     • под заголовком печатается лид, 3 строки с обрезкой
     • подвал прижат к низу (margin-top: auto) — даты и «Подробнее» встают
       в одну линию по всем карточкам ряда
     • обложка 265 → 200 px, поэтому карточка не растёт от лида, а становится ниже

   ПОСЛЕ (замерено вкладыванием в живой DOM, три карточки):
     карточка 553 (было 566) · обложка 200 · лид 3 строки · воздух в заголовке 7 px
     остаток пустоты 36 / 36 / 64 px — это выравнивающий слак над подвалом, а не воздух

   ⛔ ОБЛОЖКИ НЕ ТРОГАЕМ СТИЛЯМИ. Проверено на трёх настоящих обложках:
     `cover` обрезает логотипы (у ELTEX срезается «X»), а тёплая подложка с multiply
     губит фотографию. Единого приёма для логотипа и фото нет — правильное место
     правки это ГЕНЕРАТОР обложек (`matrixSquareCover` в `local/tools/news-intake.php`,
     у него уже есть эвристика по белизне периметра): научить его 16:10 вместо квадрата,
     и тогда в CSS хватит `cover` без белых полей. Это отдельная задача.

   Префикс `body` обязателен: `/include/eg-home-trust-static-20260910.css` подключается
   из `include/why_us.php:1`, то есть в ТЕЛЕ страницы, после шапки.
   ========================================================================== */

/* --- 1. Обложка ниже: карточка не растёт от добавленного лида -------------- */
body.eg-home-upgrade .news_main_page .smblog-thum,
body.eg-home-upgrade .news_main_page .smblog-thum .blog-image,
body.eg-home-upgrade .news_main_page .smblog-thum .blog-image a {
  height: 200px;
}

body.eg-home-upgrade .news_main_page .smblog-thum .blog-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* --- 2. Заголовок не растягивается ---------------------------------------- */
body.eg-home-upgrade .news_main_page .smblog-content .h6 {
  flex: 0 0 auto;
}

/* --- 3. Лид: три строки, дальше обрезка ----------------------------------- */
body.eg-home-upgrade .news_main_page .smblog-content .smblog-lead {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #606566;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- 4. Подвал к низу: даты и «Подробнее» в одну линию по ряду ------------- */
body.eg-home-upgrade .news_main_page .smblog-content .smblog-foot {
  margin-top: auto;
}

/* --- 5. Телефон: лид короче, обложка ниже --------------------------------- */
@media (max-width: 767px) {
  body.eg-home-upgrade .news_main_page .smblog-thum,
  body.eg-home-upgrade .news_main_page .smblog-thum .blog-image,
  body.eg-home-upgrade .news_main_page .smblog-thum .blog-image a {
    height: 170px;
  }
  body.eg-home-upgrade .news_main_page .smblog-content .smblog-lead {
    -webkit-line-clamp: 2;
  }
}