/* V16 visual refinement: stronger contrast, compact spacing and distinct moving content carousels. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin-800-normal.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

:root{--v16-ink:#061a3a;--v16-blue:#1266e8;--v16-gold:#ffb21c;--v16-muted:#5c6c83;--v16-line:#dbe5f1}
html,body,.site-shell{max-width:100%!important;overflow-x:clip!important}
html,body{font-family:Manrope,"Avenir Next","Segoe UI",Arial,sans-serif!important}
.section,.section-navy,.footer{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:0!important}
.motion-ready .section,.motion-ready .quick-help{opacity:1!important;transform:none!important;transition:none!important}
.section{padding:82px 0!important}
.section-heading{max-width:790px!important;margin-bottom:34px!important}
.section-heading .eyebrow{margin-bottom:14px!important}
.section-heading h2,.area-copy h2,.contact-copy h2,.faq-intro h2,.reviews-copy h2,.split-copy h2{font-size:clamp(2.25rem,3.7vw,3.65rem)!important;line-height:1.04!important;letter-spacing:-.052em!important;text-wrap:balance}
.section-heading>p:last-child,.area-copy>p,.contact-copy>p,.faq-intro>p,.reviews-copy>p{margin-top:16px!important;line-height:1.62!important}
.vehicle-brands{padding-bottom:54px!important}
#guides{padding-top:58px!important}
#tyre-brands{padding-bottom:58px!important}
#service-pages{padding-top:68px!important;padding-bottom:68px!important}
.fine-print{margin:10px auto 0!important;line-height:1.45!important}

/* Highly visible response target. */
.premium-eta-front{color:#fff!important;border:1px solid rgba(93,164,255,.62)!important;background:linear-gradient(112deg,#061a3a 0%,#0a3474 48%,#0d4fa3 100%)!important;box-shadow:0 18px 42px rgba(6,35,82,.24)!important}
.premium-eta-front:before{background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.16) 44%,transparent 57%)!important}
.premium-eta-front:after{background:linear-gradient(90deg,transparent,rgba(100,193,255,.2),transparent)!important}
.premium-eta-front .premium-eta-badge{background:linear-gradient(145deg,#ffd86b,#ffae00)!important;color:#061a3a!important;border:4px solid rgba(255,255,255,.24)!important;box-shadow:0 10px 28px rgba(0,0,0,.26)!important}
.premium-eta-front .premium-eta-badge b{font-weight:800!important;letter-spacing:-.06em!important}
.premium-eta-front .premium-eta-copy strong{color:#fff!important;font-size:1rem!important;font-weight:800!important;letter-spacing:-.015em!important}
.premium-eta-front .premium-eta-copy span{color:#d9eaff!important;font-size:.75rem!important;line-height:1.46!important;font-weight:600!important}
.premium-eta-front .premium-eta-motion i{background:linear-gradient(90deg,transparent,#79d8ff)!important}

/* All content carousels show several cards and work on desktop and mobile. */
[data-auto-carousel]{display:flex!important;grid-template-columns:none!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;padding:6px 4.5% 16px 2px!important;margin:0!important}
[data-auto-carousel]::-webkit-scrollbar{display:none!important}
[data-auto-carousel]>*{scroll-snap-align:start!important;scroll-snap-stop:always!important;max-width:none!important}

/* Main services: real photo cards with useful content still visible. */
#services .services-grid>.service-card{position:relative!important;flex:0 0 30.5%!important;width:30.5%!important;min-height:370px!important;padding:18px!important;border:1px solid #d9e4f1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 15px 38px rgba(6,35,82,.08)!important;overflow:hidden!important}
#services .services-grid>.service-card:before{content:"";display:block;flex:none;width:calc(100% + 36px);height:118px;margin:-18px -18px 16px;background-position:center;background-size:cover;border-bottom:1px solid #e1e8f2}
#services .services-grid>.service-card:after{content:"";position:absolute;left:0;right:0;top:76px;height:44px;background:linear-gradient(transparent,#fff);pointer-events:none}
#services .services-grid>.service-card:nth-child(1):before{background-image:url('/puncture-inspection-480.webp')}
#services .services-grid>.service-card:nth-child(2):before{background-image:url('/technician-tyre-fitting-480.webp')}
#services .services-grid>.service-card:nth-child(3):before{background-image:url('/defender-tyre-change-480.webp')}
#services .services-grid>.service-card:nth-child(4):before{background-image:url('/roadside-mobile-van-480.webp')}
#services .services-grid>.service-card:nth-child(5):before{background-image:url('/mobile-tyre-fitting-480.webp')}
#services .services-grid>.service-card:nth-child(6):before{background-image:url('/puncture-repair-service-640.webp')}
#services .service-card-topline{position:relative;z-index:2;margin-top:-10px!important}
#services .service-icon{width:44px!important;height:44px!important;border:1px solid #d8e7fa!important;background:#f1f7ff!important;box-shadow:0 7px 18px rgba(10,63,142,.1)!important}
#services .service-icon svg{width:23px!important;height:23px!important}
#services .service-card h3{margin:14px 0 8px!important;font-size:1.08rem!important;line-height:1.25!important}
#services .service-card p{font-size:.82rem!important;line-height:1.58!important}
#services .service-card a{padding-top:15px!important;font-size:.78rem!important}

/* Detailed pages: a different dark compact carousel, not a repeated white grid. */
#service-pages .services-grid{padding-bottom:15px!important}
#service-pages .services-grid>.service-card{flex:0 0 30.5%!important;width:30.5%!important;min-height:236px!important;padding:24px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:20px!important;background:linear-gradient(142deg,#061a3a,#0b3b7c)!important;color:#fff!important;box-shadow:0 18px 42px rgba(6,31,72,.18)!important;overflow:hidden!important}
#service-pages .services-grid>.service-card:nth-child(2){background:linear-gradient(142deg,#0b2d66,#1266e8)!important}
#service-pages .services-grid>.service-card:nth-child(3){background:linear-gradient(142deg,#072e41,#087b89)!important}
#service-pages .services-grid>.service-card:nth-child(4){background:linear-gradient(142deg,#3c2500,#b66c00)!important}
#service-pages .service-card:after{content:"";position:absolute;width:150px;height:150px;right:-72px;top:-78px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.035)}
#service-pages .service-icon{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.13)!important;color:#fff!important}
#service-pages .service-card h3{margin:18px 0 9px!important;color:#fff!important;font-size:1.12rem!important;line-height:1.25!important}
#service-pages .service-card p{color:#d8e7ff!important;font-size:.81rem!important;line-height:1.55!important}
#service-pages .service-card a{color:#ffd066!important;padding-top:16px!important;font-size:.77rem!important}

/* Guide carousel is compact and editorial. */
.guide-teasers[data-auto-carousel]>.guide-teaser{position:relative;flex:0 0 28.5%!important;width:28.5%!important;min-height:190px!important;padding:23px!important;border:1px solid #dbe5f2!important;border-top:4px solid #1266e8!important;border-radius:18px!important;background:linear-gradient(150deg,#fff,#f4f8ff)!important;box-shadow:0 13px 34px rgba(6,35,82,.07)!important}
.guide-teasers .guide-teaser:nth-child(2){border-top-color:#f6a000!important}
.guide-teasers .guide-teaser:nth-child(3){border-top-color:#1c9a61!important}
.guide-teasers .guide-teaser:nth-child(4){border-top-color:#d34836!important}
.guide-teaser h3{font-size:1.08rem!important;line-height:1.3!important}

/* Recent genuine photos never have a text panel covering them. */
.gallery-heading-v16{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:26px 0 15px}
.reviews-layout>.gallery-heading-v16,.reviews-layout>.gallery-grid,.reviews-layout>.gallery-grid+.carousel-controls-v16{grid-column:1/-1;width:100%}
.gallery-heading-v16 span{display:block;color:#ffbd3c;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.gallery-heading-v16 h3{margin:6px 0 0;color:#fff;font-size:1.45rem;line-height:1.2;letter-spacing:-.035em}
.gallery-heading-v16 a{flex:none;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font-size:.73rem;font-weight:800}
.gallery-grid[data-auto-carousel]{height:346px!important;min-height:346px!important;margin-top:0!important;padding-bottom:16px!important;align-items:stretch!important}
.gallery-grid[data-auto-carousel]>a{position:relative;flex:0 0 29.5%!important;width:29.5%!important;height:330px!important;min-height:330px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:21px!important;overflow:hidden!important;background:#0b2d63!important;box-shadow:0 16px 42px rgba(0,0,0,.2)!important}
.gallery-grid[data-auto-carousel]>a img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;transition:transform .55s ease!important}
.gallery-grid[data-auto-carousel]>a:hover img{transform:scale(1.045)}
.gallery-label{display:none!important}

/* Small controls generated by motion-v16.js. */
.carousel-controls-v16{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:40px;margin:5px 0 0}
.carousel-controls-v16 button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #d8e3f1;border-radius:12px;background:#fff;color:#0a397c;box-shadow:0 8px 20px rgba(6,35,82,.07);cursor:pointer;font-size:1rem;font-weight:800}
.carousel-controls-v16 button:hover{background:#edf5ff}
.carousel-progress-v16{width:86px;height:4px;margin-right:4px;border-radius:999px;background:#dbe5f1;overflow:hidden}
.carousel-progress-v16 span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1266e8,#ffb21c);transition:width .35s ease}
.section-navy .carousel-controls-v16 button{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.section-navy .carousel-progress-v16{background:rgba(255,255,255,.2)}

/* Keep vehicle logos colourful and remove the large gap before guides. */
.vehicle-marquee .vehicle-logo-card{border-color:#d7e3f0!important;background:linear-gradient(145deg,#fff,#f1f6fd)!important}
.vehicle-marquee .vehicle-logo-card img{max-width:112px!important;max-height:38px!important}
.brand-marquee{max-width:100%!important;overflow:clip!important;contain:layout paint!important}
.brand-marquee .brand-logo-card:has(img[src*="continental.svg"]){background:#ffcc00!important;border-color:#e1b600!important}
.vehicle-brands .fine-print{max-width:700px!important;margin-top:8px!important}
.tyre-range-pills{margin-top:12px!important}

/* The floating cookie control stays available without covering content. */
.cookie-fab{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border-radius:50%!important;overflow:hidden!important;color:transparent!important;font-size:0!important;box-shadow:0 9px 25px rgba(6,35,82,.16)!important}
.cookie-fab:before{content:"🍪";display:grid;place-items:center;width:100%;height:100%;color:initial;font-size:20px}

@media(max-width:1000px){
  #services .services-grid>.service-card,#service-pages .services-grid>.service-card{flex-basis:45%!important;width:45%!important}
  .guide-teasers[data-auto-carousel]>.guide-teaser{flex-basis:42%!important;width:42%!important}
  .gallery-grid[data-auto-carousel]>a{flex-basis:43%!important;width:43%!important}
}

@media(max-width:700px){
  .container{width:min(100% - 30px,1320px)!important}
  .section{padding:54px 0!important}
  .vehicle-brands{padding-bottom:38px!important}
  #guides{padding-top:43px!important}
  #tyre-brands{padding-bottom:42px!important}
  #service-pages{padding-top:50px!important;padding-bottom:50px!important}
  .section-heading{margin-bottom:25px!important}
  .section-heading h2,.area-copy h2,.contact-copy h2,.faq-intro h2,.reviews-copy h2,.split-copy h2{font-size:2.12rem!important;line-height:1.07!important;letter-spacing:-.048em!important}
  .section-heading>p:last-child,.area-copy>p,.contact-copy>p,.faq-intro>p,.reviews-copy>p{font-size:.93rem!important;line-height:1.58!important}
  .eyebrow{font-size:.7rem!important;letter-spacing:.105em!important;margin-bottom:13px!important}
  .hero-grid{min-height:0!important;padding-top:42px!important;padding-bottom:48px!important}
  .hero h1{font-size:2.78rem!important;line-height:.99!important;letter-spacing:-.058em!important;text-wrap:balance}
  .hero-lead{margin-top:20px!important;font-size:.96rem!important;line-height:1.6!important}
  .premium-eta-front{grid-template-columns:auto 1fr!important;gap:12px!important;margin:12px 0 22px!important;padding:11px!important;border-radius:18px!important;text-align:left!important}
  .premium-eta-front .premium-eta-badge{width:64px!important;height:64px!important}
  .premium-eta-front .premium-eta-copy strong{font-size:.9rem!important}
  .premium-eta-front .premium-eta-copy span{font-size:.66rem!important;line-height:1.4!important}
  .premium-eta-front .premium-eta-motion{display:none!important}
  [data-auto-carousel]{gap:12px!important;padding:4px 13% 13px 0!important}
  #services .services-grid>.service-card{flex-basis:88%!important;width:88%!important;min-height:355px!important}
  #service-pages .services-grid>.service-card{flex-basis:84%!important;width:84%!important;min-height:228px!important}
  .guide-teasers[data-auto-carousel]>.guide-teaser{flex-basis:82%!important;width:82%!important;min-height:178px!important}
  .gallery-heading-v16{align-items:start;margin:20px 0 12px}
  .gallery-heading-v16 h3{font-size:1.18rem}
  .gallery-heading-v16 a{padding:8px 11px;font-size:.65rem}
  .gallery-grid[data-auto-carousel]{height:306px!important;min-height:306px!important}
  .gallery-grid[data-auto-carousel]>a{flex-basis:84%!important;width:84%!important;height:290px!important;min-height:290px!important}
  .carousel-controls-v16{justify-content:center;margin-top:2px}
  .carousel-controls-v16 button{width:36px;height:36px}
  .brand-marquee{width:100%!important;margin:20px 0 0!important}
  .vehicle-marquee .vehicle-logo-card img{max-width:90px!important;max-height:34px!important}
  .vehicle-brands .fine-print{font-size:.65rem!important;line-height:1.4!important;margin-top:6px!important}
  .cookie-fab{left:12px!important;bottom:96px!important}
}

@media(max-width:390px){
  .hero h1{font-size:2.48rem!important}
  .premium-eta-front .premium-eta-badge{width:58px!important;height:58px!important}
  #services .services-grid>.service-card{flex-basis:91%!important;width:91%!important}
  #service-pages .services-grid>.service-card{flex-basis:88%!important;width:88%!important}
}

@media(prefers-reduced-motion:reduce){
  [data-auto-carousel]{scroll-behavior:auto!important}
  .gallery-grid[data-auto-carousel]>a img{transition:none!important}
}