/* Site header — Philips healthcare style (v23)

   Revert Philips v22: header-blue.philips-v22.css

   Revert Pfizer v21: header-blue.pfizer-v21.css

   Revert Endress v20: header-blue.endress-v20.css



   Measured from philips.com/healthcare:

   bar 80px + 2px border, nav 16px/24px, logo 28px tall, search 300×48 pill */



:root{

  --zd-blue:#003B8E;

  --philips-header-h:80px;

  --header-h:82px;

  --philips-nav:var(--zd-blue);

  --philips-muted:var(--zd-blue);

  --philips-border:rgba(0,67,138,.06);

  --philips-border-hover:rgba(0,67,138,.12);

  --philips-focus:#0072db;

  --philips-divider:#e8e8e8;

  --philips-header-border:2px;

  --nav-offset-left:48px;

  --nav-link-padding-x:14px;

  --nav-font-size:var(--text-nav,16px);

  --nav-line-height:1.35;

  --header-font:var(--font-sans);

}



html,

body{

  border-top:none!important;

}



.zd-top-bar,

.zd-top-bar__load{

  display:none!important;

  height:0!important;

  max-height:0!important;

  opacity:0!important;

  visibility:hidden!important;

  pointer-events:none!important;

}



.header{

  position:sticky!important;

  top:0!important;

  z-index:1000!important;

  isolation:isolate!important;

  background:#fff!important;

  border:none!important;

  border-bottom:var(--philips-header-border) solid var(--philips-divider)!important;

  box-shadow:none!important;

  outline:none!important;

  overflow:visible!important;

  font-family:var(--header-font)!important;

}



.header-inner{

  display:flex!important;

  align-items:center!important;

  max-width:var(--max,1368px)!important;

  margin:0 auto!important;

  padding:0 var(--page-gutter,24px)!important;

  height:var(--philips-header-h)!important;

  gap:0!important;

  border:none!important;

  box-shadow:none!important;

  background:#fff!important;

}



.header-row1{

  display:contents!important;

}



.header-row1::before,

.header-row1::after{

  content:none!important;

  display:none!important;

}



.logo{

  display:flex!important;

  align-items:center!important;

  flex-shrink:0!important;

  order:1!important;

  height:var(--philips-header-h)!important;

  margin-right:16px!important;

}



.logo img{

  filter:none!important;

  width:auto!important;

  height:28px!important;

  max-width:none!important;

  display:block!important;

  object-fit:contain!important;

  object-position:left center!important;

}



.header-util{

  display:flex!important;

  align-items:center!important;

  gap:16px!important;

  margin-left:12px!important;

  flex-shrink:0!important;

  order:3!important;

  height:var(--philips-header-h)!important;

}



.header-util-link{

  display:none!important;

}



.header-lang{

  display:flex!important;

  align-items:center!important;

  gap:6px!important;

  color:var(--philips-muted)!important;

  border:none!important;

  background:transparent!important;

  height:auto!important;

  padding:0!important;

  font-family:var(--header-font)!important;

  font-size:16px!important;

  font-weight:400!important;

  letter-spacing:0!important;

  border-radius:0!important;

  box-sizing:border-box!important;

  cursor:pointer!important;

  white-space:nowrap!important;

}



.header-lang:hover{

  color:var(--philips-nav)!important;

  background:transparent!important;

  text-decoration:underline!important;

}



.header-lang svg{

  color:var(--philips-muted)!important;

  width:16px!important;

  height:16px!important;

  flex-shrink:0!important;

}



.header-lang:hover svg{color:var(--philips-nav)!important}



.header-nav-bar{

  display:flex!important;

  align-items:center!important;

  flex:1 1 auto!important;

  min-width:0!important;

  order:2!important;

  width:auto!important;

  max-width:none!important;

  margin:0!important;

  padding:0!important;

  box-sizing:border-box!important;

  background:#fff!important;

  height:var(--philips-header-h)!important;

  gap:0!important;

}



.header-row2{

  display:flex!important;

  align-items:stretch!important;

  justify-content:flex-start!important;

  flex:1 1 auto!important;

  min-width:0!important;

  width:auto!important;

  max-width:none!important;

  margin:0!important;

  margin-left:var(--nav-offset-left,48px)!important;

  padding:0!important;

  background:#fff!important;

  border:none!important;

  box-shadow:none!important;

  height:var(--philips-header-h)!important;

  gap:0!important;

}



.header-row2 .nav-item:first-child .nav-link{

  padding-left:0!important;

  overflow:visible!important;

}



.header-row2 .nav-item:first-child .nav-link::after{

  left:calc(-0.5 * var(--nav-link-padding-x,14px))!important;

  right:calc(0.5 * var(--nav-link-padding-x,14px))!important;

}



.header-row2::before,

.header-row2::after{

  content:none!important;

  display:none!important;

}



