/* ================================
   SLIDER FOTO – FULL & AMAN
   ================================ */

/* cell tabel */
.slider-cell {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}

/* container slider */
.slider {
  display: block;
  width: 100%;
  max-width: 750px;     /* lebar tetap */
  height: 350px;        /* tinggi tetap */
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

/* semua gambar slide */
.slider .slide {
  display: block;       /* WAJIB: img harus block */
  width: 100%;
  height: 100%;         /* ikuti tinggi slider */
  object-fit: contain;  /* tidak terpotong */
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* slide aktif */
.slider .slide.active {
  opacity: 1;
  z-index: 2;
}

/* ================================
   RESPONSIVE MOBILE
   ================================ */
@media (max-width: 768px) {
  .slider {
    height: 300px;
  }
}

@media (max-width: 480px) {
  .slider {
    height: 220px;
  }
}
/* cegah seleksi & drag */
.slider,
.slider img {
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  pointer-events: none;
}