/* PKBI Floating Konsultasi v1.2.6 HD: exclusive portrait layers to prevent ghosting/double images, stationary CTA. */
.pkb-floating-konsultasi-widget,.pkb-floating-konsultasi-widget * { box-sizing:border-box!important; }
.pkb-floating-konsultasi-widget {
  position:fixed!important; right:16px!important; bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
  top:auto!important; left:auto!important; margin:0!important; padding:0!important;
  width:min(286px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important;
  height:auto!important; z-index:2147482000!important;
  display:flex!important; flex-direction:column!important; align-items:flex-end!important;
  justify-content:flex-end!important; transform:none!important; overflow:visible!important;
  isolation:isolate; pointer-events:none!important; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  line-height:1.25!important;
}
.pkb-floating-konsultasi-portrait {
  position:relative!important; width:158px!important; max-width:65%!important;
  aspect-ratio:384/401; margin:0 8px -6px 0!important; padding:0!important;
  pointer-events:none!important; flex:none!important; z-index:0!important;
}
/* Only one layer can be shown. Static is the initial/failure fallback; sprite replaces it after asset preload. */
.pkb-floating-konsultasi-portrait__sprite,
.pkb-floating-konsultasi-portrait__still {
  position:absolute!important; inset:0!important; display:block!important; width:100%!important;
  max-width:100%!important; height:100%!important; opacity:1!important;
  border:0!important; box-shadow:none!important; pointer-events:none!important;
}
.pkb-floating-konsultasi-portrait__still {
  object-fit:contain!important; object-position:bottom center!important;
  background-color:transparent!important; z-index:0!important; display:block!important;
}
.pkb-floating-konsultasi-portrait__sprite {
  z-index:1!important;
  display:none!important;
  background-image:url("operator-telepon-original-hd.webp")!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-size:500% 300%!important;
  background-position:0 0;
  animation:pkb-telephone-lift 2.4s steps(1, end) infinite!important;
  will-change:background-position!important;
}
.pkb-floating-konsultasi-portrait.pkb-portrait-ready .pkb-floating-konsultasi-portrait__still { display:none!important; }
.pkb-floating-konsultasi-portrait.pkb-portrait-ready .pkb-floating-konsultasi-portrait__sprite { display:block!important; }
@keyframes pkb-telephone-lift {
  0.00000%, 6.66167% { background-position:0% 0%; }
  6.66667%, 13.32833% { background-position:25% 0%; }
  13.33333%, 19.99500% { background-position:50% 0%; }
  20.00000%, 26.66167% { background-position:75% 0%; }
  26.66667%, 33.32833% { background-position:100% 0%; }
  33.33333%, 39.99500% { background-position:0% 50%; }
  40.00000%, 46.66167% { background-position:25% 50%; }
  46.66667%, 53.32833% { background-position:50% 50%; }
  53.33333%, 59.99500% { background-position:75% 50%; }
  60.00000%, 66.66167% { background-position:100% 50%; }
  66.66667%, 73.32833% { background-position:0% 100%; }
  73.33333%, 79.99500% { background-position:25% 100%; }
  80.00000%, 86.66167% { background-position:50% 100%; }
  86.66667%, 93.32833% { background-position:75% 100%; }
  93.33333%, 100.00000% { background-position:100% 100%; }
}
a.pkb-floating-konsultasi {
  position:relative!important; z-index:1!important; width:100%!important; min-width:0!important;
  min-height:57px!important; margin:0!important; padding:7px 8px!important;
  border:1px solid #d6aa6a!important; border-radius:13px!important;
  background:#fff9ef!important; color:#2c2118!important;
  box-shadow:0 7px 20px rgba(84,51,24,.16),0 0 10px rgba(218,171,88,.14)!important;
  display:grid!important; grid-template-columns:32px 1px minmax(0,1fr) 33px!important;
  gap:6px!important; align-items:center!important; justify-items:stretch!important;
  text-align:left!important; text-decoration:none!important; line-height:1.2!important;
  transform:none!important; animation:none!important;
  pointer-events:auto!important; isolation:isolate; overflow:hidden!important;
  -webkit-tap-highlight-color:transparent;
}
a.pkb-floating-konsultasi:hover,a.pkb-floating-konsultasi:focus-visible {
  color:#2c2118!important; text-decoration:none!important; transform:none!important;
  box-shadow:0 7px 22px rgba(84,51,24,.20),0 0 12px rgba(218,171,88,.20)!important;
}
a.pkb-floating-konsultasi:focus-visible,.pkb-floating-konsultasi__listen:focus-visible {outline:2px solid #194b70!important;outline-offset:3px!important;}
.pkb-floating-konsultasi__shine {position:absolute!important;inset:0!important;z-index:-1!important;border-radius:inherit!important;pointer-events:none!important;overflow:hidden!important;}
.pkb-floating-konsultasi__shine:before {
  content:""; position:absolute; width:165%; aspect-ratio:1; left:50%;top:50%;
  background:conic-gradient(from 0deg,transparent 0deg 225deg,rgba(237,195,115,.10) 240deg,#fbd178 265deg,#fff 280deg,#ffcb58 296deg,rgba(237,195,115,.12) 315deg,transparent 330deg 360deg);
  transform:translate(-50%,-50%) rotate(0deg); animation:pkb-border-circuit 4s linear infinite;
}
.pkb-floating-konsultasi__shine:after {content:"";position:absolute;inset:2px;border-radius:10px;background:#fff9ef;}
@keyframes pkb-border-circuit {to{transform:translate(-50%,-50%) rotate(360deg);}}
.pkb-floating-konsultasi__icon,.pkb-floating-konsultasi__arrow {
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:35px!important;width:100%!important; border-radius:8px!important;
  position:relative!important;z-index:1!important;
}
.pkb-floating-konsultasi__icon{background:#f4e8d6!important;color:#a77b38!important;}
.pkb-floating-konsultasi__divider{width:1px!important;height:32px!important;background:#dfbe8a!important;display:block!important;z-index:1!important;}
.pkb-floating-konsultasi__copy{position:relative!important;z-index:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;white-space:normal!important;overflow-wrap:break-word!important;}
.pkb-floating-konsultasi__eyebrow{display:block!important;font-size:10.6px!important;font-weight:650!important;line-height:1.2!important;color:#80532d!important;letter-spacing:0!important;text-transform:none!important;}
.pkb-floating-konsultasi__title{display:block!important;font-size:8px!important;font-weight:750!important;line-height:1.25!important;color:#30261f!important;letter-spacing:0!important;text-transform:none!important;}
.pkb-floating-konsultasi__arrow{background:linear-gradient(140deg,#d3a764,#aa7b3d)!important;color:#fff!important;}
.pkb-floating-konsultasi__listen {
  position:absolute!important;right:155px!important;bottom:67px!important;z-index:3!important;
  width:36px!important;height:36px!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important; border:1px solid #d3a65e!important;
  background:#fff9ef!important;color:#9c6a29!important;
  box-shadow:0 4px 14px rgba(69,42,14,.19)!important;
  cursor:pointer!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;
  transition:background-color .15s ease,box-shadow .15s ease!important;
}
.pkb-floating-konsultasi__listen:hover,.pkb-floating-konsultasi__listen[data-playing="true"] {
  background:#ead2a8!important; box-shadow:0 5px 14px rgba(69,42,14,.27)!important;
}
.pkb-floating-konsultasi-widget .screen-reader-text {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media (max-width:900px) {
  .pkb-floating-konsultasi-widget{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;width:min(258px,calc(100vw - 24px))!important;}
  .pkb-floating-konsultasi-portrait{width:138px!important;margin-right:5px!important;}
  .pkb-floating-konsultasi__listen{right:134px!important;bottom:62px!important;}
}
@media (max-width:600px) {
  .pkb-floating-konsultasi-widget {right:9px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:min(242px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;}
  .pkb-floating-konsultasi-portrait{width:116px!important;max-width:55%!important;margin:0 4px -5px 0!important;}
  a.pkb-floating-konsultasi {min-height:54px!important;grid-template-columns:28px 1px minmax(0,1fr) 30px!important;gap:5px!important;padding:6px!important;border-radius:11px!important;}
  .pkb-floating-konsultasi__icon,.pkb-floating-konsultasi__arrow{height:32px!important;}
  .pkb-floating-konsultasi__divider{height:30px!important;}
  .pkb-floating-konsultasi__eyebrow{font-size:9.7px!important;}
  .pkb-floating-konsultasi__title{font-size:7.2px!important;}
  .pkb-floating-konsultasi__listen{right:115px!important;bottom:61px!important;width:35px!important;height:35px!important;}
}
@media(max-width:359px) {
  .pkb-floating-konsultasi-widget{width:min(222px,calc(100vw - 14px))!important;right:7px!important;}
  .pkb-floating-konsultasi-portrait{width:106px!important;}
  a.pkb-floating-konsultasi{grid-template-columns:25px 1px minmax(0,1fr) 27px!important;gap:4px!important;}
  .pkb-floating-konsultasi__eyebrow{font-size:9.2px!important;}
  .pkb-floating-konsultasi__title{font-size:6.9px!important;}
  .pkb-floating-konsultasi__listen{right:103px!important;bottom:60px!important;}
}
@media(prefers-reduced-motion:reduce) {
  .pkb-floating-konsultasi__shine:before{animation:none!important;background:#d6aa6a!important;}
  .pkb-floating-konsultasi-portrait__sprite{display:none!important;}
  .pkb-floating-konsultasi-portrait__still{display:block!important;}
}

@media (prefers-reduced-motion:reduce) {
  .pkb-floating-konsultasi-portrait.pkb-portrait-ready .pkb-floating-konsultasi-portrait__sprite {display:none!important;}
  .pkb-floating-konsultasi-portrait.pkb-portrait-ready .pkb-floating-konsultasi-portrait__still {display:block!important;}
}
