/* -------- BASE -------- */
.carousel-inner .carousel-item > div{display:none;}          /* mostra un solo wrapper di default */
.carousel-inner .carousel-item.active > div{display:block;} /* ma l'item attivo ne visualizza uno */

/* -------- DESKTOP (≥768 px): 4 card visibili, sposta di 1 -------- */
@media (min-width:768px){
  
  /* mostra 4 col per item */
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev{display:flex;}
  
  /* spostamento di 25 % in avanti/indietro */
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next{transform:translateX(25%);}
  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev{transform:translateX(-25%);}
  .carousel-inner .carousel-item-end,
  .carousel-inner .carousel-item-start{transform:translateX(0);}
  
  /* l’immagine si adatta al wrapper */
  #galleryCarousel .carousel-img-wrapper {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  #galleryCarousel .carousel-img-wrapper img{width:100%;height:auto;object-fit:cover;}
}