
/* DosageBuzz Unified Header/Footer v3.6 */
.db-unified-header{
  background:#f8fafb!important;
  border-bottom:1px solid #dbe4e8!important;
  position:relative!important;
  z-index:50!important;
}
.db-unified-header .nav{
  width:min(1180px,calc(100% - 40px))!important;
  min-height:102px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  padding:0!important;
}
.db-unified-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.db-unified-header .brand-logo{
  display:block!important;
  width:330px!important;
  max-width:330px!important;
  height:auto!important;
  max-height:none!important;
}
.db-unified-header .nav-links{
  display:flex!important;
  list-style:none!important;
  align-items:center!important;
  gap:34px!important;
  margin:0!important;
  padding:0!important;
}
.db-unified-header .nav-links a{
  color:#25415f!important;
  font-size:15px!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.db-unified-header .nav-links a:hover{color:#078e98!important}
.db-unified-header .nav-cta{
  display:inline-block!important;
  background:#142321!important;
  color:#fff!important;
  padding:15px 24px!important;
  border-radius:999px!important;
  font-size:15px!important;
  line-height:1!important;
}
.db-unified-header .menu-btn{
  display:none!important;
  border:0!important;
  background:transparent!important;
  color:#173f3a!important;
  font-size:28px!important;
  cursor:pointer!important;
}

.db-unified-footer{
  background:#0d2d31!important;
  color:#e1ebe8!important;
  padding:52px 0 44px!important;
  margin-top:0!important;
}
.db-unified-footer .wrap{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:0!important;
  max-width:none!important;
}
.db-footer-grid{
  display:grid!important;
  grid-template-columns:330px 1fr!important;
  gap:46px!important;
  align-items:start!important;
}
.db-footer-brand{
  padding-right:38px!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
}
.db-unified-footer .footer-logo{
  display:block!important;
  width:305px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 18px!important;
}
.db-footer-position{
  color:#f1f7f5!important;
  font-size:15px!important;
  line-height:1.55!important;
  margin:0!important;
}
.db-footer-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px 28px!important;
  margin:4px 0 22px!important;
}
.db-footer-links a{
  color:#fff!important;
  font-weight:700!important;
  font-size:14px!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.db-footer-legal{
  color:#c8d8d3!important;
  font-size:13px!important;
  line-height:1.75!important;
  max-width:780px!important;
  margin:0!important;
}
.db-footer-bottom{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:space-between!important;
  gap:12px 24px!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  margin-top:24px!important;
  padding-top:18px!important;
  color:#9fb4ae!important;
  font-size:12px!important;
  line-height:1.6!important;
}

@media (max-width:900px){
  .db-unified-header .nav{min-height:90px!important}
  .db-unified-header .brand-logo{width:270px!important}
  .db-unified-header .menu-btn{display:block!important}
  .db-unified-header .nav-links{
    display:none!important;
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    top:86px!important;
    background:#fff!important;
    border:1px solid #dbe4e8!important;
    border-radius:14px!important;
    box-shadow:0 18px 40px rgba(17,45,43,.12)!important;
    padding:18px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
  }
  .db-unified-header .nav-links.open{display:flex!important}
  .db-unified-header .nav-links li{width:100%!important}
  .db-unified-header .nav-links a{
    display:block!important;
    padding:12px 10px!important;
  }
  .db-unified-header .nav-cta{text-align:center!important;margin-top:6px!important}
  .db-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .db-footer-brand{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.18)!important;
    padding:0 0 26px!important;
  }
  .db-unified-footer .footer-logo{width:275px!important}
}
@media (max-width:520px){
  .db-unified-header .nav{width:calc(100% - 28px)!important;min-height:84px!important}
  .db-unified-header .brand-logo{width:235px!important}
  .db-unified-header .nav-links{left:14px!important;right:14px!important;top:80px!important}
  .db-unified-footer .wrap{width:calc(100% - 36px)!important}
  .db-unified-footer .footer-logo{width:245px!important}
  .db-footer-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 18px!important}
  .db-footer-bottom{display:block!important}
  .db-footer-bottom span{display:block!important;margin-top:7px!important}
}


/* v3.6.1 CTA text visibility hotfix */
.db-unified-header .nav-links a.nav-cta,
.db-unified-header .nav-links a.nav-cta:link,
.db-unified-header .nav-links a.nav-cta:visited,
.db-unified-header .nav-links a.nav-cta:hover,
.db-unified-header .nav-links a.nav-cta:active{
  color:#ffffff!important;
}
