/* ===== Judul slide kecil + titik indikator selalu terlihat ===== */
.hero-slider .hero-slide-caption{
  position:absolute !important;left:50% !important;right:auto !important;bottom:auto !important;
  top:min(calc(100vh - 66px),calc(100% - 66px)) !important;
  top:min(calc(100svh - 66px),calc(100% - 66px)) !important;
  transform:translate(-50%,-100%) !important;
  width:max-content;max-width:min(82%,780px) !important;text-align:center;z-index:4
}
.hero-slider .hero-slide-caption span{
  display:inline-block !important;border-left:0 !important;
  padding:7px 22px !important;border-radius:18px;
  background:rgba(0,25,75,.38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  color:#fff !important;font-size:clamp(13px,1.1vw,17px) !important;font-weight:500 !important;
  font-style:italic;line-height:1.45 !important;text-shadow:0 1px 3px rgba(0,0,0,.5)
}
.hero-slider .hero-slide-caption span::before{content:"\201C";margin-right:3px}
.hero-slider .hero-slide-caption span::after{content:"\201D";margin-left:3px}

/* Titik indikator: ditambatkan ke bawah layar */
.hero-slider .owl-dots{
  position:absolute !important;left:50% !important;right:auto !important;bottom:auto !important;
  top:min(calc(100vh - 20px),calc(100% - 20px)) !important;
  top:min(calc(100svh - 20px),calc(100% - 20px)) !important;
  transform:translate(-50%,-100%) !important;width:auto !important;
  padding:7px 12px;border-radius:999px;background:rgba(0,25,75,.38);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5
}

/* Panah: di tengah layar, bukan di tengah foto */
.hero-slider .owl-nav{top:min(50vh,50%) !important;top:min(50svh,50%) !important}

@media (max-width:767px){
  .hero-slider .hero-slide-caption{top:min(calc(100svh - 50px),calc(100% - 50px)) !important;max-width:90% !important}
  .hero-slider .hero-slide-caption span{font-size:11.5px !important;padding:5px 14px !important}
  .hero-slider .owl-dots{top:min(calc(100svh - 12px),calc(100% - 12px)) !important;padding:5px 9px}
}