/* Shared navbar only. Page sections and their original styling stay untouched. */
.site-header{position:sticky;top:0;z-index:20000;margin:0!important;background:rgba(255,255,255,.98);border-bottom:1px solid #eadfe1;box-shadow:0 7px 24px rgba(49,8,15,.07);backdrop-filter:blur(14px)}
.site-header *{box-sizing:border-box}
.site-header .header-inner{position:relative;width:min(1080px,calc(100% - 40px))!important;max-width:1080px!important;height:76px;margin-inline:auto!important;display:flex;align-items:center;gap:28px!important}
.site-header .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#2d2728;text-decoration:none}
.site-header .brand img{display:block;width:43px!important;height:43px!important;object-fit:contain!important}
.site-header .brand span{display:block;line-height:.9;letter-spacing:.03em}
.site-header .brand b,.site-header .brand strong{display:block}
.site-header .brand b{font-size:1.05rem;color:#79101a}
.site-header .brand strong{font-size:.78rem;color:#aa1221}
.site-header .desktop-nav{display:flex;align-items:center;gap:30px!important;margin-left:auto!important}
.site-header .desktop-nav>a,.site-header .nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;padding:0;color:#2d2728!important;text-decoration:none;font-family:"DM Sans",Arial,sans-serif;font-size:15px!important;font-weight:700!important;line-height:1.25;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
.site-header .desktop-nav>a:hover,.site-header .nav-dropdown-trigger:hover{color:#9f0b18!important}
.site-header .nav-dropdown{position:relative;display:flex;align-items:center}
.site-header .nav-dropdown-trigger{cursor:pointer}
.site-header .nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 12px);left:50%;z-index:20020;width:min(1080px,calc(100vw - 32px));max-width:1080px;padding:24px 20px 28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 38px;transform:translateX(-50%);overflow:hidden;background:#fff;border:1px solid #d8d1d2;border-radius:4px;box-shadow:0 18px 50px rgba(45,10,15,.16)}
.site-header .nav-dropdown:hover>.nav-dropdown-menu,.site-header .nav-dropdown:focus-within>.nav-dropdown-menu,.site-header .nav-dropdown.is-open>.nav-dropdown-menu{display:grid}
.site-header .nav-dropdown-menu>a{display:block;min-width:0;padding:0;color:#151515;text-decoration:none}
.site-header .nav-dropdown-menu>a strong{display:block;margin:7px 0 8px;color:#151515;font-size:17px;line-height:1.25}
.site-header .nav-dropdown-menu>a>span:not(.program-menu-icons){display:block;color:#18202a;font-size:15px;line-height:1.48;white-space:normal}
.site-header .program-menu-icons{display:flex!important;align-items:center!important;width:max-content!important;height:54px!important;margin:0 0 3px!important;gap:6px!important;overflow:visible!important}
.site-header .program-menu-icons img{display:block!important;flex:0 0 auto!important;width:48px!important;height:48px!important;object-fit:contain!important;background:transparent!important}
.site-header .program-menu-icons--kedinasan{display:grid!important;grid-template-columns:repeat(4,34px)!important;grid-template-rows:repeat(2,34px)!important;gap:3px 5px!important;height:71px!important;align-content:start!important}
.site-header .program-menu-icons--kedinasan img{width:34px!important;height:34px!important}
.site-header .calculator-dropdown-wrap .calculator-dropdown{left:50%;width:270px;padding:8px 0;grid-template-columns:1fr;gap:0}
.site-header .calculator-dropdown>a{display:block!important;padding:12px 16px!important;border-bottom:1px solid #eee7e7!important}
.site-header .calculator-dropdown>a:last-child{border-bottom:0!important}
.site-header .calculator-dropdown>a:hover{background:#faf4f4!important}
.site-header .calculator-dropdown .calculator-menu-icon,.site-header .calculator-dropdown>a>span:not(.calculator-menu-icon){display:none!important}
.site-header .calculator-dropdown>a strong{display:block!important;margin:0!important;color:#302a2c!important;font-size:15px!important}
.site-header .desktop-nav .nav-cta{padding:11px 25px!important;color:#fff!important;background:#9f0b18!important;border-radius:24px!important;box-shadow:0 10px 24px rgba(159,11,24,.18)!important}
.site-header .desktop-nav .nav-cta:hover{color:#fff!important;background:#850814!important}
.site-header .menu-toggle{display:none;width:42px;height:42px;margin-left:auto;padding:8px;border:0;background:transparent;cursor:pointer}
.site-header .menu-toggle span{display:block;width:24px;height:2px;margin:5px auto;background:#79101a;transition:.2s ease}
.site-header .mobile-nav{display:none}
@media(max-width:900px){
  .site-header .header-inner{width:calc(100% - 32px)!important;height:70px}
  .site-header .desktop-nav{display:none!important}
  .site-header .menu-toggle{display:block!important}
  .site-header .mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:20010;width:100%!important;max-height:calc(100vh - 70px);margin:0!important;padding:14px 22px 24px!important;overflow-y:auto;flex-direction:column;gap:0!important;background:#fff;box-shadow:0 20px 40px rgba(59,5,12,.14)}
  .site-header .mobile-nav.is-open{display:flex!important}
  .site-header .mobile-nav>a,.site-header .mobile-nav summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;color:#282225!important;border-bottom:1px solid #eee5e6;text-decoration:none;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
  .site-header .mobile-nav summary::-webkit-details-marker{display:none}
  .site-header .mobile-nav details{width:100%}
  .site-header .nav-program-mobile-list{display:flex;flex-direction:column;padding:4px 0 8px 14px;border-left:2px solid #f0dfe1}
  .site-header .nav-program-mobile-list a{padding:10px 8px;color:#4a4244!important;text-decoration:none;font-size:14px;font-weight:600}
  .site-header .mobile-nav .nav-cta{justify-content:center;width:max-content;margin-top:14px;padding:11px 22px!important;color:#fff!important;background:#9f0b18!important;border:0;border-radius:24px!important}
}