/* ==========================================================================
   SLIDER WIDGET — PN BANYUWANGI
   Versi Bersih Final — Background Rata Tanpa Pembatas Foto
   --------------------------------------------------------------------------
   Fokus:
   - Background rata menyatu dari kiri sampai kanan
   - Tidak ada garis pembatas di sebelah kiri foto
   - Tidak ada frame/kotak di belakang featured image
   - Tidak ada HUD/circuit/node/ornamen teknologi
   - Featured image tampil bersih di depan
   ========================================================================== */

/* ==========================================================================
   WRAPPER
   ========================================================================== */

.pnbyw-slider-wrap{
  width:100vw;
  max-width:none;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-inline-start:calc(50% - 50vw);
  margin-inline-end:calc(50% - 50vw);

  position:relative;
  overflow:hidden;
  padding:0;

  background:#160706;
  border-bottom:3px solid #d4a017;
}

.pnbyw-slider-wrap,
.pnbyw-slider-wrap *,
.custom-slider,
.custom-slider *{
  font-family:inherit;
  box-sizing:border-box;
}

/* ==========================================================================
   CONTAINER
   ========================================================================== */

.custom-slider{
  position:relative;
  width:100%;
  max-width:none;
  height:clamp(360px,28vw,500px);
  overflow:hidden;

  background:
    radial-gradient(circle at 20% 26%, rgba(255,255,255,.035) 0%, transparent 28%),
    radial-gradient(circle at 84% 26%, rgba(212,160,23,.10) 0%, transparent 25%),
    radial-gradient(circle at 74% 82%, rgba(154,33,9,.24) 0%, transparent 28%),
    linear-gradient(135deg, #160706 0%, #2a0b08 48%, #7f1f0d 100%);

  background-size:180% 180%;
  animation:pnbywGradientMove 34s ease-in-out infinite alternate;
}

.slider-wrapper{
  position:relative;
  width:100%;
  height:100%;
}

/* ==========================================================================
   SLIDE — BACKGROUND UTAMA SATU SUMBER
   ========================================================================== */

.slider-slide{
  display:none;
  width:100%;
  height:100%;

  grid-template-columns:minmax(0,1fr) minmax(440px,34%);
  align-items:stretch;

  position:relative;
  overflow:hidden;

  /*
   * Background hanya di sini agar rata menyatu.
   * Panel teks dan panel foto dibuat transparent.
   */
  background:
    radial-gradient(circle at 20% 24%, rgba(255,255,255,.035) 0%, transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(212,160,23,.10) 0%, transparent 26%),
    radial-gradient(circle at 80% 82%, rgba(191,48,20,.20) 0%, transparent 30%),
    linear-gradient(135deg, #160706 0%, #2a0b08 50%, #7f1f0d 100%);

  background-size:180% 180%;
}

.slider-slide.active{
  display:grid;
  animation:
    pnbywSlideIn .42s cubic-bezier(.4,0,.2,1),
    pnbywGradientMove 34s ease-in-out infinite alternate;
}

/* Hilangkan semua ornamen/background tambahan pada slide */
.slider-slide::before,
.slider-slide::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ==========================================================================
   TEXT PANEL — TRANSPARENT AGAR BACKGROUND RATA
   ========================================================================== */

.slider-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;

  position:relative;
  z-index:2;
  min-width:0;
  min-height:0;
  overflow:hidden;

  padding:
    clamp(34px,4vw,62px)
    clamp(40px,7.5vw,190px)
    58px
    clamp(34px,7vw,150px);

  background:transparent !important;
}

.slider-text::before,
.slider-text::after{
  content:none !important;
  display:none !important;
}

.slider-text > *{
  position:relative;
  z-index:1;
}

/* ==========================================================================
   BADGE / CATEGORY
   ========================================================================== */

.slider-cat{
  display:inline-flex;
  align-items:center;
  gap:7px;

  align-self:flex-start;
  flex-shrink:0;

  padding:6px 14px;
  border-radius:999px;

  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.24);
  color:rgba(255,255,255,.96);

  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.5px;
  text-transform:uppercase;

  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.slider-cat::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d4a017;
  box-shadow:0 0 0 4px rgba(212,160,23,.16);
}

/* ==========================================================================
   TITLE
   ========================================================================== */

.slider-title{
  margin:0;
  max-width:860px;

  font-family:inherit;
  font-size:clamp(1.55rem,2.25vw,2.35rem);
  font-weight:750;
  line-height:1.30;
  color:#fff;

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;

  text-shadow:0 2px 14px rgba(0,0,0,.38);
}

