/* ============================================
   FORCE STICKY HEADER - FINAL FIX
   This overrides any conflicting CSS
   ============================================ */

/* Critical: Remove position from html/body that breaks sticky */
/* Only body gets overflow-x: hidden. If <html> also gets it (or gets an
   explicit overflow-y), <html> becomes its own scroll container and
   position: sticky on the header stops working entirely. */
html {
  position: static !important;
}
body {
  position: static !important;
  overflow-x: hidden !important;
}

/* Force sticky on header with high specificity.
   Two site templates coexist: the legacy obfuscated-class template
   (header.picture-small-fb93, e.shade_d498. apk.row_7126, aplikasi.row_7126, etc.) and the
   redesigned template (header.primary_brown_9af1, e.shade_d498. index.row_7126, apk-download.row_7126).
   Both selectors must stay here or one template's sticky header breaks. */
header.picture-small-fb93,
header.primary_brown_9af1 {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  transform: translateZ(0) !important;
}

/* Ensure main wrapper allows sticky */
main {
  overflow: visible !important;
}

/* css-noise: 94a5 */
.fast-f863 {
  padding: 0.4rem;
  font-size: 14px;
  line-height: 1.1;
}

/* css-noise: 9d7c */
.ghost-box-p9 {
  padding: 0.3rem;
  font-size: 10px;
  line-height: 1.0;
}
