html, body {
margin: 0;
padding: 0;
max-width: 100%;
/* (2026-07-28) overflow-x DIUBAH hidden -> clip. Bar atas memakai position:sticky
(includes/site_header.php:47), tapi `overflow-x:hidden` MEMAKSA overflow-y jadi `auto`
(spesifikasi CSS tak mengizinkan pasangan visible+hidden). Itu menjadikan html/body wadah
gulir tersendiri, sehingga sticky menempel pada wadah yang ikut menggulir — hasilnya bar
atas hilang saat halaman digulir. `clip` memberi perlindungan luapan mendatar yang SAMA
tetapi TIDAK membuat wadah gulir, jadi overflow-y tetap `visible` dan sticky bekerja.
Diuji langsung di situs: setelah digulir 700px, posisi atas bar = 0px, dan lebar gulir
mendatar tak berubah (1265 = 1265, tak ada scrollbar mendatar baru).
Baris `hidden` dipertahankan LEBIH DULU sebagai cadangan untuk peramban lawas yang belum
mengenal `clip` (mis. Safari < 16) — mereka mengabaikan baris kedua dan tetap terlindungi.
Berkas ini hanya dimuat includes/header.php (beranda & Halaman Menu); halaman lain menulis
sendiri dan bar atasnya memang sudah menempel. */
overflow-x: hidden;
overflow-x: clip;
font-family: 'Arial', sans-serif;
background-color: #f9f9f9;
}
.container {
max-width: 430px;
margin: 0 auto;
background-color: #fff;
min-height: 100vh;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.footer {
margin-top: 40px;
padding: 20px;
text-align: center;
font-size: 14px;
color: #888;
}
img, video, iframe {
max-width: 100%;
height: auto;
display: block;
}