.slider-title a{
  color:inherit;
  text-decoration:none;
  transition:opacity .2s ease;
}

.slider-title a:hover{
  opacity:.88;
}

/* ==========================================================================
   EXCERPT
   ========================================================================== */

.slider-excerpt{
  margin:0;
  max-width:860px;

  font-size:13px;
  line-height:1.72;
  color:rgba(255,255,255,.90);

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;

  flex-shrink:0;
  text-shadow:0 1px 8px rgba(0,0,0,.26);
}

/* ==========================================================================
   BUTTON
   ========================================================================== */

.slider-selengkapnya{
  display:inline-flex;
  align-items:center;
  gap:8px;

  align-self:flex-start;
  flex-shrink:0;

  margin-top:4px;
  padding:10px 22px;

  background:rgba(255,255,255,.11);
  border:1.5px solid rgba(255,255,255,.34);
  color:#fff;

  border-radius:999px;
  font-size:12px;
  font-weight:650;
  line-height:1;
  text-decoration:none;

  transition:
    background .22s ease,
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;

  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.slider-selengkapnya::after{
  content:'→';
  transition:transform .22s ease;
}

.slider-selengkapnya:hover{
  background:rgba(255,255,255,.19);
  border-color:rgba(255,255,255,.52);
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,.22);
}

.slider-selengkapnya:hover::after{
  transform:translateX(3px);
}

/* ==========================================================================
   IMAGE PANEL — TRANSPARENT, TANPA GARIS PEMBATAS
   ========================================================================== */

