/* ═══════════════════════════════════════════════════
   ELETRO SHOP — RESPONSIVO
   Breakpoints: 1024px · 768px · 480px
   ═══════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .produtos-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .nav-links { gap: 20px; }
  .nav-wpp-cta span { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item { border-right: none; padding: 20px 16px; }
  .modal-grid { grid-template-columns: 1fr; }
  .modal-img-wrap { border-radius: var(--raio-xl) var(--raio-xl) 0 0; padding: 36px 28px; min-height: 280px; }
  .modal-img-wrap img { max-height: 300px; }
  .modal-info { padding: 28px 24px; }
  .inst-inner { grid-template-columns: 1fr; gap: 36px; }
  .inst-imagem img { height: 360px; }
  .faq-inner { grid-template-columns: 1fr; gap: 28px; }
  .faq-sidebar { position: static; }
  .cta-inner { grid-template-columns: 1fr; text-align: center; gap: 28px; }
  .cta-sub { margin: 0 auto 28px; text-align: center; }
  .cta-actions { justify-content: center; }
}

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-wpp-cta { display: none; }
  .busca-wrap { display: none; }
  .nav-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: unset;
  }
  .nav-actions {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .nav-hamburger { display: flex; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item { padding: 20px 12px; }
  .stat-icon { width: 44px; height: 44px; }
  #produtos { padding: 56px 0; }
  .produtos-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; justify-items: center; }
  .produto-card { width: 100%; }
  .produto-info { padding: 10px 2px 14px; }
  .produto-nome { font-size: 13px; }
  .produto-desc { display: none; }
  .filtro-btn { padding: 7px 14px; font-size: 12px; }
  .modal-content { max-height: 95vh; }
  .modal-info { padding: 20px 18px; }
  .modal-nome { font-size: 22px; }
  .modal-actions { flex-direction: column; }
  .carrinho-drawer { width: 100%; }
  #institucional { padding: 56px 0; }
  .inst-imagem img { height: 260px; }
  .inst-cta-wrap { flex-direction: column; }
  .inst-cta-wrap .btn { width: 100%; justify-content: center; }
  #avaliacoes { padding: 56px 0 0; }
  .av-card { flex: 0 0 260px; }
  .av-score { font-size: 44px; }
  #faq { padding: 56px 0; }
  .faq-sidebar .btn { width: 100%; justify-content: center; }
  #cta-final { padding: 56px 0; }
  .cta-actions { flex-direction: column; width: 100%; }
  .cta-actions .btn { width: 100%; justify-content: center; }
  footer { padding: 48px 0 20px; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .footer-brand { align-items: center; }
  .footer-brand p { text-align: center; }
  .footer-socials { justify-content: center; }
  .footer-links { align-items: center; }
  .footer-contact-item { justify-content: center; }
  .footer-selos { justify-content: center; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
  .lumi-btn { bottom: 16px; right: 16px; width: 54px; height: 54px; }
  .lumi-avatar-wrap { width: 46px; height: 46px; }
  .lumi-window { bottom: 82px; right: 12px; left: 12px; width: auto; max-width: none; height: 68vh; }
  .cookies-inner { flex-direction: column; gap: 14px; text-align: center; }
  .cookies-actions { width: 100%; }
  .cookies-actions .cookies-btn { flex: 1; }
  .hero-arrow { width: 36px; height: 36px; }
  .hero-arrow-prev { left: 8px; }
  .hero-arrow-next { right: 8px; }
}

@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .section-title { font-size: 26px; }
  .nav-logo img { height: 36px; }
  .produtos-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .produto-img { aspect-ratio: 1; }
  .produto-info { padding: 10px 12px 12px; }
  .produto-nome { font-size: 13px; }
  .produto-desc { display: none; }
  .modal-img-wrap { padding: 24px 16px; }
  .modal-img-wrap img { max-height: 220px; }
  .modal-nome { font-size: 20px; }
  .topbar-item { font-size: 11px; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-number { font-size: 28px; }
}

/* ═══ NAVBAR CATEGORIAS RESPONSIVO ═══ */
@media (max-width: 768px) {
  #navCategorias { top: 60px; }
  .nav-cat-btn { padding: 6px 12px; font-size: 12px; }
}

/* ═══ BREAKPOINT 380px ═══ */
@media (max-width: 380px) {
  .container { padding: 0 12px; }
  .section-title { font-size: 22px; }
  .nav-logo img { height: 32px; }
  .produtos-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .produto-nome { font-size: 12px; }
  .produto-info { padding: 8px 10px 10px; }
  .stat-number { font-size: 24px; }
  .btn { padding: 12px 20px; font-size: 13px; }
  .lumi-btn { bottom: 12px; right: 12px; }
  .lumi-avatar-wrap { width: 50px; height: 50px; }
}

/* ═══ NAVBAR MOBILE — só logo e hamburger ═══ */
@media (max-width: 768px) {
  .nav-action-btn { display: none !important; }
  .busca-wrap { display: none !important; }
  .nav-hamburger { display: flex !important; }
  #navbar .nav-inner { justify-content: space-between; }
}

/* ═══ LUMI MOBILE — sempre visível, z-index máximo ═══ */
@media (max-width: 768px) {
  .lumi-btn { z-index: 9999 !important; bottom: 16px; right: 16px; width: 58px; height: 58px; }
  .lumi-avatar-wrap { width: 58px; height: 58px; }
  .lumi-window { z-index: 9998 !important; bottom: 88px; right: 8px; left: 8px; width: auto; max-width: none; height: 70vh; }
  .cookies-banner { display: none !important; }
}