/* layout categoria "base": pannello dei filtri (App\Filtri). Desktop: colonna a sinistra fissa durante lo scorrimento; telefono: pulsante che apre il pannello */
.elenco-con-filtri{display:grid;grid-template-columns:1fr;gap:1.5rem}
.filtri-apri{min-height:44px;font-weight:600}
.filtri-pannello{padding-top:1rem}
.filtri-gruppo{padding:1rem 0;border-bottom:1px solid var(--c-line)}
.filtri-gruppo:first-child{padding-top:0}
.filtri-titolo{font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin:0 0 .5rem}
.filtro{display:flex;align-items:center;gap:.6rem;min-height:40px;padding:.25rem 0;color:var(--c-ink);text-decoration:none;font-size:.95rem;line-height:1.3}
a.filtro:hover{color:var(--c-primary)}
.filtro-box{flex:none;width:18px;height:18px;border:1.5px solid var(--c-muted);border-radius:4px;background:#fff}
.filtro[aria-current] .filtro-box{background:var(--c-primary);border-color:var(--c-primary);box-shadow:inset 0 0 0 3px #fff}
.filtro[aria-current]{font-weight:600}
/* colore: pallino tondo con bordo leggero (il bianco resta visibile); scelto = anello nel colore del sito */
.filtro-pallino{border-radius:50%;border:1px solid rgba(var(--c-ink-rgb,21,32,30),.25)}
.filtro[aria-current] .filtro-pallino{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c-primary)}
.filtro-n{margin-left:auto;font-size:.8rem;color:var(--c-muted);font-variant-numeric:tabular-nums}
.filtro-vuoto{color:var(--c-muted);opacity:.55}
.filtri-azzera{display:inline-block;margin-top:1rem;font-weight:600}
.sortbar label{white-space:nowrap}
.filtri-chip .chip{min-height:36px;font-size:.875rem;padding:0 .9rem;gap:.4rem}
@media (min-width:992px){
  .elenco-con-filtri{grid-template-columns:240px minmax(0,1fr);gap:2.5rem;align-items:start}
  .filtri{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding-right:.25rem}
  .filtri-apri{display:none}
  .filtri-pannello.collapse:not(.show){display:block}
  .filtri-pannello{padding-top:0}
}
/* introduzione sul telefono: 3 righe e "Leggi tutto" (primo prodotto visibile nel primo schermo) */
.cat-intro-piu{display:none;background:none;border:0;padding:0;margin-top:.25rem;font-weight:600;font-size:.95rem;color:var(--c-primary);text-decoration:underline;text-underline-offset:.25em}
@media (max-width:575.98px){
  .cat-intro:not(.aperta) p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
  .cat-intro-piu{display:inline-block}
  .filtri-apri{min-height:40px}
  /* conteggio e ordinamento sulla stessa riga: l'etichetta resta per i lettori di schermo */
  .sortbar{flex-wrap:nowrap!important;margin-bottom:1rem!important}
  .sortbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .sortbar .form-select{width:auto;min-height:40px;padding-block:.35rem}
  .elenco-con-filtri{gap:1rem}
}