/* Pannelli corti e barra del filtro (S05, 23/10 sera): «Mostra tutti», il contesto in due colonne, i titoli
   leggibili sotto la barra fissa. Solo token --brand-*. */
/* Un elemento nascosto resta nascosto anche se la sua classe ha un display (le righe di «Mostra tutti»). */
[hidden] {
  display: none !important;
}
.btn.more {
  align-self: flex-start;
  justify-self: start;
  margin-top: 10px;
}
/* Il contesto in due colonne sul desktop. */
.macro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px 32px;
}
.macro-grid > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
/* I titoli dei pannelli restano leggibili sotto la barra del filtro fissa (altezza vera in --bar-h). */
.panel,
.panel h2,
.panel h3 {
  scroll-margin-top: calc(var(--bar-h, 72px) + 16px);
}

.filters.stuck,
.hero:not(:empty) + .filters.stuck {
  background: var(--brand-bg);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--brand-bg) 80%, transparent);
}