/* ============================================ 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 also gets it (or gets an explicit overflow-y), 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-first-45ee, e.media_lite_20fa. apk.tabs_ba6a, aplikasi.tabs_ba6a, etc.) and the redesigned template (header.modal_47d2, e.media_lite_20fa. index.tabs_ba6a, apk-download.tabs_ba6a). Both selectors must stay here or one template's sticky header breaks. */ header.picture-first-45ee, header.modal_47d2 { 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 */ .text_gold_4acf { padding: 0.4rem; font-size: 14px; line-height: 1.1; } /* css-noise: 60ba */ .phantom-card-u9 { padding: 0.2rem; font-size: 13px; line-height: 1.0; }