.tbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}

@media (max-width: 640px) {
  /* Grille : 2 colonnes sur mobile */
  .gg { grid-template-columns: repeat(2, 1fr); gap: 6px; }

  /* Toolbar : search pleine largeur, boutons en dessous */
  .tbar { flex-direction: column; align-items: stretch; }
  .tbar > div { min-width: unset !important; width: 100%; }
  .si { min-width: unset; width: 100%; }
  #sort-btns { flex-wrap: wrap; }

  /* Cartes : padding réduit, description masquée pour gagner de la place */
  .gc-in { padding: 10px; gap: 6px; }
  .gc-ds { display: none; }
  .gc-nm { font-size: 12px; }
  .gc-em { width: 30px; height: 30px; font-size: 17px; border-radius: 7px; }
  .gc-side { display: none; }

  /* Footer de la carte : empiler verticalement */
  .gc-ft { flex-direction: column; align-items: flex-start; gap: 5px; }
  .gc-ft > div { width: 100%; }
  .gc-ft .b { width: 100%; justify-content: center; font-size: 10px; padding: 5px 0; }

  /* Tabs catégories : plus petits */
  .tb { font-size: 10px; padding: 4px 10px; }
}

@media (max-width: 360px) {
  /* 1 colonne sur très petits écrans */
  .gg { grid-template-columns: 1fr; }
}