/* One system font; no external assets. */
:root{--blue:#1656c1;--ink:#152238;--muted:#526077;--line:#dce3ed;--pale:#f3f7fc;--red:#b42332;--radius:22px}
html{scroll-behavior:smooth;scroll-padding-top:150px}body{line-height:1.6}a{color:var(--blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid #9a4e00;outline-offset:4px}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,6vw,4.5rem);max-width:16ch}h2{font-size:clamp(1.65rem,3vw,2.3rem)}h3{font-size:1.15rem}ul{padding-left:1.3rem}li{margin-bottom:.5rem}.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}.narrow{max-width:760px}.section{padding-block:40px}.section .section{padding-block:24px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:.76rem;color:var(--blue)}.lead{font-size:1.15rem;color:var(--muted);max-width:48ch}.small{font-size:.85rem}.muted{color:var(--muted)}.tint{background:var(--pale)}.grid{display:grid;gap:18px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;line-height:1.35}.button:hover{background:#104394;text-decoration:none}.danger{background:var(--red)}.danger:hover{background:#8e1825}.secondary{background:#fff;color:var(--blue);border-color:var(--line)}.secondary:hover{background:#edf3ff;color:#104394}.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:white}.skip:focus{top:12px}.header{position:sticky;top:0;background:#fffffffa;border-bottom:1px solid var(--line);z-index:20}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-block:12px}.brand{font-size:1rem;font-weight:800;line-height:1.15;color:var(--ink);text-decoration:none}.brand span{font-size:.83rem;color:var(--blue)}nav{display:flex;width:100%;justify-content:space-between;gap:6px}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;text-decoration:none;font-weight:600;color:var(--ink)}nav a[aria-current=page],nav a[aria-current=location]{color:var(--blue);text-decoration:underline}.hero{padding-block:42px;background:linear-gradient(160deg,#fff 30%,#f0f5ff)}.hero-grid{display:grid;gap:30px;align-items:center}.page-hero{background:var(--pale);padding-block:48px}.quote-card{padding:24px;border:1px solid var(--line);border-radius:28px;background:white;box-shadow:0 16px 48px #1522380a;scroll-margin-top:150px}.quote-card h2{font-size:1.5rem}label{display:block;font-size:.9rem;font-weight:650;margin-bottom:6px}input,textarea,select{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #8190a6;border-radius:10px;background:#fff;color:var(--ink);margin-bottom:16px}textarea{resize:vertical}.form-grid{display:grid;gap:0 14px}.quote-card .button{width:100%}.form-status{margin-top:14px}.trust{display:grid;gap:12px;padding-block:24px;border-bottom:1px solid var(--line)}.trust p{margin:0;padding:14px;border:1px dashed #8190a6;border-radius:12px;font-size:.88rem}.trust small{display:block;text-transform:uppercase;font-weight:700;color:var(--muted);font-size:.65rem}.card{display:block;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:white}.card p:last-child{margin-bottom:0}.services a,.area-card{text-decoration:none;color:var(--ink)}.services a:hover,.area-card:hover{border-color:var(--blue);box-shadow:0 6px 20px #1656c10a}.tile-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;background:#eaf1ff;color:var(--blue);border-radius:12px;font-size:1.5rem;margin-bottom:20px}.emergency-card{border-color:#e1b2b8}.emergency-card .tile-icon{background:#fff0f1;color:var(--red)}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;padding:16px 0}.steps li:before{content:counter(step);display:grid;place-items:center;background:var(--blue);color:#fff;width:36px;height:36px;border-radius:50%;font-weight:750;margin-bottom:16px}.towns{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.towns li{font-size:.78rem;color:var(--muted);background:var(--pale);border-radius:20px;padding:6px 12px;margin:0}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);scroll-margin-top:150px}summary{position:relative;cursor:pointer;min-height:56px;padding:18px 30px 18px 0;font-weight:650}details p{color:var(--muted);padding-bottom:8px}.cta{background:#edf3ff;border-radius:28px;padding:28px}.safety{border-left:4px solid var(--red);background:#fff4f4;padding:22px;border-radius:0 16px 16px 0}.safety h2{font-size:1.35rem}.safety p:last-child{margin:0}.placeholder{background:#fff4d6;color:#644000;padding:2px 5px;overflow-wrap:anywhere}.price-list{display:grid;gap:16px}.price{font-size:1.5rem;font-weight:750;color:var(--blue);overflow-wrap:anywhere}.contact-link{font-size:1.4rem;font-weight:700}.footer{border-top:1px solid var(--line);padding-block:40px 110px;background:#fafbfd}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:32px}.footer h2{font-size:1rem}.footer a{display:block;width:fit-content;padding-block:7px;min-height:38px;font-size:.88rem;overflow-wrap:anywhere}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line)}.mobile-bar .button{font-size:.88rem;padding-inline:8px}.site-notice{position:fixed;left:18px;right:18px;bottom:100px;background:var(--ink);color:white;padding:16px;border-radius:12px;z-index:50;box-shadow:0 8px 30px #0003;max-width:600px;margin-inline:auto}
@media(min-width:600px){.two,.form-grid{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.trust{grid-template-columns:repeat(3,1fr)}.price-list{grid-template-columns:1fr 1fr}.section{padding-block:56px}.hero{padding-block:60px}.quote-card{padding:30px}}
@media(min-width:900px){html{scroll-padding-top:100px}.header-inner{flex-wrap:nowrap;padding-block:16px}.brand{font-size:1.1rem}.brand span{font-size:.9rem}nav{width:auto;gap:24px;margin-left:auto;margin-right:18px}.call{order:3}.hero-grid{grid-template-columns:1fr 1fr;gap:64px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer{padding-bottom:36px}.mobile-bar{display:none}.site-notice{bottom:24px}.cta{padding:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header,.mobile-bar,.site-notice,.quote-card{display:none}.footer{padding-bottom:0}.section{padding-block:16px}a{color:inherit}.card,.cta{break-inside:avoid}}

.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.trust p{border-style:solid;background:var(--pale)}button:disabled{opacity:.65;cursor:wait}.form-status{padding:12px;border-radius:10px;background:var(--pale);overflow-wrap:anywhere}.form-status[data-state="error"]{background:#fff0f1;color:#8e1825}.form-status[data-state="success"]{background:#eaf5ed;color:#165528}

/* Photo-led homepage: original layout inspired by the supplied reference. */
.photo-hero{position:relative;isolation:isolate;background:#172127 url("tyre-fitting-hero.webp") center right/cover no-repeat;padding:64px 0 72px;color:#fff}
.photo-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,26,.91) 0%,rgba(9,20,26,.78) 37%,rgba(9,20,26,.26) 72%,rgba(9,20,26,.16) 100%)}
.photo-hero .hero-grid{display:block;position:relative}.hero-copy{max-width:660px}.photo-hero .eyebrow{color:#d7e8ff;font-size:.72rem;letter-spacing:.16em}.photo-hero h1{font-size:clamp(2.55rem,5.2vw,4.6rem);max-width:17ch;line-height:1.04;letter-spacing:-.045em;margin-bottom:20px}.photo-hero .lead{color:#f1f4f6;font-size:1.08rem;max-width:46ch;line-height:1.55}.hero-help{margin:12px 0 24px}.hero-help a{color:#fff;text-decoration-color:#b6c1ca}.photo-hero .quote-card{max-width:620px;color:var(--ink);padding:22px 24px;border:0;border-radius:22px;box-shadow:0 16px 44px #0003}.photo-hero .quote-card h2{font-size:1.25rem;margin-bottom:16px}.photo-hero .quote-card textarea{min-height:70px;height:70px}.photo-hero .quote-card input,.photo-hero .quote-card select,.photo-hero .quote-card textarea{margin-bottom:12px;background:#fafbfd;border-color:#b5bfca}.photo-hero .quote-card label{font-size:.8rem}.photo-hero .quote-card .small{font-size:.75rem;line-height:1.5;margin-bottom:12px}.photo-hero .quote-card .small:last-of-type{margin-top:10px;margin-bottom:0}.quote-extras{border:0;margin-bottom:12px}.quote-extras summary{padding:6px 0;min-height:44px;font-size:.8rem;color:var(--blue);font-weight:600}.quote-extras summary span{font-weight:400}.quote-extras[open] summary{margin-bottom:8px}.hero-caption{color:#f3f5f7;background:#10202b99;position:absolute;right:0;bottom:-50px;padding:4px 9px;border-radius:6px;font-size:.65rem;margin:0}.trust{padding-block:20px}.trust p{text-align:center;font-weight:600;font-size:.83rem;border:0;background:transparent}.trust p:before{content:"✓";color:var(--blue);margin-right:9px;font-weight:800}.header{box-shadow:0 1px 0 #15223808}.card{border-radius:18px}.services .tile-icon{border-radius:50%}
@media(min-width:900px){.photo-hero{padding-top:64px;min-height:900px}.photo-hero .hero-grid{width:min(1240px,calc(100% - 80px))}.photo-hero .quote-card .form-grid{grid-template-columns:1fr 1fr}.photo-hero .quote-card .button{border-radius:28px}.photo-hero .hero-caption{bottom:-45px}.hero-copy .danger{font-size:.88rem}}
@media(max-width:599px){.photo-hero{padding-top:54px;padding-bottom:62px;background-position:64% center}.photo-hero:before{background:linear-gradient(180deg,rgba(9,20,26,.55),rgba(9,20,26,.76) 32%,rgba(9,20,26,.76) 100%)}.photo-hero h1{max-width:15ch}.photo-hero .hero-copy{padding-bottom:2px}.photo-hero .quote-card{padding:20px;border-radius:20px}.photo-hero .quote-card .form-grid{grid-template-columns:1fr 1fr;gap:10px}.photo-hero .quote-card .quote-extras .form-grid{grid-template-columns:1fr}.photo-hero .quote-card input,.photo-hero .quote-card select{padding:10px;font-size:.9rem}.photo-hero .hero-caption{bottom:-44px}.hero-help{margin-bottom:22px}.trust{gap:0}.trust p{padding:9px}.brand{font-size:.95rem}.header-inner{padding-block:10px}}

/* Genuine local photographs, with credits and licences on each town page. */
.town-hero{position:relative;isolation:isolate;overflow:hidden;background:#17252e;color:#fff;min-height:540px;display:flex;align-items:center;padding-block:80px}
.town-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.town-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,28,.91),rgba(7,19,28,.68) 48%,rgba(7,19,28,.22))}
.town-hero-copy{position:relative;max-width:1120px}.town-hero h1{max-width:16ch;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.07;letter-spacing:-.04em}.town-hero .eyebrow{color:#e0ecff}.town-hero .lead{color:#f6f8fc;max-width:48ch;font-size:1.08rem}.town-hero .actions{margin-top:25px}.town-hero .secondary{background:#fff;color:#1656c1}.photo-credit{max-width:1120px;width:calc(100% - 36px);margin:0 auto 35px;color:var(--muted);font-size:.7rem;line-height:1.6}.photo-credit a{color:inherit}
.shrewsbury-hero .town-photo{object-position:center 60%}
@media(max-width:599px){.town-hero{padding-block:55px;min-height:540px}.town-hero:before{background:linear-gradient(90deg,rgba(7,19,28,.88),rgba(7,19,28,.56))}.town-hero h1{font-size:2.65rem;max-width:14ch}.town-hero .lead{font-size:1rem}.town-hero .actions{align-items:stretch}.town-hero .actions .button{width:100%}.telford-hero .town-photo{object-position:62% center}.shrewsbury-hero .town-photo{object-position:48% center}}

/* Finishing pass: balanced desktop hero and clearer local quote journey. */
.preview-note{padding:7px 18px;background:#eaf1ff;color:#23446d;text-align:center;font-size:.75rem;line-height:1.5}
.hero-availability{font-size:.95rem;color:#e7edf5;max-width:42ch;margin-bottom:24px}
.quote-intro{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:20px}
.photo-hero .quote-card .eyebrow{color:var(--blue);font-size:.68rem;margin-bottom:8px}
.photo-hero .quote-card h2{font-size:1.65rem;margin-bottom:10px}
.photo-hero .quote-card textarea{height:90px}
.area-card{overflow:hidden}.area-photo{display:block;width:calc(100% + 48px);max-width:none;height:200px;object-fit:cover;margin:-24px -24px 22px}.area-card p{color:var(--muted)}
.area-note{margin-top:16px;max-width:75ch;color:var(--muted)}.area-credit{margin:12px 0;color:var(--muted);font-size:.7rem}
@media(min-width:900px){
.photo-hero{padding:72px 0 84px;min-height:0}
.photo-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center;width:min(1120px,calc(100% - 64px))}
.photo-hero:before{background:linear-gradient(90deg,rgba(9,20,26,.92),rgba(9,20,26,.68) 58%,rgba(9,20,26,.4))}
.photo-hero h1{font-size:clamp(3rem,4.5vw,4.2rem);max-width:14ch}
.photo-hero .quote-card{width:100%;max-width:500px;padding:30px;justify-self:end}
.photo-hero .hero-caption{bottom:-56px}
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
}
@media(min-width:600px) and (max-width:899px){.contact-grid{grid-template-columns:1fr}.photo-hero .quote-card{margin-top:24px}}
@media(max-width:599px){.photo-hero .quote-card{margin-top:28px}.photo-hero .quote-card .form-grid{grid-template-columns:1fr}.area-photo{height:170px}.photo-hero h1{font-size:2.7rem}.hero-availability{font-size:.9rem}}

/* Blue car-and-tyre logo: crop the image whitespace within its header frame. */
.brand{display:block;width:280px;max-width:calc(100% - 110px);flex-shrink:1;line-height:0}
.brand-logo{display:block;width:100%;height:auto;aspect-ratio:3.1;object-fit:cover;object-position:center}
@media(min-width:900px){.brand{width:320px;max-width:none;flex:0 0 320px}.header-inner{padding-block:10px}}
@media(max-width:899px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.brand{width:min(100%,280px);max-width:none}.header nav{grid-column:1/-1}.header .call{font-size:.85rem;padding-inline:14px}}

/* Phone-only launch: concise call preparation card. */
.call-checklist{list-style:none;padding:0;margin:24px 0}.call-checklist li{padding:14px 0;border-bottom:1px solid #e4e8ed}.call-checklist strong,.call-checklist span{display:block}.call-checklist strong{color:#152238;margin-bottom:5px}.call-checklist span{color:#526071;font-size:.95rem;line-height:1.5}.call-quote{display:block;text-align:center;width:100%;margin:22px 0 14px;font-size:1.1rem}.quote-card a:not(.button){text-decoration:underline}.hero .quote-card .small{color:#526071}