/* STEP 15 - Correzione galleria: 3/2/1 colonne reali, senza CSS multi-column. */
/* Fondamentale: il display:block di .more/.empty/.loading annullava [hidden]. */
[hidden], .more[hidden], .empty[hidden], .loading[hidden], #editorialExtra[hidden] { display:none!important; }
/* La griglia evita che card animate con transform/backdrop-filter si sovrappongano
   durante il ricalcolo delle colonne CSS (problema visibile con 2 vignette). */
#cards.masonry {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  align-content:start!important;
  gap:18px!important;
  columns:auto!important;
  column-count:auto!important;
  column-width:auto!important;
  min-width:0!important;
  overflow:visible!important;
}
#cards.masonry > .card {
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  float:none!important;
  break-inside:auto!important;
  box-sizing:border-box!important;
  isolation:isolate;
}
#cards.masonry > .card img {max-width:100%!important;height:auto!important;}
/* Gli stati di comparsa non devono far collassare la griglia. */
#cards.masonry > .card.bvg-enter {visibility:visible!important;}
#more.more {display:block;margin:26px auto 0!important;}
#more.more[hidden] {display:none!important;}
@media (min-width:720px) and (max-width:1100px){
  #cards.masonry {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
}
@media (max-width:719px){
  #cards.masonry {grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
}