/* Header-only typography and spacing. Existing navigation markup and handlers remain authoritative. */
@font-face{font-family:RepairologyHeader;src:local('Apercu'),url('/assets/fonts/apercu-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:RepairologyHeader;src:local('Apercu Bold'),url('/assets/fonts/apercu-bold.woff2') format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
body>.utility,body>.header{font-family:RepairologyHeader,Apercu,Arial,sans-serif}
body>.utility>.wrap,body>.header>.wrap.nav{max-width:none;width:100%;padding-inline:16px;margin-inline:auto}
body>.utility>.wrap{min-height:36px;height:36px}
body>.utility .site-switcher>a{font-size:13px;font-weight:400;padding:7px 10px;line-height:20px}
body>.utility .site-switcher>a:first-child{padding-left:0}
body>.utility .account-link{font-size:13px;font-weight:400}
body>.header>.wrap.nav{height:72px;min-height:72px;gap:16px;justify-content:space-between}
body>.header .brand{flex:0 0 auto}
body>.header .nav .brand .logo{width:150px;height:auto;max-height:44px;object-fit:contain}
body>.header .navlinks{font-size:16px;font-weight:400}
body>.header .navlinks>.repairs-dropdown>.repairs-toggle{font-family:inherit;font-size:16px;font-weight:400;gap:10px;padding-inline:12px}
body>.header .header-store-link{font-size:16px;font-weight:400;white-space:nowrap}
body>.header>.nav>a.button[href='/start-repair/']{font-family:inherit;font-size:16px;font-weight:400;min-height:40px;height:40px;padding:8px 24px;line-height:22px;white-space:nowrap}
@media(min-width:1051px){
 body>.header>.nav .navlinks{position:absolute;left:42%;transform:translateX(-50%);margin:0;height:72px;gap:12px}
 body>.header .header-store-link{margin-left:auto}
}
@media(min-width:651px) and (max-width:1050px){
 body>.header>.wrap.nav{gap:12px}
 body>.header .nav .brand .logo{width:140px}
 body>.header>.nav .navlinks{gap:4px}
 body>.header .navlinks>.repairs-dropdown>.repairs-toggle{font-size:14px;padding-inline:7px}
 body>.header>.nav>a.button[href='/start-repair/']{font-size:14px;padding-inline:16px}
}
@media(max-width:650px){
 body>.utility>.wrap,body>.header>.wrap.nav{padding-inline:16px}
 body>.header>.wrap.nav{height:64px;min-height:64px;gap:12px}
 body>.header .nav .brand .logo{width:132px}
 body>.header>.nav>a.button[href='/start-repair/']{height:38px;min-height:38px;padding:7px 12px;font-size:13px}
 body>.header .navlinks{top:100%;height:auto}
 body>.header .navlinks>.repairs-dropdown>.repairs-toggle{font-size:16px;padding-inline:0}
 body>.header .menu-toggle{padding:8px 0;font-size:13px}
}