/* Header desktop stabil saat browser di-zoom in/out. */
@media(min-width:801px){
  body>header .nav{display:grid!important;grid-template-columns:clamp(150px,14vw,190px) minmax(0,1fr)!important;align-items:center!important;width:min(calc(100% - 32px),1440px)!important;max-width:1440px!important;min-height:var(--header-height,78px)!important;margin:0 auto!important;padding:0 12px!important;gap:10px!important;overflow:visible!important}
  body>header .brand,body>header .brand.has-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:7px 12px 7px 0!important;overflow:hidden!important;border:0!important;border-right:0!important}
  body>header .brand-logo{display:block!important;width:auto!important;max-width:100%!important;max-height:calc(var(--header-height,78px) - 18px)!important;object-fit:contain!important;object-position:center!important}
  body>header .links{display:flex!important;align-items:stretch!important;justify-content:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;gap:0!important;border:0!important}
  body>header .links>.nav-main-link,body>header .links>.nav-dropdown{flex:1 1 0!important;width:auto!important;min-width:0!important;height:66px!important;border-left:1px solid #ffffff2b!important}
  body>header .links>*:last-child{border-right:1px solid #ffffff2b!important}
  body>header .links .nav-main-link,body>header .nav-dropdown-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:66px!important;min-height:66px!important;padding:20px 3px 10px!important;overflow:hidden!important;font-size:clamp(8px,.68vw,11px)!important;line-height:1.05!important;text-align:center!important;white-space:nowrap!important}
  body>header .links .nav-main-link i,body>header .nav-dropdown-toggle>i:first-child{margin-right:3px!important;font-size:clamp(9px,.72vw,12px)!important}
  body>header .nav-dropdown-toggle .arrow{margin-left:3px!important}
}
@media(min-width:801px) and (max-width:1100px){
  body>header .nav{grid-template-columns:135px minmax(0,1fr)!important;width:calc(100% - 16px)!important;padding:0 5px!important;gap:5px!important}
  body>header .brand,body>header .brand.has-logo{padding-right:7px!important}
  body>header .links .nav-main-link,body>header .nav-dropdown-toggle{font-size:8px!important;padding-left:1px!important;padding-right:1px!important}
  body>header .links .nav-main-link i,body>header .nav-dropdown-toggle>i:first-child{margin-right:2px!important;font-size:9px!important}
}

/* Desktop lebar: beri napas antara tulisan menu dan garis pembatas. */
@media(min-width:1101px){
  body>header .links{justify-content:center!important}
  body>header .links>.nav-main-link,
  body>header .links>.nav-dropdown{
    flex:0 0 auto!important;
    width:auto!important;
  }
  body>header .links .nav-main-link,
  body>header .nav-dropdown-toggle{
    width:auto!important;
    padding-left:clamp(11px,.9vw,17px)!important;
    padding-right:clamp(11px,.9vw,17px)!important;
  }
}