/* Humber Platform 20.0.1 — live-site visual audit repairs */
:root{--site-max:1280px;--site-gutter:clamp(18px,3.4vw,52px);--site-red:#e10613;--site-panel:#0d141e;--site-line:rgba(255,255,255,.11)}
html{background:#07090d;overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden;line-height:1.5}
.wrap{width:min(var(--site-max),calc(100% - (var(--site-gutter) * 2)))!important;margin-inline:auto!important}
.top{min-height:104px;padding:10px 0!important;gap:clamp(16px,2.4vw,34px)!important;align-items:center!important;flex-wrap:nowrap!important}
.top>a:first-child{display:flex;align-items:center;flex:0 1 430px;min-width:270px;max-width:430px}
.logo{display:block!important;width:100%!important;max-width:430px!important;height:auto!important;object-fit:contain}
nav{margin-left:auto;display:flex!important;align-items:center!important;justify-content:flex-end;gap:clamp(10px,1.55vw,22px)!important;min-width:0;font-size:clamp(14px,1.05vw,16px)}
nav>a{white-space:nowrap;text-underline-offset:4px}
nav .btn{flex:0 0 auto}
.btn{min-height:48px!important;padding:12px 18px!important;border-radius:12px!important;line-height:1.15;text-align:center;white-space:normal}
.hero{padding:clamp(38px,4.2vw,62px) 0 clamp(34px,3.2vw,48px)!important}
.hero .grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.72fr)!important;gap:clamp(26px,3.7vw,52px)!important;align-items:center!important}
.hero h1{font-size:clamp(50px,6vw,82px)!important;line-height:.94!important;margin:12px 0 16px!important;max-width:10ch}
.hero p{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.55;max-width:64ch}
.hero .panel{padding:clamp(20px,2.2vw,30px)!important}
.cards{padding:clamp(24px,2.6vw,34px) 0!important;gap:14px!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.card{padding:clamp(18px,1.8vw,24px)!important;min-width:0}
#help{padding:clamp(30px,3vw,42px) 0 clamp(44px,4.5vw,64px)!important}
#help>.grid{grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr)!important;gap:clamp(30px,4vw,58px)!important;align-items:start!important}
#help h2{font-size:clamp(38px,4.2vw,56px)!important;line-height:1.03!important}
.panel{box-shadow:0 18px 50px rgba(0,0,0,.18)}
.form-grid{gap:12px!important}.field{min-width:0}.field small{line-height:1.35}
input,select,textarea{min-height:48px;font:inherit}.geo{align-items:center}.geo .status{flex:1 1 240px}
.content{max-width:1120px}.content.panel{padding:clamp(24px,3vw,42px)!important}
footer{padding:28px 0!important}.footer-brand{display:flex;gap:22px;align-items:center}.footer-brand img{width:min(330px,45vw);height:auto}.footer-copy{min-width:0}
.booking-hero{padding:clamp(38px,4vw,56px) 0 26px!important}.booking-shell{gap:16px!important}.booking-card{padding:clamp(17px,2vw,23px)!important}
@media(max-width:1180px){
 .top>a:first-child{flex-basis:330px;max-width:330px}.top{min-height:88px}.logo{max-width:330px!important}
 nav{gap:10px!important;font-size:14px}.top nav .btn{padding:11px 14px!important}
 .hero h1{font-size:clamp(48px,5.6vw,70px)!important}.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #help>.grid{grid-template-columns:minmax(0,.75fr) minmax(480px,1.25fr)!important;gap:30px!important}
}
@media(max-width:980px){
 .top{flex-wrap:wrap!important;justify-content:center!important;padding:12px 0!important}.top>a:first-child{flex:0 1 380px;max-width:380px}.logo{max-width:380px!important}
 nav{width:100%;justify-content:center!important;flex-wrap:wrap!important;margin-left:0!important}.hero .grid,#help>.grid{grid-template-columns:1fr!important}.hero h1{max-width:12ch}
 #help>.grid>div:first-child{max-width:720px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
 nav{display:flex!important}.top{min-height:auto}.hero{padding-top:30px!important}.hero .grid{gap:22px!important}.hero h1{font-size:clamp(44px,11vw,66px)!important}
}
@media(max-width:680px){
 :root{--site-gutter:18px}.top>a:first-child{min-width:0;width:100%;max-width:340px}.logo{max-width:340px!important}
 nav{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:5px;scrollbar-width:thin}nav>a{flex:0 0 auto}.top nav .btn{width:auto!important}
 .cards{grid-template-columns:1fr!important}.hero p{font-size:18px!important}.btn{width:auto!important}.hero .btn,#help .btn{width:100%!important}
 .form-grid{grid-template-columns:1fr!important}.field.full{grid-column:auto!important}.footer-brand{align-items:flex-start;flex-direction:column}.footer-brand img{width:min(330px,92vw)}
}
@media(min-width:1500px){.wrap{--site-max:1320px}.hero{padding-top:58px!important}}


/* 20.0.2 brand correction — primary header is the HUMBER wordmark only. */
.brand img,
.site-brand img,
.header-brand img,
header .brand img,
header img[src*="humber-tyre-rescue-primary"],
footer img[src*="humber-tyre-rescue-primary"]{
    width:min(100%,420px);
    height:auto;
    max-height:112px;
    object-fit:contain;
    object-position:left center;
}
@media (max-width:760px){
    .brand img,
    .site-brand img,
    .header-brand img,
    header .brand img,
    header img[src*="humber-tyre-rescue-primary"]{
        width:min(100%,300px);
        max-height:84px;
    }
}