/* 1) Wrapper clips everything except the left/right "tips" */
.sse-slider-wrap {
  overflow: hidden;
}

/* 2) Swiper itself can overflow (so the tips can exist),
      but its max-width defines the visible "window" */
.sse-swiper {
  /* Adjustable sizing knobs */
  --sse-card-width: 520px; /* active card base width (adjustable) */
  --sse-peek: 90px;        /* how much of left/right cards show */
  --sse-overlap: 70px;     /* must match JS overlap (cfg.overlap) */

  width: 100%;
  max-width: calc(var(--sse-card-width) + (2 * var(--sse-peek)));
  margin-left: auto;
  margin-right: auto;

  overflow: visible;   /* allow peeking slides to exist outside swiper box */
  padding: 24px 0;     /* room for scaled active slide */
}

.sse-swiper .swiper-wrapper {
  align-items: center;
}

/* 3) Slides take a fixed width (Swiper uses slidesPerView:"auto") */
.sse-swiper .swiper-slide {
  width: var(--sse-card-width);
  transition: transform 260ms ease, opacity 260ms ease;
  transform-origin: center center;
  will-change: transform;
}

/* Your card styles remain */
.sse-card {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  border-radius: 18px; /* optional, but matches your screenshots */
}

.sse-img {
  width: 100%;
  height: auto;
  display: block;
}

.sse-caption {
  padding: 12px 14px;
  font-size: 14px;
  color: #111;
}

.sse-link {
  display: block;
  text-decoration: none;
  color: inherit;
}