.slider-img{
  position:relative;
  z-index:2;
  min-width:0;
  overflow:hidden;

  display:flex;
  align-items:center;
  justify-content:center;

  background:transparent !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Hilangkan semua frame/ornamen belakang foto */
.slider-img::before,
.slider-img::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Bersihkan semua kemungkinan frame dari gambar */
.slider-img img,
.slider-img .wp-post-image,
.slider-img picture,
.slider-img a{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
}

/* Featured image bersih */
.slider-img img{
  position:relative;
  z-index:2;

  width:min(82%,560px);
  height:auto;
  max-height:calc(100% - 36px);

  display:block;
  object-fit:contain;
  object-position:center center;

  border-radius:0 !important;
  transform-origin:center center;
  animation:pnbywFeaturedFloat 9s ease-in-out infinite alternate;
}

/* ==========================================================================
   DOT NAVIGATION
   ========================================================================== */

.slider-dots{
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  z-index:10;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.slider-dots .dot{
  width:8px;
  height:8px;

  padding:0;
  border-radius:50%;

  background:rgba(255,255,255,.35);
  border:1.5px solid rgba(255,255,255,.52);

  cursor:pointer;
  transition:
    background .2s ease,
    transform .2s ease,
    width .2s ease,
    box-shadow .2s ease;
}

.slider-dots .dot.active{
  width:24px;
  border-radius:999px;
  background:#fff;
  border-color:#fff;
  box-shadow:0 0 14px rgba(255,255,255,.45);
}

.slider-dots .dot:hover:not(.active){
  background:rgba(255,255,255,.65);
  transform:scale(1.2);
}

/* ==========================================================================
   KEYFRAMES
   ========================================================================== */

@keyframes pnbywSlideIn{
  from{
    opacity:0;
    transform:translateX(18px);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes pnbywGradientMove{
  0%{
    background-position:0% 45%;
  }
  50%{
    background-position:100% 55%;
  }
  100%{
    background-position:30% 100%;
  }
}

@keyframes pnbywFeaturedFloat{
  0%{
    transform:translate3d(0,0,0) scale(1);
  }
  100%{
    transform:translate3d(0,-3px,0) scale(1.004);
  }
}

@keyframes pnbywShimmer{
  to{
    background-position:220% center;
  }
}

/* Garis bawah elegan */
.custom-slider::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  height:3px;
  z-index:4;

  background:linear-gradient(90deg, #160706 0%, #d4a017 36%, #8f1d07 70%, #ffd66b 100%);
  background-size:220% auto;
  animation:pnbywShimmer 3.8s linear infinite;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width:1100px){
  .custom-slider{
    height:clamp(330px,31vw,410px);
  }

  .slider-slide{
    grid-template-columns:minmax(0,1fr) minmax(340px,34%);
  }

  .slider-text{
    padding:34px 34px 54px;
  }

  .slider-title{
    font-size:clamp(1.28rem,2vw,1.72rem);
  }

  .slider-img img{
    width:min(84%,470px);
  }
}

@media (max-width:900px){
  .custom-slider{
    height:320px;
  }

  .slider-slide{
    grid-template-columns:minmax(0,1fr) 300px;
  }

  .slider-text{
    padding:26px 24px 48px;
    gap:12px;
  }

  .slider-title{
    font-size:1.18rem;
    -webkit-line-clamp:2;
  }

  .slider-excerpt{
    font-size:12.5px;
    -webkit-line-clamp:2;
  }

  .slider-selengkapnya{
    padding:8px 17px;
    font-size:11.5px;
  }

  .slider-img img{
    width:84%;
    max-height:calc(100% - 26px);
  }
}

@media (max-width:640px){
  .pnbyw-slider-wrap{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    margin-inline-start:0;
    margin-inline-end:0;
  }

  .custom-slider{
    height:auto;
  }

  .slider-slide{
    grid-template-columns:1fr;
    height:auto;
  }

  .slider-slide.active{
    display:grid;
  }

  .slider-img{
    height:clamp(205px,58vw,300px);
    order:1;
    border-left:0 !important;
    border-bottom:0 !important;
  }

  .slider-img img{
    width:min(88%,520px);
    max-height:calc(100% - 22px);
  }

  .slider-text{
    order:2;
    padding:22px 16px 44px;
    gap:10px;
  }

  .slider-cat{
    font-size:9px;
    padding:5px 10px;
  }

  .slider-title{
    font-size:1.08rem;
    line-height:1.35;
    -webkit-line-clamp:2;
  }

  .slider-excerpt{
    font-size:12px;
    line-height:1.6;
    -webkit-line-clamp:2;
  }

  .slider-selengkapnya{
    padding:8px 16px;
    font-size:11.5px;
  }

  .slider-dots{
    bottom:12px;
  }
}

@media (max-width:420px){
  .slider-img{
    height:clamp(185px,60vw,250px);
  }

  .slider-text{
    padding:18px 14px 42px;
  }

  .slider-title{
    font-size:1rem;
  }

  .slider-excerpt{
    font-size:11.8px;
  }

  .slider-dots .dot{
    width:7px;
    height:7px;
  }

  .slider-dots .dot.active{
    width:20px;
  }
}

/* ==========================================================================
   AKSESIBILITAS
   ========================================================================== */

@media (prefers-reduced-motion:reduce){
  .custom-slider,
  .slider-slide,
  .slider-slide.active,
  .slider-img img,
  .custom-slider::after{
    animation:none !important;
  }
}

/* ==========================================================================
   ORNAMEN HALFTONE PATEN DI BACKGROUND WRAPPER
   --------------------------------------------------------------------------
   Masalah sebelumnya:
   - Ornamen ikut hilang/berubah karena ditempel ke slide atau pseudo yang bentrok.

   Solusi:
   - Ornamen dipasang di .pnbyw-slider-wrap::before dan ::after.
   - .custom-slider dan .slider-slide dibuat transparan.
   - Background utama dipasang di .pnbyw-slider-wrap.
   - Ornamen tidak ikut berubah saat slide berganti.
   ========================================================================== */

/* Background utama slider dibuat di wrapper agar ornamen paten */
.pnbyw-slider-wrap{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.032) 0%, transparent 28%),
    radial-gradient(circle at 84% 22%, rgba(212,160,23,.075) 0%, transparent 24%),
    radial-gradient(circle at 78% 84%, rgba(255,120,70,.10) 0%, transparent 30%),
    linear-gradient(135deg, #8f1d07 0%, #9a2109 48%, #7b1806 100%) !important;
  background-size:180% 180% !important;
  border-bottom:3px solid #d4a017 !important;
}

/* PENTING: container dan slide dibuat transparan agar background wrapper terlihat */
.custom-slider,
.slider-slide,
.slider-slide.active{
  background:transparent !important;
  background-image:none !important;
}

/* Matikan semua pseudo yang sebelumnya sering tabrakan */
.custom-slider::before,
.slider-slide::before,
.slider-slide::after,
.slider-dots::before,
.slider-dots::after,
.slider-wrapper::before,
.slider-wrapper::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Panel tetap transparan */
.slider-text,
.slider-img{
  background:transparent !important;
}

/* Ornamen kiri atas — paten di wrapper */
.pnbyw-slider-wrap::before{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  left:-132px !important;
  top:62px !important;
  width:300px !important;
  height:300px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background-image:url("data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20320%20320%22%3E%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%22160%22%20r%3D%228.5%22%20opacity%3D%22.36%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2248%22%20cy%3D%22142%22%20r%3D%228.2%22%20opacity%3D%22.34%22/%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22178%22%20r%3D%228.2%22%20opacity%3D%22.34%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2266%22%20cy%3D%22124%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%22160%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%22196%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2284%22%20cy%3D%22106%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22142%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22178%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22214%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22102%22%20cy%3D%2288%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22124%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22160%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22196%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22232%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22120%22%20cy%3D%2270%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22106%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22142%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22178%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22214%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22250%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22138%22%20cy%3D%2252%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%2288%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22124%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22160%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22196%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22232%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22268%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22156%22%20cy%3D%2234%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%2270%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22106%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22142%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22178%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22214%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22250%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22286%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22174%22%20cy%3D%2252%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%2288%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22124%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22160%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22196%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22232%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22268%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22192%22%20cy%3D%2270%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22106%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22142%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22178%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22214%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22250%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22210%22%20cy%3D%2288%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22124%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22160%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22196%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22232%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22228%22%20cy%3D%22106%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22142%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22178%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22214%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22246%22%20cy%3D%22124%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%3Ccircle%20cx%3D%22246%22%20cy%3D%22160%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%3Ccircle%20cx%3D%22246%22%20cy%3D%22196%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22264%22%20cy%3D%22142%22%20r%3D%222.1%22%20opacity%3D%22.08%22/%3E%3Ccircle%20cx%3D%22264%22%20cy%3D%22178%22%20r%3D%222.1%22%20opacity%3D%22.08%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22282%22%20cy%3D%22160%22%20r%3D%221.7%22%20opacity%3D%22.07%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:left top !important;
  opacity:.58 !important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.06)) !important;
  animation:pnbywHalftoneBlinkLeftFixed 4.2s ease-in-out infinite !important;
}

/* Ornamen kanan bawah — paten di wrapper */
.pnbyw-slider-wrap::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  right:-72px !important;
  bottom:-72px !important;
  width:170px !important;
  height:170px !important;
  z-index:1 !important;
  pointer-events:none !important;
  background-image:url("data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20320%20320%22%3E%0A%20%20%3Cg%20fill%3D%22%23ffffff%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%22160%22%20r%3D%228.5%22%20opacity%3D%22.36%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2248%22%20cy%3D%22142%22%20r%3D%228.2%22%20opacity%3D%22.34%22/%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%22178%22%20r%3D%228.2%22%20opacity%3D%22.34%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2266%22%20cy%3D%22124%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%22160%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%22196%22%20r%3D%227.8%22%20opacity%3D%22.32%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2284%22%20cy%3D%22106%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22142%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22178%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%22214%22%20r%3D%227.4%22%20opacity%3D%22.30%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22102%22%20cy%3D%2288%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22124%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22160%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22196%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22102%22%20cy%3D%22232%22%20r%3D%227.0%22%20opacity%3D%22.28%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22120%22%20cy%3D%2270%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22106%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22142%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22178%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22214%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%22250%22%20r%3D%226.5%22%20opacity%3D%22.25%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22138%22%20cy%3D%2252%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%2288%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22124%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22160%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22196%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22232%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%3Ccircle%20cx%3D%22138%22%20cy%3D%22268%22%20r%3D%226.0%22%20opacity%3D%22.22%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22156%22%20cy%3D%2234%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%2270%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22106%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22142%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22178%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22214%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22250%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%3Ccircle%20cx%3D%22156%22%20cy%3D%22286%22%20r%3D%225.4%22%20opacity%3D%22.19%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22174%22%20cy%3D%2252%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%2288%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22124%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22160%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22196%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22232%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%3Ccircle%20cx%3D%22174%22%20cy%3D%22268%22%20r%3D%224.8%22%20opacity%3D%22.16%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22192%22%20cy%3D%2270%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22106%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22142%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22178%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22214%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22250%22%20r%3D%224.2%22%20opacity%3D%22.14%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22210%22%20cy%3D%2288%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22124%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22160%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22196%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%22232%22%20r%3D%223.6%22%20opacity%3D%22.12%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22228%22%20cy%3D%22106%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22142%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22178%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22214%22%20r%3D%223.1%22%20opacity%3D%22.10%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22246%22%20cy%3D%22124%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%3Ccircle%20cx%3D%22246%22%20cy%3D%22160%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%3Ccircle%20cx%3D%22246%22%20cy%3D%22196%22%20r%3D%222.6%22%20opacity%3D%22.09%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22264%22%20cy%3D%22142%22%20r%3D%222.1%22%20opacity%3D%22.08%22/%3E%3Ccircle%20cx%3D%22264%22%20cy%3D%22178%22%20r%3D%222.1%22%20opacity%3D%22.08%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22282%22%20cy%3D%22160%22%20r%3D%221.7%22%20opacity%3D%22.07%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A") !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;
  background-position:right bottom !important;
  transform:rotate(180deg) !important;
  opacity:.26 !important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.04)) !important;
  animation:pnbywHalftoneBlinkRightFixed 4.8s ease-in-out infinite !important;
  animation-delay:.35s !important;
}

