/* ============================================================
   SKINA CELL - CAMADA DE DESEMPENHO
   Mantem a composicao visual sem animacoes permanentes que
   sobrecarregam o renderizador e atrasam a abertura da pagina.
   ============================================================ */

.logo strong,
.footer-logo strong,
.circle-bg,
.phone-mockup,
.phone-bolt,
.premium-badge,
.floating-product,
.wa-badge-notification,
.whats-float {
  animation: none !important;
  will-change: auto !important;
}

.promo-ticker {
  contain: layout paint;
}

.ticker-content {
  will-change: transform;
  backface-visibility: hidden;
}

.header,
.floating-product {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.hero-visual {
  contain: layout paint;
}

main > section:not(.hero):not(.hero-section) {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

.category-card,
.product-card {
  transform: translateZ(0);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

.category-card:hover,
.product-card:hover {
  transform: translateY(-4px) !important;
}

.phone-bolt,
.whats-float {
  box-shadow: 0 12px 26px rgba(0, 0, 0, .16) !important;
}

@media (max-width: 900px) {
  .ticker-content {
    animation-duration: 42s !important;
  }

  main > section:not(.hero):not(.hero-section) {
    contain-intrinsic-size: auto 620px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ticker-content {
    animation: none !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }
}