/* =============================================================
   css/site.css — zahranicnekasina.com
   Чистка первого экрана денежных страниц: на мобильной первая
   карточка рейтинга должна помещаться целиком, вторая — начинаться
   в пределах экрана.

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

@media (max-width:767.98px){

  /* Шапка зафиксирована и занимает 120px, а место под неё резервирует
     margin-top у .pxp-hero. Высоты меняем ПАРОЙ — иначе либо дыра,
     либо заголовок уезжает под шапку. */
  body .pxp-header.pxp-bigger .pxp-header-container{height:66px !important}
  body .pxp-header.pxp-bigger.pxp-is-sticky .pxp-header-container{height:58px !important}
  body .pxp-hero{margin-top:66px !important}

  body .pxp-hero-boxed-content{
    padding-top:14px !important;
    padding-bottom:16px !important;
  }

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

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

  body .zk-list{margin-top:14px}
}

/* ---------- первый экран, десктоп ----------
   h1 темы даёт 64px/72 и две строки (144px), плюс 60px паддинга у
   боксa — нижний край первой карточки уходил за сгиб на 1366x768. */
@media (min-width:768px){
  body .pxp-hero-boxed-content{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  body .pxp-hero h1{
    font-size:52px !important;
    line-height:1.1 !important;
    margin-bottom:10px !important;
  }
  body .pxp-hero-subtitle p{font-size:17px !important;line-height:1.55 !important}
  body .zk-list{margin-top:16px}
}