/* Konten slider harus berada di atas ornamen wrapper */
.custom-slider,
.slider-wrapper,
.slider-slide,
.slider-text,
.slider-img,
.slider-dots{
  position:relative !important;
  z-index:3 !important;
}

/* Garis bawah tetap tampil */
.custom-slider::after{
  content:'' !important;
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:3px !important;
  z-index:10 !important;
  background:linear-gradient(90deg, #8f1d07 0%, #d4a017 42%, #ffd66b 58%, #8f1d07 100%) !important;
  background-size:220% auto !important;
  animation:pnbywShimmer 3.8s linear infinite !important;
  opacity:1 !important;
}

/* Blink halus */
@keyframes pnbywHalftoneBlinkLeftFixed{
  0%,100%{
    opacity:.24;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.02));
  }
  45%{
    opacity:.70;
    filter:drop-shadow(0 0 10px rgba(255,255,255,.09));
  }
  70%{
    opacity:.46;
    filter:drop-shadow(0 0 6px rgba(255,255,255,.05));
  }
}

@keyframes pnbywHalftoneBlinkRightFixed{
  0%,100%{
    opacity:.10;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.02));
  }
  50%{
    opacity:.34;
    filter:drop-shadow(0 0 8px rgba(255,255,255,.06));
  }
  74%{
    opacity:.20;
    filter:drop-shadow(0 0 4px rgba(255,255,255,.04));
  }
}

