/**
 * KayStO — performance mobile (≤767px)
 * Rolagem nativa, sem animações decorativas pesadas.
 * Desktop/tablet (≥768px) não é afetado.
 */
@media (max-width: 767px) {
  /* ─── Scroll nativo (sem smooth global) ─── */
  html {
    scroll-behavior: auto !important;
  }

  body {
    -webkit-overflow-scrolling: touch;
  }

  /* Camada fixa de gradiente repinta durante scroll */
  .site-glow-viewport {
    position: absolute !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
  }

  /* Cards de produto (fora da home): animação gerida por main.js + core-cards.css (Site 2x) — não sobrescrever aqui */

  .hero-typewriter__caret {
    animation: none !important;
    opacity: 0 !important;
  }

  .hero-secondary-btn,
  .hero-mini-pill,
  .hero-inset-badge,
  .hero-glow-btn,
  .hero-pontos-btn,
  .home-category-view-all {
    transition: none !important;
  }

  .hero-secondary-btn::after,
  .hero-mini-pill::after,
  .hero-inset-badge::after,
  .hero-glow-btn::after,
  .hero-pontos-btn::after,
  .hero-steam--home .hero-home-btn-ghost.hero-secondary-btn[href='/feedbacks']::after,
  .hero-steam--home .hero-home-btn-primary.hero-secondary-btn[href='/solicitacoes']::after {
    display: none !important;
    animation: none !important;
  }

  /* ─── Pontos (home banner) — orb/sparks parados ─── */
  .home-pontos-block__orb,
  .home-pontos-block__orb::before,
  .home-pontos-block__orb-icon,
  .home-pontos-block__sparks span {
    animation: none !important;
  }

  /* ─── Carrosséis horizontais ─── */
  .sol-abast-board__cards .pkg-carousel-track {
    scroll-behavior: auto !important;
  }

  /* ─── Backdrop-filter (GPU pesado no mobile) ─── */
  .mobile-bottom-nav__shell,
  .mobile-bottom-nav__sheet,
  #feedbacks-app .fb-review-verified,
  .fb-review-verified {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-bottom-nav__shell {
    background: rgb(var(--background)) !important;
  }

  /* ─── Nav mobile — transições mínimas (sheet slide-up preservado) ─── */
  .mobile-bottom-nav__item,
  .mobile-bottom-nav__fab,
  .mobile-bottom-nav__backdrop,
  .mobile-bottom-nav__indicator,
  .mobile-bottom-nav.is-hidden {
    transition: none !important;
  }

  /* ─── Navbar do topo — pill mais leve (sem box-shadow em camadas, que
     é repintado a cada troca do estado .scrolled; blur já é removido em
     components/navbar.html <1024px) ─── */
  .custom-navbar-pill,
  .site-header.scrolled .custom-navbar-pill {
    box-shadow: none !important;
  }

  .custom-navbar-pill {
    transition: background-color 0.18s ease, border-color 0.18s ease !important;
  }

  .open-cart,
  .navbar-login-btn {
    box-shadow: none !important;
  }

  .open-cart {
    transition: transform 0.15s ease !important;
  }

  #support-menu {
    transition: opacity 0.15s ease, transform 0.15s ease !important;
  }

  /* ─── Busca mobile (botão "Abrir busca") — aparece instantâneo, sem
     animação de abrir/fechar (grid-template-rows/opacity/transform) ─── */
  .site-header-mobile-search,
  .site-header-mobile-search-inner {
    transition: none !important;
  }

  /* ─── Drawer / dialog — abertura rápida ─── */
  #cart-drawer[data-state="open"],
  #cart-drawer[data-state="closed"],
  #cart-drawer[data-state="open"] > div,
  #cart-drawer[data-state="closed"] > div,
  .dialog[data-state="open"],
  .dialog[data-state="closed"],
  .dialog[data-state="open"] > div,
  .dialog[data-state="closed"] > div {
    animation-duration: 0.12s !important;
  }

  /* ─── Shimmer / pulse infinitos ─── */
  .order-post-btn--feedbacks::before,
  .top-donators-pill::after,
  .fb-star-flash,
  .fb-star-flash .fb-star-glyph {
    animation: none !important;
  }

  .cat-dropdown:not(.hidden),
  #mobile-categories-dropdown:not(.hidden),
  .mobile-subcategories:not(.hidden) {
    animation: none !important;
  }

  /* ─── Solicitações — picker sem slide ─── */
  .sol-abast-var-panel,
  .sol-abast-var-panel.is-closing {
    animation: none !important;
  }

  /* ─── Cards — sem hover durante scroll ─── */
  :is(.pkg-card:not(.sol-abast-card), .sol-abast-card.pkg-card):hover {
    transition: none !important;
  }

  /* ─── Home — carregamento seco no mobile, sem animação de entrada
     (hero, destaques, categorias, reviews, pré-venda etc.), igual ao
     comportamento de /feedbacks. Desktop (≥768px) mantém o efeito normal. ─── */
  body[data-home-navbar-scroll] .reveal-fade-up,
  body[data-home-navbar-scroll] .reveal-fade-left {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* ─── Conteúdo abaixo da dobra — render sob demanda (exceto grids de cards) ─── */
  .home-reviews-marquee-wrap,
  footer.footer-dock {
    content-visibility: auto;
    contain-intrinsic-size: auto 480px;
  }

  .hero-steam--home,
  .site-header-scroll-track,
  main > :first-child {
    content-visibility: visible;
  }

  /* ─── Package page — reforço ─── */
  .package-wrapper .pk-variation-root--open > .pk-variation-listbox,
  .package-wrapper .pk-variation-listbox.pk-variation-listbox--anim-in,
  .package-wrapper .pk-variation-listbox.pk-variation-listbox--closing {
    animation: none !important;
  }
}