.elementor-92 .elementor-element.elementor-element-216e22d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-7b279a3 *//* Overlay background */
#vp-header .overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.4);
  backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;
  transition:opacity .25s ease;
  z-index:9998;
}
#vp-header .overlay.show{opacity:1;pointer-events:auto}

/* Drawer mobile fix: always scrollable full height */
#vp-header .drawer{
  position:fixed;
  top:0; right:0; bottom:0;
  width:min(360px,90%);
  height:100vh;                      /* full viewport height */
  overflow-y:auto;                   /* enable scroll */
  background:rgba(10,10,12,.96);
  backdrop-filter:blur(12px);
  border-left:1px solid rgba(255,255,255,.14);
  z-index:9999;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:22px 18px 28px;
  transform:translateX(100%);
  transition:transform .3s ease;
  -webkit-overflow-scrolling:touch;  /* iOS smooth scroll */
}
#vp-header .drawer.open{transform:translateX(0);}
#vp-header .drawer a{
  color:#fff;
  text-decoration:none;
  padding:14px 12px;
  border-radius:10px;
  font-size:16px;
  display:block;
}
#vp-header .drawer a:hover{
  background:rgba(255,255,255,.08);
  color:var(--vp-gold);
}

/* Tombol collapsible Legal Guide */
#vp-header .mob-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 12px;
  color:#fff;
  background:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  cursor:pointer;
}
#vp-header .mob-toggle[aria-expanded="true"]{
  background:rgba(255,255,255,.08);
  color:var(--vp-gold);
}
#vp-header .mob-sub{
  display:none;
  flex-direction:column;
  padding:6px 0 10px 10px;
}
#vp-header .mob-sub.open{display:flex;}/* End custom CSS */