/* ==========================================================================
   NX HERO SPLIT (Dengan Safe Padding Sisi Kiri-Kanan)
   ========================================================================== */

.nx-hero-split {
  min-height: 100vh !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  /* Urutan padding: ATAS | KANAN-KIRI | BAWAH */
  padding-top: clamp(48px, 8vw, 80px) !important;
  padding-left: clamp(16px, 4vw, 32px) !important;  /* Safe space kiri */
  padding-right: clamp(16px, 4vw, 32px) !important; /* Safe space kanan */
  padding-bottom: clamp(32px, 5vw, 60px) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Background image tetap 0px tanpa terpengaruh padding parent */
.nx-bg-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

.nx-hero-top {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.nx-hero-bottom {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}