.nav-item{

  display:flex!important;

  align-items:stretch!important;

}



.nav-link{

  display:flex!important;

  align-items:center!important;

  font-family:var(--header-font)!important;

  color:var(--philips-nav)!important;

  font-size:var(--nav-font-size,var(--text-nav,16px))!important;

  line-height:var(--nav-line-height,1.35)!important;

  font-weight:600!important;

  letter-spacing:0!important;

  margin-right:0!important;

  padding:0 var(--nav-link-padding-x,14px)!important;

  height:var(--philips-header-h)!important;

  box-sizing:border-box!important;

  position:relative!important;

  transition:color .15s ease,opacity .15s ease!important;

  text-decoration:none!important;

  opacity:1!important;

}



.nav-link:hover,

.nav-item:hover > .nav-link{

  color:var(--philips-nav)!important;

  font-weight:600!important;

  background:transparent!important;

  text-decoration:none!important;

  opacity:1!important;

}



.nav-link.is-active,

.nav-link[aria-current="page"]{

  color:var(--philips-nav)!important;

  font-weight:600!important;

  background:transparent!important;

  text-decoration:none!important;

  opacity:1!important;

}



.nav-link::after{

  content:''!important;

  display:block!important;

  position:absolute!important;

  left:var(--nav-link-padding-x,14px)!important;

  right:var(--nav-link-padding-x,14px)!important;

  bottom:calc(-1 * var(--philips-header-border,2px))!important;

  height:var(--philips-header-border,2px)!important;

  background:var(--zd-blue,#003B8E)!important;

  z-index:10!important;

  transform:none!important;

  transform-origin:left bottom!important;

  opacity:0!important;

  transition:opacity .22s ease!important;

  border-radius:0!important;

}



.nav-link:hover::after,

.nav-item:hover > .nav-link::after,

.nav-link.is-active::after,

.nav-link[aria-current="page"]::after{

  opacity:1!important;

  transform:none!important;

}



.page-home .nav-item:first-child .nav-link.is-active,

.page-home .nav-item:first-child .nav-link[aria-current="page"]{

  font-weight:600!important;

}



.page-home .nav-item:first-child .nav-link.is-active::after,

.page-home .nav-item:first-child .nav-link[aria-current="page"]::after{

  opacity:0!important;

  transform:none!important;

}



.page-home .nav-item:first-child:hover > .nav-link::after{

  opacity:1!important;

  transform:none!important;

}



.nav-item:has(.nav-dropdown) > .nav-link{

  display:flex!important;

  align-items:center!important;

}



.nav-item:has(.nav-dropdown) > .nav-link::before{

  content:none!important;

  display:none!important;

}



.nav-item:has(.nav-dropdown):hover > .nav-link::before{

  display:none!important;

}



/* Search — Philips 300×48 pill with in-field icon */

.header-nav-bar .header-search{

  flex:0 0 300px!important;

  width:300px!important;

  min-width:300px!important;

  max-width:300px!important;

  display:flex!important;

  align-items:center!important;

  align-self:center!important;

  height:var(--philips-header-h)!important;

  margin:0 12px 0 16px!important;

  padding:0!important;

}



.search-composite{

  position:relative!important;

  display:block!important;

  width:100%!important;

  height:48px!important;

  border:2px solid var(--philips-border)!important;

  border-radius:25px!important;

  box-shadow:none!important;

  background:#fff!important;

  overflow:visible!important;

  transition:border-color .15s ease,background-color .15s ease!important;

}



.search-composite:hover{

  border-color:var(--philips-border-hover)!important;

  background:var(--philips-border-hover)!important;

}



.search-composite:focus-within{

  border-color:var(--philips-focus)!important;

  background:#fff!important;

  box-shadow:none!important;

}



.search-scope,

.search-divider,

.search-scope-menu{

  display:none!important;

}



.search-input{

  display:block!important;

  width:100%!important;

  height:48px!important;

  min-width:0!important;

  border:none!important;

  background:transparent!important;

  font-family:var(--header-font)!important;

  font-size:15px!important;

  line-height:48px!important;

  font-weight:400!important;

  color:var(--philips-nav)!important;

  padding:0 48px 0 24px!important;

  border-radius:25px!important;

  box-sizing:border-box!important;

  -webkit-appearance:none!important;

  appearance:none!important;

}



.search-input:focus{

  outline:none!important;

}



.search-input::placeholder{

  color:var(--zd-blue,#003B8E)!important;

  font-weight:400!important;

  opacity:.75!important;

}



.search-submit{

  position:absolute!important;

  top:50%!important;

  right:0!important;

  width:48px!important;

  height:24px!important;

  margin:0!important;

  padding:0!important;

  border:none!important;

  border-radius:0!important;

  background:transparent!important;

  color:var(--philips-muted)!important;

  display:flex!important;

  align-items:center!important;

  justify-content:center!important;

  cursor:pointer!important;

  transition:color .15s ease!important;

  flex-shrink:0!important;

  pointer-events:auto!important;

  transform:translateY(-50%)!important;

}



.search-submit::before{

  content:none!important;

  display:none!important;

}



.search-submit:hover{

  background:transparent!important;

  color:var(--philips-nav)!important;

}



.search-submit svg{

  width:24px!important;

  height:24px!important;

  stroke:currentColor!important;

  stroke-width:1.5!important;

  position:relative!important;

  z-index:1!important;

}



.nav-item:has(.nav-dropdown){

  position:static!important;

}



.nav-dropdown{

  position:fixed!important;

  left:0!important;

  right:0!important;

  width:100%!important;

  min-width:0!important;

  max-width:none!important;

  top:var(--header-h,82px)!important;

  margin:0!important;

  padding:0!important;

  background:#fff!important;

  border:none!important;

  border-top:1px solid #e8e8e8!important;

  border-bottom:1px solid #e8e8e8!important;

  border-radius:0!important;

  box-shadow:0 16px 40px rgba(0,0,0,.08)!important;

  opacity:0!important;

  visibility:hidden!important;

  pointer-events:none!important;

  transform:none!important;

  transition:opacity .2s ease,visibility 0s linear .2s!important;

  z-index:998!important;

}



.nav-item:hover > .nav-dropdown{

  opacity:1!important;

  visibility:visible!important;

  pointer-events:auto!important;

  transform:none!important;

  transition:opacity .2s ease,visibility 0s!important;

}



.nav-dropdown.mega{

  padding:0!important;

}



.nav-dropdown.mega .mega-grid{

  max-width:var(--max,1368px)!important;

  margin:0 auto!important;

  padding:28px var(--page-gutter,24px) 32px!important;

  display:grid!important;

  grid-template-columns:repeat(5,minmax(0,1fr))!important;

  gap:4px 24px!important;

  box-sizing:border-box!important;

}



.nav-dropdown:not(.mega){

  max-width:none!important;

  width:100%!important;

  margin:0!important;

  padding-top:28px!important;

  padding-bottom:32px!important;

  padding-left:max(var(--page-gutter,24px),calc((100vw - var(--max,1368px))/2 + var(--page-gutter,24px)))!important;

  padding-right:max(var(--page-gutter,24px),calc((100vw - var(--max,1368px))/2 + var(--page-gutter,24px)))!important;

  display:grid!important;

  grid-template-columns:repeat(4,minmax(0,1fr))!important;

  gap:4px 24px!important;

  box-sizing:border-box!important;

}



.nav-dropdown a{

  font-family:var(--header-font)!important;

  font-size:16px!important;

  font-weight:400!important;

  color:#262728!important;

  padding:10px 0!important;

  border-radius:0!important;

  display:block!important;

}



.nav-dropdown a:hover{

  background:transparent!important;

  color:var(--zd-blue,#003B8E)!important;

  text-decoration:underline!important;

  text-underline-offset:3px!important;

}



@media(max-width:1100px){

  .nav-link{padding:0 12px!important;font-size:var(--text-nav-tablet,16px)!important}

  .logo{margin-right:16px!important}

  .header-nav-bar .header-search{

    flex:0 0 260px!important;

    width:260px!important;

    min-width:260px!important;

    max-width:260px!important;

  }

  .nav-dropdown.mega .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .nav-dropdown:not(.mega){grid-template-columns:repeat(2,minmax(0,1fr))!important}

}



@media(max-width:900px){

  .header-util-link:nth-child(2){display:none!important}

}



@media(max-width:768px){

  :root{--philips-header-h:64px;--header-h:66px}

  .header-inner{flex-wrap:wrap!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important}

  .logo{height:64px!important;margin-right:0!important}

  .logo img{height:23px!important}

  .header-nav-bar{

    order:3!important;

    width:100%!important;

    height:auto!important;

    flex-wrap:wrap!important;

    gap:8px!important;

  }

  .header-util{

    order:2!important;

    margin-left:auto!important;

    height:64px!important;

  }

  .header-row2{

    width:100%!important;

    height:48px!important;

    overflow-x:auto!important;

    margin-left:0!important;

  }

  .header-nav-bar .header-search{

    width:100%!important;

    flex:1 1 100%!important;

    max-width:none!important;

    min-width:0!important;

    margin:0!important;

    height:auto!important;

  }

  .search-composite{height:44px!important}

  .search-input{height:44px!important;line-height:44px!important;font-size:14px!important;padding:0 44px 0 16px!important}

  .search-submit{top:50%!important;transform:translateY(-50%)!important;width:40px!important}

  .search-submit svg{width:20px!important;height:20px!important}

  .nav-link{

    font-size:var(--text-nav-mobile,16px)!important;

    padding:0 var(--nav-link-padding-x,14px)!important;

    height:48px!important;

  }

}