/* THE PICK global public navigation v1.0 */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  border-bottom:1px solid #dfe7f1!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(12px);
}
.site-header .header-inner{
  display:flex!important;
  width:min(1220px,calc(100% - 40px))!important;
  height:70px!important;
  margin:0 auto!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.site-header .brand{
  display:grid!important;
  flex:0 0 auto!important;
  color:#071b33!important;
  text-decoration:none!important;
  line-height:1!important;
}
.site-header .brand strong{font-size:23px!important;font-weight:900!important}
.site-header .brand strong span{color:#146ef5!important}
.site-header .brand small{
  margin-top:4px!important;
  color:#667085!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.site-header .desktop-nav{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:22px!important;
}
.site-header .desktop-nav a{
  position:relative!important;
  padding:25px 0 23px!important;
  color:#344054!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a.active{color:#146ef5!important}
.site-header .desktop-nav a.active:after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#146ef5;
  content:"";
}
.site-header .menu-button{
  display:none;
  flex:0 0 auto;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:9px!important;
  color:#071b33!important;
  background:#f2f6fb!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.menu-backdrop{z-index:1001!important}
.mobile-menu{z-index:1002!important}
.mobile-menu nav a.active{color:#146ef5!important;background:#f4f8ff!important}

@media(max-width:1050px){
  .site-header .desktop-nav{gap:13px!important}
  .site-header .desktop-nav a{font-size:10.5px!important}
}
@media(max-width:820px){
  .site-header .header-inner{
    width:min(100% - 24px,1220px)!important;
    height:64px!important;
  }
  .site-header .desktop-nav{display:none!important}
  .site-header .menu-button{display:block!important}
}

.brand{display:flex!important;align-items:center;gap:9px}.brand-mark{height:30px;width:auto;display:block;flex:0 0 auto}

/* v2.18 brand logo mark fix (grid, image spans both rows) */
.brand{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important;line-height:1!important}.brand-mark{grid-row:1/3!important;grid-column:1!important;height:28px!important;width:auto!important;display:block!important}.brand strong{grid-column:2!important;grid-row:1!important}.brand small{grid-column:2!important;grid-row:2!important;margin-top:2px!important}


/* v2.20 THE PICK full logo */
.brand.brand--full{display:flex!important;align-items:center!important;gap:0!important;line-height:1!important;text-decoration:none!important}
.brand.brand--full .brand-logo-full{display:block!important;height:66px!important;width:auto!important;max-width:300px!important;object-fit:contain!important}
.mobile-menu__head .mobile-brand-logo{display:block!important;height:42px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}
@media(max-width:1000px){.brand.brand--full .brand-logo-full{height:60px!important;max-width:270px!important}}
@media(max-width:760px){.brand.brand--full .brand-logo-full{height:52px!important;max-width:235px!important}.mobile-menu__head .mobile-brand-logo{height:36px!important;max-width:195px!important}}