/* Layout + SEO-safe CLS control */
.gmbGallery-section {
  background:#fff;
  padding:10px 10px;
}
.gmbGallery-container {
  max-width:1140px;
  margin:0 auto;
  position:relative;
}

/* Lock container height to avoid CLS; vertical centering */
.gmbGallery-swiper {
  height:400px;
  position:relative;
  display:flex;
  align-items:center;
}

/* Slide content layout */
.gmbGallery-slide {
  display:flex;
  justify-content:center;
  align-items:center;
}

/* Images: object-fit cover, radius always applied */
.gmbGallery-slide img {
  display:block;
  width:auto;                /* card width auto for Swiper sizing */
  max-width:100%;
  height:350px;              /* side cards height */
  border-radius:12px !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  object-fit:cover;          /* ✅ cover for all images */
  object-position:center;
  transition:transform 0.35s ease, opacity 0.35s ease, height 0.35s ease;
  opacity:0.7;               /* side cards dim */
}

/* Center card highlight */
.swiper-slide-active img {
  height:400px;              /* center card height */
  transform:scale(1.04);
  opacity:1;
  border-radius:12px;
}

.swiper-slide-active img,
.swiper-slide-duplicate-active img {
  border-radius:12px;
}


/* Ensure prev/next styled on first paint */
.swiper-slide-prev img,
.swiper-slide-next img {
  height:350px;
  opacity:0.7;
}

/* Pagination styling */
.swiper-pagination.gmbGallery-pagination {
  position:absolute;
  left:0; right:0;
  bottom:12px;
  z-index:5;
  text-align:center;
}
.swiper-pagination-bullet {
  background:#ccc !important;
  opacity:0.6;
  width:10px; height:10px;
  margin:0 6px !important;
  border-radius:50%;
}
.swiper-pagination-bullet-active {
  background:#323060 !important;
  opacity:1;
  width:25px; border-radius:20px;
}

/* Responsive: mobile peeking left/right halves */
@media (max-width: 1024px) {
  .gmbGallery-container { max-width:960px; }
}
@media (max-width: 768px) {
  .gmbGallery-section{
      padding: 0px 0px;
  }    
  .gmbGallery-swiper { height:300px; }
  .gmbGallery-slide img { height:250px; }
  .swiper-slide-active img { height:300px; }
}
@media (max-width: 480px) {
  .gmbGallery-container { max-width:100%; }
}