/* Scroll performance — home + produto (mobile/desktop)
   Não remove UI. Não usa content-visibility em blocos de categoria.
   Não liga/desliga backdrop-filter no scroll (causa hitch). */

/* Página: scroll nativo previsível */
html {
  scroll-behavior: auto;
  overscroll-behavior-y: auto;
}
body.kingdom-is-home,
body.kingdom-is-package-immersive {
  -webkit-overflow-scrolling: touch;
}

/* Chrome fixo em layer própria (menos repaint no scroll) */
header.kb-site-header,
.kb-float-nav,
.kb-bottom-nav,
.kb-bottom-nav__bar,
.kb-social-fab,
.kb-pkg-sticky-buy,
.package-page-bg {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Glass um pouco mais leve — menos custo contínuo */
header.kb-site-header .kb-float-nav,
.kb-float-nav,
.kb-bottom-nav__bar {
  background: rgba(12, 20, 34, 0.58) !important;
  backdrop-filter: blur(12px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.18) !important;
}

/* Durante scroll: pausa loops decorativos (não some nada) */
html.is-page-scrolling .kb-featured__energy,
html.is-page-scrolling .kb-featured__dot-p,
html.is-page-scrolling .kb-ambient-glow,
html.is-page-scrolling .home-hero-slide.is-active .home-hero-slide__media,
html.is-page-scrolling .kingdom-home-hero__slide.is-active,
html.is-page-scrolling .home-trust-card.is-visible .home-trust-card__media,
html.is-page-scrolling .home-trust-card.is-visible .home-trust-card__icon,
html.is-page-scrolling .trust-float-icon,
html.is-page-scrolling .kb-featured__float,
html.is-page-scrolling .pkg-trust-strip .trust-float-icon,
html.is-page-scrolling .kb-bogo-hook__status-dot {
  animation-play-state: paused !important;
}

/* Marquee de avaliações: sempre rodando */
html.is-page-scrolling .home-reviews-strip__rail {
  animation-play-state: running !important;
}

/* Menos trabalho de transição em cards laterais do coverflow no scroll */
html.is-page-scrolling .kb-coverflow-track > .package-carousel-slide:not(.is-snap-center) .package-card,
html.is-page-scrolling .kb-coverflow-track > .package-carousel-slide:not(.is-snap-center) .package-card__image,
html.is-page-scrolling .home-top5-card:not(:hover) .home-top5-card__face,
html.is-page-scrolling .home-top5-card:not(:hover) .home-top5-card__img {
  transition: none !important;
}

/* Produto: sticky buy / FAB em layer estável */
body.kingdom-is-package-immersive .kb-pkg-sticky-buy:not([hidden]),
body.kingdom-is-package-immersive .kb-social-fab {
  contain: layout style;
}

/* Contenção leve só onde não quebra carrossel/overflow */
body.kingdom-is-package-immersive .pkg-trust-strip,
body.kingdom-is-package-immersive .pkg-feedbacks-mount {
  contain: layout style;
}

/* Carrosséis: scroll horizontal barato + não empurra âncora da página */
.package-list[data-carousel-track],
.package-list.kb-coverflow-track,
.kb-coverflow-track,
.home-top5__rail,
.kb-reviews__track {
  overflow-anchor: none;
  -webkit-overflow-scrolling: touch;
}

/* Mobile: menos blur em painéis enquanto rola (mantém visual perto do normal) */
@media (max-width: 767px) {
  html.is-page-scrolling .package-showcase-panel,
  html.is-page-scrolling .pkg-showcase-buy-card,
  html.is-page-scrolling .pkg-desc-panel,
  html.is-page-scrolling .pkg-faq-open {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  /* Hero home: sem zoom contínuo durante o scroll da página */
  html.is-page-scrolling .kingdom-home-hero__slide.is-active {
    animation-play-state: paused !important;
  }
}

/* Desktop: pointer fine — mesma pausa de hover transitions no scroll */
@media (hover: hover) and (pointer: fine) {
  html.is-page-scrolling .package-card,
  html.is-page-scrolling .package-card__image,
  html.is-page-scrolling .home-top5-card__face,
  html.is-page-scrolling .home-top5-card__img {
    transition: none !important;
  }
}

.pkg-trust-strip.is-anim-paused .trust-float-icon,
.pkg-trust-strip.is-anim-paused .home-trust-card__media,
.pkg-trust-strip.is-anim-paused .home-trust-card__icon {
  animation-play-state: paused !important;
}

/* Reduced motion: sem animações decorativas */
@media (prefers-reduced-motion: reduce) {
  .kb-featured__energy,
  .kb-featured__dot-p,
  .kb-ambient-glow,
  .trust-float-icon,
  .kb-featured__float,
  .kingdom-home-hero__slide.is-active {
    animation: none !important;
  }
}