/* Responsive global Ars Salva */

html, body { max-width: 100%; overflow-x: hidden; }

@media (max-width: 768px) {
  body { padding: 10px; }

  /* La grille maison : 1 colonne sur mobile */
  .grid { grid-template-columns: 1fr !important; }

  /* Groupes de checkboxes */
  .checkbox-group { grid-template-columns: 1fr !important; }

  /* Champs et boutons utilisables au doigt */
  input, select, textarea, button {
    width: 100% !important;
    box-sizing: border-box;
    font-size: 16px;
  }

  /* Headers qui s'adaptent */
  .header { flex-wrap: wrap; }

  /* Tables : scroll horizontal minimum vital */
  table { display: block; overflow-x: auto; }
}