/* =============================================================
   produtos.css — estilos da página produtos.html
   Extraído do <style> que ficava dentro do HTML.
   Carregado depois de css/style.css, então sobrescreve o global.
   ============================================================= */

@media (max-width: 800px) {
  .process-grid { grid-template-columns: 1fr !important; }
  .process-step[style*="grid-column"] { grid-column: 1 !important; }
}