/* Filtre « Pour qui » des pages Protection auditive et In-ear monitoring.
   Feuille a part pour ne pas toucher a site-20.css. Couleurs prises sur les
   variables du theme : lisible en clair comme en sombre. */
.filtre-usages .tag-filtre{
  cursor:pointer;text-decoration:none;color:var(--ink);
  transition:border-color .15s,background .15s,color .15s;
}
.filtre-usages .tag-filtre:hover{border-color:var(--accent);color:var(--ink)}
.filtre-usages .tag-filtre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.filtre-usages .tag-filtre.actif,
.filtre-usages .tag-filtre.actif:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.filtre-usages .tag-filtre[data-pour=""]{border-style:dashed}
#catalogue{scroll-margin-top:90px}
.h-sec .pour-qui{color:var(--accent)}
.filtre-vide{margin-top:30px;color:var(--muted);max-width:640px}
.filtre-vide a{color:var(--accent)}
.produit[hidden]{display:none!important}