/* ==========================================================================
   Производительность: отложенный рендер, лёгкое стекло на touch, GPU-слои для анимаций
   ========================================================================== */

/* Ниже первого экрана — не блокируем начальную отрисовку */
.site-footer,
.home-section,
.home-bottom,
.home-promo,
.seo-text-block,
.seo-faq,
.pdp-related,
.pdp-story,
.pdp-features,
.pdp-specs,
.configurator-section__body,
.calculator-card--head + .configurator-section__body {
  content-visibility: auto;
  contain-intrinsic-size: auto 420px;
}

/* Декоративные элементы не участвуют в hit-test */
.page-botanicals {
  pointer-events: none;
  contain: strict;
}

/* Анимации на transform/opacity — отдельный композитный слой без лишнего blur */
.home-hero--panorama .home-hero__slide,
.home-hero--panorama .home-hero__slide.is-active,
.card-slider__slide,
.card-slider__slide.is-active,
.factory-pulse-dot,
.modal-card,
.mobile-drawer-content,
.floating-btn {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.home-hero--panorama .home-hero__slide {
  transition: opacity 0.85s cubic-bezier(0.4, 0, 0.2, 1);
}

/* На touch-устройствах уменьшаем blur стекла — плавность сохраняется, GPU меньше нагружен */
@media (max-width: 768px) and (hover: none), (pointer: coarse) {
  .site-sidebar,
  .glass-panel,
  .calculator-card,
  .calc-sticky-action-card,
  .modal-card,
  .mobile-drawer-content,
  .desktop-topbar,
  .home-green-glass-panel {
    backdrop-filter: blur(14px) saturate(132%);
    -webkit-backdrop-filter: blur(14px) saturate(132%);
  }
}

/* Уважение к настройкам пользователя — не отключаем анимации по умолчанию */
@media (prefers-reduced-motion: reduce) {
  .home-hero--panorama .home-hero__slide,
  .card-slider__slide,
  .factory-pulse-dot {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}