
:root{--mobiletech-header-height:255px}
body{padding-top:var(--mobiletech-header-height)}html{scroll-padding-top:calc(var(--mobiletech-header-height) + 16px)}
.header{position:fixed;inset:0 0 auto;z-index:100;background:#fff;box-shadow:0 2px 10px #0002}
.header .header-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;min-height:0;padding-top:8px;padding-bottom:10px}
.mobiletech-brand-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:16px;width:100%;max-width:640px;margin:0 auto;line-height:0}
.mobiletech-brand-pair a{display:block;min-width:0;background:#fff}.mobiletech-brand-pair img{display:block;width:100%;height:auto;max-height:144px;object-fit:contain;border:0;border-radius:0}
.header .nav{flex-basis:100%;justify-content:center}.footer-brand-pair{grid-column:1/-1;max-width:1000px;margin-bottom:18px}.footer-brand-pair img{max-height:260px}
@media(max-width:850px){:root{--mobiletech-header-height:200px}.header .header-inner{position:relative;gap:8px}.mobiletech-brand-pair{gap:8px}.header .mobiletech-brand-pair img{max-height:112px}.header .menu{display:block;margin:0 auto}.header .nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px;max-height:calc(100dvh - var(--mobiletech-header-height) - 20px);overflow-y:auto;box-shadow:0 6px 12px #0002}.header .nav.open{display:flex;flex-direction:column;align-items:stretch}.footer-brand-pair img{max-height:180px}}
@media(max-height:500px){.header .mobiletech-brand-pair img{max-height:76px}}

/* Compact header and service request strip. */
.header .header-inner{padding-top:6px;padding-bottom:6px;gap:6px 18px}
.site-header .estimate-bar .wrap{min-height:36px;padding:5px 0;gap:6px 20px}
.site-header .estimate-bar a{font-size:13px;line-height:1.5;gap:6px}
.site-header .estimate-bar b{width:23px;height:23px;line-height:1}
@media(max-width:850px){.site-header .estimate-bar .wrap{min-height:0;padding:5px 0;gap:4px 16px}.site-header .estimate-bar a{font-size:12px}.site-header .estimate-bar strong{line-height:1.4}}
@media(max-width:600px){.site-header .estimate-bar .wrap{gap:4px 12px}.site-header .estimate-bar a{font-size:11px}.site-header .estimate-bar b{width:20px;height:20px}}

/* White, compact footer branding. */
footer{background:#fff;color:#202d26;border-top:1px solid #dce4df}
footer .footer-brand-pair{max-width:640px;margin-bottom:12px}
footer .footer-brand-pair img{max-height:156px}
footer .footer-details p,footer .footer-details a,footer .footer-nav a,footer .footer-brand-name,footer .footer-brand-name strong{color:#202d26}
footer .kicker,footer .footer-brand-name>span{color:#176047}
footer .footer-bottom{color:#46564c;border-top-color:#dce4df}
@media(max-width:850px){footer .footer-brand-pair{max-width:520px}footer .footer-brand-pair img{max-height:132px}}
@media(max-width:600px){footer .footer-brand-pair img{max-height:108px}}

/* Service links in the gray header banner. */
.site-header .utility{background:#f0f1ef}
.site-header .utility .header-service-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px;padding:5px 0 7px;border-top:1px solid #dce0da}
.site-header .utility .header-service-links a{display:flex;align-items:center;min-height:30px;padding:4px 0;color:#263c30;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none;white-space:normal}
.site-header .utility .header-service-links a:hover{color:#176047;text-decoration:underline}
@media(max-width:850px){.site-header .utility .header-service-links{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto;padding:5px 0;overscroll-behavior-x:contain}.site-header .utility .header-service-links a{flex:0 0 auto;white-space:nowrap;min-height:36px;font-size:12px}}
