/* =============================================================
   css/site.css — zahranicni-sazkove-kancelare.com
   Чистка первого экрана денежных страниц: на мобильной первая
   карточка рейтинга должна помещаться целиком, вторая — начинаться
   в пределах экрана (ТЗ §6.2).

   Вне любой сборки, подключается с ?v=filemtime.
   Правила темы объявлены с большей специфичностью — перебиваем через body.

   Особенность этого сайта: таблица стоит ВНУТРИ героя, поэтому над
   ней идут h1, авторская строка .zs-line и лид .pxp-hero-subtitle.
   ============================================================= */

@media (max-width:767.98px){

  body .pxp-hero-boxed-content{padding-top:6px !important}

  body .pxp-hero h1{
    font-size:21px !important;
    line-height:1.2 !important;
    margin-bottom:6px !important;
  }

  /* авторская строка E-A-T остаётся, но без лишнего воздуха */
  body .zs-line{
    margin-top:6px !important;
    margin-bottom:6px !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }

  /* лид остаётся в разметке и в индексе, в вид отдаём две строки */
  body .pxp-hero-subtitle{margin-top:4px !important}
  body .pxp-hero-subtitle p{
    font-size:13.5px !important;
    line-height:1.45 !important;
    margin-bottom:0 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* на странице казино между лидом и таблицей стоит ещё один h2 */
  body .pxp-hero .pxp-section-h2{
    font-size:16px !important;
    line-height:1.25 !important;
    margin-bottom:6px !important;
    margin-top:4px !important;
  }
}

/* ---------- первый экран, десктоп ----------
   Полностью загнать первую карточку выше фолда нельзя без правки
   контента: над таблицей стоят h1, авторская строка и лид.
   Срезаем только воздух. */
@media (min-width:768px){
  body .pxp-hero-boxed-content{padding-top:14px !important}
  body .zs-line{margin-top:8px !important;margin-bottom:8px !important}
  body .pxp-hero-subtitle{margin-top:2px !important;margin-bottom:6px !important}
  body .zsk-list{margin-top:0 !important}
}