/* ═══════════════════════════════════════════════════════
   NIKKEY — RESPONSIVE.CSS
   Breakpoints: 1024px · 768px · 640px · 380px
   ═══════════════════════════════════════════════════════ */

/* ── TABLET 1024px ─────────────────────────────────────── */
@media (max-width:1024px) {
  .diferenciais-grid { grid-template-columns: repeat(2,1fr); }
  .sobre-inner { grid-template-columns: 1fr; gap: 48px; }
  .sobre-imgs { max-width: 480px; margin: 0 auto; }
  .sobre-img-float { width: 160px; right: -12px; }
  .sobre-badge { left: -12px; }
  .categorias-grid { grid-template-columns: repeat(2,1fr); }
  .faq-inner { grid-template-columns: 1fr; gap: 48px; }
  .faq-sidebar { position: static; }
  .localizacao-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .cta-inner { grid-template-columns: 1fr; text-align: center; }
  .cta-sub { margin: 0 auto; }
  .cta-badges { justify-content: center; }
  .cta-actions { flex-direction: row; justify-content: center; min-width: auto; }
  .stats-grid { grid-template-columns: repeat(3,1fr); }
  .stat-item:nth-child(3)::after { display:none; }
}

/* ── MOBILE 768px ──────────────────────────────────────── */
@media (max-width:768px) {
  :root { --nav-h: 62px; --top-bar-h: 34px; --header-h: 96px; }
  .container { padding: 0 16px; }

  /* Navbar */
  .nav-inner { padding: 0 16px; gap: 14px; }
  .nav-logo img { height: 38px; }
  .nav-links { display: none; }
  .btn-nav-wpp span { display: none; }
  .btn-nav-wpp { padding: 9px 14px; }
  .btn-nav-vip { display: none; }

  /* Hero */
  .hero-slide img { height: auto; }
  .hero-arrow { width: 36px; height: 36px; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .stat-item:nth-child(2)::after { display:none; }
  .stat-item:nth-child(n+3) { border-top: 1px solid rgba(212,175,55,.15); }
  .stat-item:last-child:nth-child(odd) { grid-column: 1/-1; }

  /* Diferenciais */
  #diferenciais { padding: 52px 0; }
  .diferenciais-grid { grid-template-columns: repeat(2,1fr); gap: 14px; }
  .diferencial-card { padding: 24px 18px 20px; }

  /* Sobre */
  #sobre { padding: 52px 0; }
  .sobre-pilares { grid-template-columns: 1fr; }
  .sobre-img-float { display: none; }
  .sobre-badge { left: 16px; top: 16px; }

  /* Categorias */
  #categorias { padding: 52px 0; }
  .categorias-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .categoria-card { aspect-ratio: 3/4; }

  /* Avaliações */
  #avaliacoes { padding: 52px 0; }
  .avaliacao-card { flex: 0 0 268px; }
  .avaliacoes-track-wrap::before,
  .avaliacoes-track-wrap::after { width: 48px; }

  /* FAQ */
  #faq { padding: 52px 0; }
  .faq-sidebar-title { font-size: 28px; }
  .faq-sidebar { text-align: center; display: flex; flex-direction: column; align-items: center; }
  .faq-sidebar .btn { align-self: stretch; justify-content: center; }

  /* Localização */
  #localizacao { padding: 52px 0; }
  .loja-map { height: 260px; }

  /* CTA */
  #cta-final { padding: 60px 0; }
  .cta-actions { flex-direction: column; }
  .cta-actions .btn { width: 100%; justify-content: center; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .footer-brand { display: flex; flex-direction: column; align-items: center; }
  .footer-brand p { max-width: none; }
  .footer-socials { justify-content: center; }
  .footer-links { align-items: center; }
  .footer-contact-item { justify-content: center; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 14px; }
  .footer-seals { justify-content: center; }

  /* May */
  .may-window { width: calc(100vw - 24px); right: 12px; bottom: 92px; }
  .may-btn { right: 16px; bottom: 18px; }
}

/* ── SMALL 640px ───────────────────────────────────────── */
@media (max-width:640px) {
  .section-title { font-size: 28px; }
  .diferenciais-grid { grid-template-columns: 1fr; }
}

/* ── SMALL 380px ───────────────────────────────────────── */
@media (max-width:380px) {
  .section-title { font-size: 24px; }
  .nav-logo img { height: 32px; }
  .avaliacao-card { flex: 0 0 240px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
}