/* KHF Remove Live Monitoring + No Extra Bottom Gap Final
   Fokus: hapus bar Live System/Monitoring di /products dan hilangkan celah kosong setelah Order Flow. */

body.product-page-body .pd-live-visual-panel,
body.product-page-body .lv3d-copy,
body.product-page-body .lv3d-board,
body.product-page-body .lv3d-orb{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Jangan ada area kosong sesudah bar flow */
body.product-page-body{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  min-height:auto !important;
}

body.product-page-body main.store-shell,
body.product-page-body .store-shell,
body.product-page-body .product-dash-shell{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
  min-height:auto !important;
}

body.product-page-body .pd-flow-panel.flow-live-panel{
  margin-bottom:10px !important;
}

body.product-page-body .pd-flow-panel.flow-live-panel + *,
body.product-page-body .pd-flow-panel.flow-live-panel ~ .pd-live-visual-panel{
  margin-top:0 !important;
}

body.product-page-body .pd-flow-panel.flow-live-panel:last-of-type{
  margin-bottom:10px !important;
}

/* Hapus semua spacer bawah yang sering bikin kosong */
body.product-page-body .bottom-spacer,
body.product-page-body .page-spacer,
body.product-page-body .nav-spacer,
body.product-page-body .safe-bottom-space,
body.product-page-body .khf-bottom-spacer,
body.product-page-body .mobile-nav-spacer,
body.product-page-body .footer-spacer{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Menu bawah tetap fixed, tapi tidak memaksa halaman bikin blank panjang */
body.product-page-body .khf-bottom-v11{
  position:fixed !important;
  bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
  transform:translate3d(-50%,0,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
  transition:none !important;
}

@media(max-width:560px){
  body.product-page-body{
    padding-bottom:0 !important;
  }
  body.product-page-body .pd-flow-panel.flow-live-panel{
    margin-bottom:8px !important;
  }
}