/* ============================================================
   PPLeds — responsive.css
   Media queries globais. Sempre carregado por último.
   ============================================================ */

/* ---- RESPONSIVE ---- */
@media (max-width: 1024px) {
  .hero-visual   { display: none; }
  .cat-grid      { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top    { grid-template-columns: 1fr 1fr; }
  .contact-grid  { grid-template-columns: 1fr; }
  /* Nav some, hamburger aparece */
  nav            { display: none; }
  .hamburger     { display: flex; }
  .mobile-menu   { display: flex; }
}

@media (max-width: 768px) {
  .products-grid  { grid-template-columns: 1fr; }
  .banner-numbers { grid-template-columns: 1fr 1fr; }
  .footer-top     { grid-template-columns: 1fr; }
  .contact-form   { padding: 28px; }
  .form-row       { grid-template-columns: 1fr; }
}