/* 01.07 */
.gallery-modal__slider-body {
  position: relative;
}

.gallery-modal__nav {
  left: 0;
}

.gallery-modal__slide {
  text-align: center;
}

.gallery-modal__slide picture {
  display: inline-block;
  max-width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery-modal__slide img {
  max-height: 500px;
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
}

/* Fix thumbnail navigation */
.gallery-modal__thumbs {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.gallery-modal__thumbs .slick-list {
  overflow: hidden;
  padding: 0 50px !important;
  /* Extra padding to show active thumbs at edges */
}

.gallery-modal__thumbs .slick-track {
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto;
  width: auto !important;
  padding: 10px 0;
}

.gallery-modal__thumbs .slick-slide {
  float: none !important;
  display: inline-block !important;
  transition: all 0.3s ease;
}

/* Make active thumbnail more prominent */
.gallery-modal__thumb {
  transition: transform 0.3s ease, border 0.3s ease;
  opacity: 1 !important;
  border: 3px solid transparent;
}

.gallery-modal__thumb[data-index] {
  transform: scale(0.9);
}

.gallery-modal__thumb[data-index].active {
  transform: scale(1.05);
  z-index: 5;
  border: 3px solid #0180B2;
}

/* Custom thumbnails for exactly 9 slides */
.gallery-modal__thumbs.custom-thumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
}

.gallery-modal__thumbs.custom-thumbs .gallery-modal__thumb {
  margin: 0 5px;
  cursor: pointer;
}