/* === CAPTION HOTFIX: z-index + ensure relative positioning === */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

.rb-carousel .slide{ position:relative; }
.rb-carousel .slide::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:36%;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 92%);
  pointer-events:none; border-radius:inherit; z-index:1;
}
.slide-caption{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  font-family:'Merriweather', serif; font-weight:700; letter-spacing:.2px;
  font-size:clamp(15px,2.2vw,22px); line-height:1.35; text-align:center;
  color:#fff; padding:6px 12px; border-radius:10px;
  text-shadow:0 6px 16px rgba(0,0,0,.45);
  pointer-events:none; max-width:min(86%, 920px); word-break:break-word; z-index:2;
}