@media (max-width:900px){
  .pnbyw-slider-wrap::before{
    left:-104px !important;
    top:44px !important;
    width:232px !important;
    height:232px !important;
  }

  .pnbyw-slider-wrap::after{
    right:-54px !important;
    bottom:-54px !important;
    width:124px !important;
    height:124px !important;
  }
}

@media (max-width:640px){
  .pnbyw-slider-wrap::before{
    left:-78px !important;
    top:34px !important;
    width:170px !important;
    height:170px !important;
    opacity:.48 !important;
  }

  .pnbyw-slider-wrap::after{
    right:-36px !important;
    bottom:-36px !important;
    width:88px !important;
    height:88px !important;
    opacity:.18 !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .pnbyw-slider-wrap::before,
  .pnbyw-slider-wrap::after{
    animation:none !important;
  }
}

/* ==========================================================================
   FIX SLIDER TIDAK MENGGANGGU NAVBAR STICKY
   --------------------------------------------------------------------------
   Tempel di paling bawah CSS slider atau style.css.
   Tujuan:
   - Slider tetap tampil normal.
   - Slider tidak menutup navbar.
   - Ornamen slider tetap di belakang konten slider.
   - Navbar tetap punya layer paling tinggi.
   ========================================================================== */

/* Navbar harus selalu di atas slider */
.pnbyw-nav-bar{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:999999 !important;
  overflow:visible !important;
}

/* Dropdown menu tetap di atas slider */
.pnbyw-nav-inner,
#site-navigation,
#pnbywMenu,
#pnbywMenu li,
#pnbywMenu .sub-menu{
  overflow:visible !important;
}

#pnbywMenu > li > .sub-menu{
  z-index:1000001 !important;
}

#pnbywMenu .sub-menu .sub-menu{
  z-index:1000002 !important;
}

/* Slider jangan menjadi layer tinggi */
.pnbyw-slider-wrap{
  position:relative !important;
  z-index:1 !important;
  isolation:auto !important;
}

.custom-slider{
  position:relative !important;
  z-index:1 !important;
}

.slider-wrapper{
  position:relative !important;
  z-index:1 !important;
}

.slider-slide{
  position:relative !important;
  z-index:1 !important;
}

/* Ornamen/pseudo slider tetap di belakang konten slider */
.pnbyw-slider-wrap::before,
.pnbyw-slider-wrap::after,
.slider-slide::before,
.slider-slide::after{
  z-index:0 !important;
  pointer-events:none !important;
}

/* Konten slider cukup di atas ornamen, tapi tetap di bawah navbar */
.slider-text,
.slider-img,
.slider-dots{
  position:relative !important;
  z-index:2 !important;
}

/* Garis bawah slider jangan terlalu tinggi */
.custom-slider::after{
  z-index:3 !important;
  pointer-events:none !important;
}