/* Outer wrapper to keep styles scoped */
.sgb-gallery { margin: 20px auto; }

/* Mirror your snippet’s selectors */
.sgb-gallery .splide { margin: 20px auto; }
.sgb-gallery .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.sgb-gallery .carousel-img-wrapper {
  width: 220px;
  height: 330px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform .3s ease, box-shadow .3s ease;
}
.sgb-gallery .carousel-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.sgb-gallery .splide__slide.is-active .carousel-img-wrapper {
  transform: scale(1.1);
  z-index: 2;
}
.sgb-gallery .splide__track { padding: 10px 0; }

/* Few slides behavior */
.sgb-gallery .splide.few-slides .splide__list { justify-content: center; }
.sgb-gallery .splide.few-slides .splide__slide { flex: 0 0 auto; }