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

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

   Шапка тут position:fixed, место под неё держит padding-top секции
   .blog-details-area: 74px на мобильной и 108px на десктопе. Ниже
   этих значений срезать нельзя — шапка наедет на h1.
   ============================================================= */

@media (max-width:767.98px){

  body .blog-details-area{padding-top:96px !important}

  body .article-content h1{
    font-size:23px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
  }

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

  body .article-content > p:first-of-type{
    margin-top:4px !important;
    margin-bottom:0 !important;
    line-height:1.45 !important;
  }

  body .zic-list{margin-top:8px !important}
}

/* ---------- первый экран, десктоп ----------
   Секция резервирует 200px под шапку высотой 108px — лишние 60px
   срезаем, и первая карточка целиком попадает в фолд 768px. */
@media (min-width:768px){
  body .blog-details-area{padding-top:140px !important}
  body .zo-line{margin-top:6px !important;margin-bottom:8px !important}
  body .article-content > p:first-of-type{margin-bottom:12px !important}
  body .zic-list{margin-top:0 !important}
}