/* Shared header contract for public, private and admin pages. */
.site-header{
  box-sizing:border-box!important;
  position:relative!important;
  top:auto!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:100%!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 max(28px,calc((100% - 1200px)/2))!important;
  border:0!important;
  border-bottom:1px solid #d8dde5!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.site-header>.brand,.site-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  color:#1b1e24!important;
  font-family:"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:-.15px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-header>.brand:before,.site-header .brand:before{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:8px!important;
  background:#ff493d url('/logo-mark.svg?v=20261024-logo-v1') center/34px 34px no-repeat!important;
  box-shadow:0 4px 12px rgba(255,73,61,.18)!important;
}
.site-header>.nav,.site-header .nav{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  flex-direction:row!important;
  gap:18px!important;
  min-width:0!important;
  margin:0 0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header>.nav a,.site-header .nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#343941!important;
  font-family:"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-header>.nav a:hover,.site-header>.nav a:focus-visible,
.site-header .nav a:hover,.site-header .nav a:focus-visible{
  color:#ff3b1f!important;
  background:transparent!important;
}
.site-header>.nav-toggle,.site-header>.nav-button,
.site-header .nav-toggle,.site-header .nav-button{display:none!important}
.site-header>#account.account-bar{
  position:relative!important;
  z-index:102!important;
  flex:0 1 auto!important;
  margin-left:auto!important;
}
.site-header>#account .account-menu-popover{z-index:104!important}
.site-header>.header-account-slot{position:relative!important;z-index:102!important;flex:0 1 auto!important;margin-left:auto!important}
.header-signup{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:0 16px!important;border:1px solid #ff493d!important;border-radius:999px!important;
  background:#ff493d!important;color:#fff!important;box-shadow:0 6px 16px rgba(255,73,61,.18)!important;
  font:600 13px/1 "Segoe UI",Roboto,Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;
}
.header-signup:hover,.header-signup:focus-visible{background:#ed3e33!important;color:#fff!important}
.global-account-toggle{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:220px;min-height:38px;padding:0 14px;
  border:0;border-radius:999px;background:#ff493d;color:#fff;box-shadow:0 6px 16px rgba(255,73,61,.18);cursor:pointer;
  font:600 12px/1 "Segoe UI",Roboto,Arial,sans-serif;
}
.global-account-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-account-toggle i{width:8px;height:8px;flex:0 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.global-account-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-2px,-2px)}
.global-account-menu{
  position:absolute!important;top:calc(100% + 8px)!important;right:0!important;z-index:104!important;
  box-sizing:border-box!important;width:280px!important;max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - 76px)!important;margin:0!important;padding:8px!important;overflow-x:hidden!important;overflow-y:auto!important;
  border:1px solid #d8dde5!important;border-radius:8px!important;background:#fff!important;
  box-shadow:0 16px 36px rgba(22,25,30,.14)!important;overscroll-behavior:contain!important;
}
.global-account-menu[hidden]{display:none!important}
body .site-header .global-account-menu>a,
body .site-header .global-account-menu>button,
body .site-header .global-account-menu>.global-account-admin>a{
  display:flex!important;box-sizing:border-box!important;width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  align-items:center!important;gap:10px!important;margin:0!important;padding:0 11px!important;
  border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;
  color:#343941!important;font:400 14px/1.2 "Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;text-align:left!important;text-decoration:none!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;
}
body .site-header .global-account-menu>a:hover,
body .site-header .global-account-menu>a:focus-visible,
body .site-header .global-account-menu>button:hover,
body .site-header .global-account-menu>button:focus-visible,
body .site-header .global-account-menu>.global-account-admin>a:hover,
body .site-header .global-account-menu>.global-account-admin>a:focus-visible{background:#fff5f2!important;color:#d92f17!important}
body .site-header .global-account-menu a span,
body .site-header .global-account-menu button span{
  display:inline-grid!important;place-items:center!important;box-sizing:border-box!important;width:18px!important;height:18px!important;
  flex:0 0 18px!important;margin:0!important;padding:0!important;color:#73808b!important;font:400 14px/1 "Segoe UI",Roboto,Arial,sans-serif!important;
}
body .site-header .global-account-admin{
  box-sizing:border-box!important;margin:6px 0 0!important;padding:6px 0 0!important;border:0!important;border-top:1px solid #e6e9ee!important;
}
body .site-header .global-account-menu>.global-account-logout{
  height:47px!important;min-height:47px!important;max-height:47px!important;margin:6px 0 0!important;padding:7px 11px 0!important;
  border:0!important;border-top:1px solid #e6e9ee!important;border-radius:0 0 6px 6px!important;
}

@media(max-width:900px){
  .site-header{
    display:grid!important;
    grid-template-columns:38px max-content minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    height:58px!important;
    min-height:58px!important;
    padding:10px 12px!important;
  }
  .site-header>.nav-toggle,.site-header .nav-toggle{display:none!important}
  .site-header>.nav-button,.site-header .nav-button{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    position:relative!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ff493d!important;
    border-radius:8px!important;
    background:#ff493d!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .site-header>.nav-button span,.site-header>.nav-button:before,.site-header>.nav-button:after,
  .site-header .nav-button span,.site-header .nav-button:before,.site-header .nav-button:after{
    content:""!important;
    position:absolute!important;
    left:9px!important;
    width:18px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#fff!important;
    transition:transform .18s ease,opacity .18s ease,top .18s ease!important;
    transform-origin:center!important;
  }
  .site-header>.nav-button:before,.site-header .nav-button:before{top:13px!important}
  .site-header>.nav-button span,.site-header .nav-button span{top:18px!important}
  .site-header>.nav-button:after,.site-header .nav-button:after{top:23px!important}
  .site-header>.nav-toggle:checked+.nav-button span,.site-header .nav-toggle:checked+.nav-button span{opacity:0!important}
  .site-header>.nav-toggle:checked+.nav-button:before,.site-header .nav-toggle:checked+.nav-button:before{top:18px!important;transform:rotate(45deg)!important}
  .site-header>.nav-toggle:checked+.nav-button:after,.site-header .nav-toggle:checked+.nav-button:after{top:18px!important;transform:rotate(-45deg)!important}
  .site-header>.brand,.site-header .brand{
    grid-column:2!important;
    grid-row:1!important;
    font-size:16px!important;
  }
  .site-header>.brand:before,.site-header .brand:before{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    background-size:32px 32px!important;
  }
  .site-header>#account.account-bar{
    grid-column:3!important;
    grid-row:1!important;
    width:100%!important;
    max-width:min(190px,100%)!important;
    margin:0!important;
    justify-self:end!important;
  }
  .site-header>.header-account-slot{grid-column:3!important;grid-row:1!important;width:100%!important;max-width:190px!important;margin:0!important;justify-self:end!important}
  .site-header>.header-account-slot .global-account-toggle{max-width:none!important}
  .site-header>.header-account-slot .header-signup{width:100%!important;min-height:36px!important;padding:0 10px!important;font-size:12px!important}
  .global-account-menu{right:0!important;width:min(280px,calc(100vw - 24px))!important}
  .site-header>#account.account-bar .account-menu-toggle{width:100%!important;min-width:0!important;margin:0!important}
  .site-header>#account.account-bar #userName{max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .site-header>.nav,.site-header .nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:calc(100% + 4px)!important;
    z-index:103!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #d8dde5!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 16px 36px rgba(22,25,30,.14)!important;
  }
  .site-header>.nav-toggle:checked~.nav,.site-header .nav-toggle:checked~.nav{display:flex!important}
  .site-header>.nav a,.site-header .nav a{
    display:block!important;
    min-height:0!important;
    padding:12px 13px!important;
    border-radius:6px!important;
    font-size:14px!important;
  }
  .site-header>.nav a:hover,.site-header>.nav a:focus-visible,
  .site-header .nav a:hover,.site-header .nav a:focus-visible{background:#fff5f2!important;color:#d92f17!important}
  .site-header:not(:has(>#account:not(.hidden))):not(:has(>.header-account-slot)){grid-template-columns:38px minmax(0,1fr)!important}
  .site-header:not(:has(>#account:not(.hidden))):not(:has(>.header-account-slot))>.brand{grid-column:2!important}
}
@media(max-width:520px){
  .site-header:has(>#account:not(.hidden))>.brand,.site-header:has(>.header-account-slot)>.brand{font-size:0!important}
  .site-header:has(>#account:not(.hidden))>.brand:before,.site-header:has(>.header-account-slot)>.brand:before{width:34px!important;height:34px!important;flex-basis:34px!important;background-size:34px 34px!important}
}
@media(max-width:350px){
  .site-header{grid-template-columns:36px max-content minmax(0,1fr)!important;gap:7px!important;padding-left:9px!important;padding-right:9px!important}
  .site-header>.nav-button{width:36px!important;height:36px!important}
  .site-header>#account.account-bar .account-menu-toggle{padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
  .site-header>.header-account-slot{max-width:182px!important}
  .site-header>.header-account-slot .header-signup{font-size:11px!important}
}
