/* ==========================================================
   PAGES - style khusus halaman selain beranda
   ========================================================== */

/* halaman 404 */
.notfound{padding-top:32px;padding-bottom:20px}
.notfound h1{margin:0 0 10px;max-width:16em;font-size:clamp(28px,6vw,48px);line-height:1.1;font-weight:800;letter-spacing:-.025em}
.notfound p{margin:0 0 20px;max-width:34em;color:var(--mut);font-size:16px}

/* judul & kalimat pembuka halaman biasa (FAQ, Cek Pesanan, Kontak) */
.page-title{margin:0 0 8px;font-size:clamp(26px,5vw,36px);font-weight:800;letter-spacing:-.02em}
.page-lead{margin:0 0 24px;color:var(--mut)}


/* tombol Kembali (semua halaman kecuali beranda). Partial: views/partials/back-button.php | Perilaku: js/modules/back.js */
main{position:relative}
.back-wrap{padding-top:14px;padding-bottom:4px}
.back{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px 0 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--mut);transition:background .15s,color .15s}
.back:hover{background:var(--brand-l);color:var(--brand-d)}
/* di atas hero: melayang di pojok kiri atas, warna terang */
.back-wrap--hero{position:absolute;z-index:5;top:10px;left:0;right:0;padding-top:0;padding-bottom:0;pointer-events:none}
.back-wrap--hero .back{pointer-events:auto;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#dbe5fb}
.back-wrap--hero .back:hover{background:rgba(255,255,255,.18);color:#fff}
/* halaman polos (login & daftar): melayang di atas, tanpa mendorong isi */
.bare .back-wrap{position:absolute;z-index:5;top:6px;left:0;right:0;padding-top:0;padding-bottom:0;pointer-events:none}
.bare .back{pointer-events:auto}