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

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

@media (max-width:767.98px){

  /* Логотип в шапке — картинка 128x128, на мобильной это шестая часть
     экрана ещё до заголовка. */
  body header#topnav .logo img{
    height:54px !important;
    width:auto !important;
  }
  body header#topnav{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  /* Заголовок первого экрана */
  body .article-content h1{
    font-size:27px !important;
    line-height:1.18 !important;
    margin-bottom:10px !important;
  }

  /* Лид остаётся в разметке и в индексе, в вид отдаём три строки */
  body .article-content h1 + p{
    font-size:14.5px !important;
    line-height:1.5 !important;
    margin-bottom:12px !important;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* Верхний отступ секции с контентом. Шапка зафиксирована, и место под
     неё резервирует именно этот padding — если срезать его в ноль,
     заголовок уезжает под шапку. Держим высоту шапки + небольшой зазор. */
  body section#top.bg-half-200{
    padding-top:94px !important;
  }
}