/* Mobile GPU relief (P0) — added 2026-07-01.
   Откат: удалить <link ...mobile-gpu.css...> из header.twig (src+shadow) и этот файл.
   Меняет ТОЛЬКО мобильные ширины; десктоп не затронут. */

/* 1) Отключаем backdrop-filter blur на мобилке.
   У всех элементов с блюром на сайте уже есть непрозрачный/почти непрозрачный фон
   (rz-menu кнопки — сплошной градиент; fly-menu-backdrop — rgba; тултип товара — 0.9),
   поэтому визуально ничего не теряется, а GPU разгружается. */
@media (max-width: 1024px){
  .rz-menu__btn, .rzm__btn,
  .fly-menu-backdrop,
  [class*="glass"]{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
/* тултип-подсказка опций на странице товара (product-page.css blur(10px)) */
@media (max-width: 1024px){
  [class*="hint"]{ -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
}

/* 2) Гасим постоянные декоративные анимации на мобилке (не CTA «Купить») */
@media (max-width: 1024px){
  .heart-emoji, .pulse, .option-hint-badge{ animation: none !important; }
}

/* (reduced-motion blanket removed 2026-07-01: глушил ВСЕ переходы на десктопе с reduce-motion, ломал анимацию кнопки «Показать еще»; декоративные анимации гасятся точечными правилами выше) */



/* ============ P1 (2026-07-01): пропуск рендера карточек за экраном ============ */
/* Только листинг категории/поиска (.products-block .product-grid), НЕ карусели (.uni-item в модулях
   не имеют класса .product-grid). content-visibility:auto → браузер не красит карточки вне вьюпорта.
   contain-intrinsic-size: auto 360px → запоминает реальную высоту после первого рендера, скролл не прыгает. */
@media (max-width: 1024px){
  .products-block .product-grid{
    content-visibility: auto;
    contain-intrinsic-size: auto 360px;
  }
}
/* Изоляция перерисовки карточки (ленивое изображение/бейдж не инвалидируют соседей) */
@media (max-width: 1024px){
  .product-thumb.uni-item{ contain: layout paint; }
}


/* ============ Ускорение попапа корзины (2026-07-01) ============ */
/* Причина «медленно + блюр за ним»: при открытой модалке ВСЯ страница получает filter:blur(2px)
   (body.modal-open header/main/footer) — тяжёлый raster всей страницы на мобилке, тормозит появление.
   Убираем блюр (тёмная подложка модалки остаётся). На всех ширинах — эффект дорогой везде. */
body.modal-open header,
body.modal-open main,
body.modal-open footer{
  filter: none !important;
  -webkit-filter: none !important;
}

/* Быстрее сама анимация появления модалки корзины (animate.css по умолчанию 1s; Bootstrap fade .3s) */
#modal-cart{ animation-duration: .2s !important; }
.modal.fade .modal-dialog{ -webkit-transition-duration: .18s !important; transition-duration: .18s !important; }
.modal-backdrop.fade{ -webkit-transition-duration: .12s !important; transition-duration: .12s !important; }

/* Плавающая моб. кнопка «Купить»: фон уже 96% непрозрачный → blur(14px) бесполезен, только грузит GPU */
@media (max-width: 1024px){
  .floating-buy-button-mob{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}