/* Header seragam untuk semua halaman (index, jasa-iklan, FAQ, profil, privasi, syarat) */
.sh-wrap{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(116,172,209,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sh-bar{max-width:1190px;margin:auto;padding:0 28px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-sizing:border-box}
.sh-bar *{box-sizing:border-box}
.sh-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;text-decoration:none;color:inherit}
.sh-mark{width:40px;height:40px;display:grid;place-items:center}
.sh-mark img{width:100%;height:100%;object-fit:contain}
.sh-name{display:block;font:700 18px/1.1 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.02em;color:#0f2b47}
.sh-tag{display:block;font:500 11px 'Manrope','Segoe UI',system-ui,sans-serif;color:#4f6e8c;margin-top:2px}
.sh-nav{display:flex;align-items:center;gap:7px;margin-left:auto;font-family:'Manrope','Segoe UI',system-ui,sans-serif}
.sh-nav a{padding:11px 15px;color:#35567a;font-weight:650;font-size:14px;border-radius:9px;transition:.2s;text-decoration:none}
.sh-nav a:hover,.sh-nav a.active{background:#e4eff7;color:#0b2a4a}
.sh-nav a.sh-login-m{display:none}
.sh-cta{padding:11px 24px;background:linear-gradient(135deg,#1596f0,#0868c4);color:#fff;font:800 14px 'Manrope','Segoe UI',system-ui,sans-serif;border:1px solid #0a84e6;border-radius:10px;white-space:nowrap;box-shadow:0 8px 22px -10px rgba(10,132,230,.7);text-decoration:none}
.sh-cta:hover{filter:brightness(1.08)}
.sh-menu{display:none;background:#e5eff7;border:1px solid #d7e3ed;border-radius:10px;color:#0b2a4a;padding:9px 13px;font:inherit;cursor:pointer}
.sh-bar>.lang-switch{margin-left:-8px}
@media(max-width:790px){
  .sh-bar{height:68px;gap:12px}
  .sh-nav{display:none;position:absolute;left:0;right:0;top:67px;background:#ebf3f9;padding:12px 20px 18px;border-bottom:1px solid #d7e4ec;flex-direction:column;align-items:stretch}
  .sh-nav.open{display:flex}
  .sh-nav a{width:100%}
  .sh-nav a.sh-login-m{display:block;color:#0a6fc2;font-weight:800}
  .sh-cta{display:none}
  .sh-menu{display:block}
  .sh-bar>.lang-switch{margin-left:auto;order:2}
  .sh-bar>.sh-menu{order:3}
}
@media(max-width:520px){.sh-bar{padding:0 20px}.sh-name{font-size:17px}.sh-tag{font-size:10px}.sh-mark{width:36px;height:36px}.sh-brand{flex-shrink:1;min-width:0}}
@media(prefers-color-scheme:dark){
  body.sh-dark .sh-wrap{background:rgba(11,27,43,.92);border-bottom-color:#23405c}
  body.sh-dark .sh-name{color:#e8f1fa}body.sh-dark .sh-tag{color:#9fb7cf}
  body.sh-dark .sh-nav a{color:#c4d6e8}body.sh-dark .sh-nav a:hover,body.sh-dark .sh-nav a.active{background:#1a3550;color:#fff}
  body.sh-dark .sh-menu{background:#1a3550;border-color:#23405c;color:#e8f1fa}
  body.sh-dark .sh-nav{background:#10253a}
  body.sh-dark .lang-btn,body.sh-dark .lang-menu{background:#10253a;border-color:#23405c;color:#e8f1fa}
  body.sh-dark .lang-opt{color:#e8f1fa}body.sh-dark .lang-opt:hover{background:#1a3550}
}
