/* Что ускоряет сайт на телефоне.

   На iPhone тяжелее всего даются три вещи: размытие фона (backdrop-filter),
   большие мягкие тени и анимации, которые крутятся в блоках за экраном.
   Размытие мы заменяем плотным фоном — на глаз почти не отличить, а прокрутка
   перестаёт «залипать». Тени делаем короче. Анимации в невидимых блоках
   браузер и так может не рисовать. Для динамически созданных секций жилья,
   дороги и питания content-visibility не используем: Safari может пропустить их. */

@media (max-width:760px),(pointer:coarse){
  /* 1. Никакого размытия фона: на телефоне оно пересчитывается каждый кадр. */
  html body .wid-topnav,
  html body .wid-mobile-menu,
  html body .wid-story-dots,
  html body .wid-vacancy-progress,
  html body .wid-consent,
  html body .kq-dots,
  html body .life-dots,
  html body .jt-chip{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html body .wid-topnav{background:rgba(255,255,255,.97)!important}
  html body .wid-story-dots,
  html body .wid-vacancy-progress{background:rgba(255,255,255,.94)!important}

  /* 2. Тени короче: огромный радиус размытия на каждой карточке — дорогой. */
  html body .wid-vacancy-card__face{box-shadow:0 12px 28px rgba(31,40,56,.10)!important}
  html body .wid-wallet-card{box-shadow:0 10px 24px rgba(20,28,44,.12)!important}
  html body .life-face{box-shadow:0 10px 24px rgba(32,43,62,.08)!important}

  /* 3. Блоки за экраном не тратят время на отрисовку. */
  html body #services,
  html body #articles-teaser,
  html body #reviews{content-visibility:auto;contain-intrinsic-size:auto 900px}
}