/* Mood mobile thermal patch — без изменения промо-видео и hero-анимаций.
   Снимает постоянную GPU-нагрузку от blur, шиммеров и лишней отрисовки. */

@media (max-width: 1023px) {
  /* Fixed chrome: blur на iOS перерисовывает весь viewport при каждом скролле */
  html body.mood-layout-v2.mood-mobile-v3 .mood-header-shell,
  body.mood-mobile-v3 .mood-mob-dock__bar,
  body.mood-mobile-v3 .mobile-guest-bar-inner,
  body.mood-mobile-v3 .games-toolbar-panel--home:not(.mood-game-nav),
  body.mood-mobile-v3 #pageGames .games-toolbar-panel:not(.mood-game-nav),
  body.mood-mobile-v3 .mood-filter-bar,
  body.mood-mobile-v3 .mhr__arrow {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html body.mood-layout-v2.mood-mobile-v3 .mood-header-shell {
    background: var(--bg-card) !important;
  }

  html[data-theme="light"] body.mood-layout-v2.mood-mobile-v3 .mood-header-shell {
    background: rgba(255, 255, 255, 0.98) !important;
  }

  body.mood-mobile-v3 .mood-mob-dock__bar {
    background: var(--bg-card) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.18);
    will-change: auto;
  }

  html[data-theme="light"] body.mood-mobile-v3 .mood-mob-dock__bar {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -4px 16px rgba(16, 24, 40, 0.1);
  }

  body.mood-mobile-v3 .mobile-guest-bar-inner {
    background: var(--bg-card) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.18);
  }

  html[data-theme="light"] body.mood-mobile-v3 .mobile-guest-bar-inner {
    background: rgba(255, 255, 255, 0.98) !important;
  }

  body.mood-mobile-v3 .games-toolbar-panel--home:not(.mood-game-nav),
  body.mood-mobile-v3 #pageGames .games-toolbar-panel:not(.mood-game-nav) {
    background: var(--bg) !important;
    box-shadow: none;
  }

  body.mood-mobile-v3 .mhr__arrow {
    background: var(--bg-card) !important;
  }

  /* Скелетоны и лоадеры карточек — десятки параллельных шиммеров */
  body.mood-mobile-v3 .home-games-strip .skeleton-slot,
  body.mood-mobile-v3 .home-slots-grid .skeleton-slot,
  body.mood-mobile-v3 .games-grid .skeleton-slot,
  body.mood-mobile-v3 .mood-skeleton-game-card {
    animation: none !important;
    background: var(--surface-2) !important;
    background-size: auto !important;
  }

  body.mood-mobile-v3 .mood-game-card__placeholder::before,
  body.mood-mobile-v3 .game-card-mood-loader::before {
    animation: none !important;
    display: none !important;
  }

  /* Promo rail: отдельный compositor-слой, анимации не трогаем */
  body.mood-mobile-v3 .mhr-card {
    contain: layout style;
  }

  body.mood-mobile-v3 .mhr-card__media,
  body.mood-mobile-v3 .mhr-card__scene {
    contain: paint;
    transform: translateZ(0);
  }

  body.mood-mobile-v3 .mhr__rail {
    scroll-behavior: auto;
  }
}