Filtres de catalogue produits

Le visiteur coche une ou plusieurs catégories, tailles et couleurs, saisit une fourchette de prix et peut n'afficher que les articles en stock. Chaque option indique combien de produits elle donnerait avec les autres filtres déjà choisis, le compteur de résultats se met à jour en direct et chaque filtre actif devient une puce que l'on retire d'un clic, ou tous d'un coup avec « Tout effacer ». Le tri (pertinence, prix croissant ou décroissant, nouveautés) réordonne la grille, et un message propose d'élargir la recherche quand plus rien ne correspond. Sous 768 px, les filtres passent dans un tiroir latéral avec un bouton qui affiche le nombre de filtres actifs et un bouton « Voir N produits ». Accessibilité : tout se fait au clavier, le tiroir est une boîte de dialogue modale (focus piégé, Échap pour fermer, retour du focus sur le bouton), le nombre de résultats est annoncé par une région live, les puces ont un libellé « Retirer le filtre… », les contrastes dépassent 4,5:1 en clair comme en sombre et l'animation du tiroir se coupe avec prefers-reduced-motion. Remplacez les produits de démonstration par votre catalogue.