/* Header situs (28 Sep 2026, permintaan pemilik: "lebih profesional dengan logo
   dan tulisan Maskuubin Official, tanpa tautan Shopee di kanan atas").
   Berkas terpisah dari style.css supaya perubahan header tidak tertahan cache
   Cloudflare 4 jam pada style.css; dipanggil dengan ?v=. */
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 5.5vw;background:#fff;border-bottom:3px solid #e11b22;position:sticky;top:0;z-index:20}
.brand-mark{display:flex;align-items:center;gap:12px;color:#080808;text-decoration:none}
.brand-mark img{display:block;width:46px;height:46px;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font:700 23px 'DM Sans',system-ui,sans-serif;letter-spacing:-.7px}
.brand-text i{margin-top:5px;font:600 10.5px 'DM Mono',ui-monospace,monospace;font-style:normal;letter-spacing:.34em;text-transform:uppercase;color:#e11b22}
.site-header nav{display:flex;align-items:center;gap:30px}
.site-header nav a{position:static;padding:6px 0;border-bottom:2px solid transparent;font:600 14px 'DM Sans',system-ui,sans-serif;color:#080808;text-decoration:none}
.site-header nav a:after{display:none}
.site-header nav a.current,.site-header nav a:hover{border-bottom-color:#e11b22}
@media(max-width:780px){.site-header{height:64px;padding:0 5vw;gap:12px}.brand-mark{gap:9px}.brand-mark img{width:38px;height:38px}.brand-text b{font-size:18px}.brand-text i{margin-top:4px;font-size:9px;letter-spacing:.28em}.site-header nav{display:flex;gap:16px}.site-header nav a{font-size:13px}}
@media(max-width:330px){.brand-text i{display:none}.site-header nav{gap:12px}}