/* theme-gallery.css */
#renders.is-gallery .accordion-container-clean,
#renders.is-gallery > .content-container > .mobile-carousel-indicator-bar {
  display: none !important;
}
.render-gallery {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: 2rem !important;
  margin-bottom: 3rem !important;
  outline: none !important;
}
.render-stage {
  position: relative !important;
  height: min(78vh, 760px) !important;
  min-height: 520px !important;
  overflow: hidden !important;
  background: #222222 !important;
}
.render-slide {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  transition: opacity 0.9s ease !important;
}
.render-slide.is-active {
  opacity: 1 !important;
}
.render-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.05) !important;
  transition: transform 7s ease-out !important;
}
.render-slide.is-active img {
  transform: scale(1) !important;
}
.render-caption {
  position: absolute !important;
  top: 1.5rem !important;
  left: clamp(1.25rem, 4vw, 3rem) !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.9rem !important;
  padding: 0.7rem 1.3rem !important;
  border-radius: 999px !important;
  background: rgba(34,34,34,0.55) !important;
  backdrop-filter: blur(10px) !important;
  color: #ffffff !important;
}
.render-count {
  font-size: 0.8rem !important;
  letter-spacing: 0.12em !important;
  color: #c9c9bb !important;
}
.render-title {
  font-family: var(--font-serif) !important;
  font-size: 1.2rem !important;
}
.render-nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 3 !important;
  transform: translateY(-50%) !important;
  width: 52px !important;
  height: 52px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.9) !important;
  color: #222222 !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.render-prev {
  left: clamp(1.25rem, 4vw, 3rem) !important;
}
.render-next {
  right: clamp(1.25rem, 4vw, 3rem) !important;
}
.render-thumbs {
  position: absolute !important;
  left: 50% !important;
  bottom: 1.5rem !important;
  transform: translateX(-50%) !important;
  z-index: 3 !important;
  display: flex !important;
  gap: 0.6rem !important;
  margin: 0 !important;
  padding: 0.6rem !important;
  list-style: none !important;
  border-radius: 22px !important;
  background: rgba(34,34,34,0.55) !important;
  backdrop-filter: blur(10px) !important;
}
.render-thumb {
  display: block !important;
  width: 104px !important;
  height: 66px !important;
  padding: 0 !important;
  border: 2px solid transparent !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: transparent !important;
  opacity: 0.6 !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease, border-color 0.3s ease !important;
}
.render-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.render-thumb.is-active {
  opacity: 1 !important;
  border-color: #ffffff !important;
}
.render-thumb:hover {
  opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
  .render-slide,
  .render-slide img,
  .render-thumb {
    transition: none !important;
  }
}
.accordion-container-clean[hidden],
.mobile-carousel-indicator-bar[hidden] {
  display: none !important;
}