/* Shared navigation and focus treatment, including the standalone quote page. */
.logo-image,.brand-image{display:block;flex:0 0 144px;width:144px;height:48px;position:relative;overflow:hidden;background:#fff;font-size:0}
.logo-image img,.brand-image img{position:absolute;left:-13px;top:-36px;width:170px;height:120px;max-width:none}
header>nav a{display:inline-flex;align-items:center;min-height:44px}
header>nav a[aria-current="page"]{color:#bd0b24;text-decoration:underline;text-underline-offset:7px}
:focus-visible{outline:3px solid #2458a6;outline-offset:4px}
.controls>button,.dots button{min-width:44px;min-height:44px}
.dots button:after{top:18px;left:18px}
.product-tabs a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){
  .logo-image,.brand-image{flex-basis:125px;width:125px;height:42px}
  .logo-image img,.brand-image img{left:-11px;top:-31px;width:145px;height:auto}
  header{height:auto;min-height:70px;flex-wrap:wrap;gap:10px 18px}
  header>nav{display:flex;order:3;width:100%;margin:0;justify-content:space-between;flex-wrap:nowrap;gap:14px;font-size:11px;white-space:nowrap;overflow-x:auto;border-top:1px solid #ece9e6;scrollbar-width:thin}
  header>nav a{flex:none;padding:5px 0}
  .header-tag{margin-left:auto}
}
@media(max-width:360px){
  .logo-image,.brand-image{flex-basis:116px;width:116px;height:39px}
  .logo-image img,.brand-image img{left:-10px;top:-28px;width:135px;height:auto}
  .header-cta{display:inline-flex;align-items:center;min-height:44px;padding:6px 7px;font-size:10px}
  .header-cta span{margin-left:7px}
  header>nav:not(.quote-nav){display:flex;justify-content:flex-start;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}