/* PROMINVEST_R26_DIRECTIONS_THEME_ONLY
   Только компактный desktop-класс 1366×768 и ниже.
   Не меняет DOM, структуру экранов, scroll-snap или обработчики прокрутки. */
@media (min-width:981px) and (max-width:1366px) and (max-height:768px){
  html body #app .fullpage .screen--third .screen3 .screen3__top{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  html body #app .fullpage .screen--third .screen3 .screen3__top > .sec{
    box-sizing:border-box !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* JS синхронизирует точную фактическую ширину с 1–2 экранами.
     Эта формула остаётся безопасным первым кадром до выполнения JS. */
  html body #app .fullpage .screen--third .screen3 .screen3__top > .sec > .wrap{
    box-sizing:border-box !important;
    width:calc(100% - 36px) !important;
    max-width:min(1120px, 154vh) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    transform:none !important;
    transform-origin:center center !important;
  }

  /* Только небольшое увеличение высоты карточек. */
  html body #app .fullpage .screen--third .screen3 .screen3__top > .sec > .wrap .grid > .card,
  html body #app .fullpage .screen--third .screen3 .screen3__top > .sec > .wrap .skeletonGrid > .skeletonCard{
    height:116px !important;
  }
}