/* CheckMOT sales layer (dev, 24 Oct 2026) */
:root{--or:#ffae4b;--or2:#f39a2c;--bl:#4b8eff;--deep:#0a1f5c}
.s-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.btn-or,.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:48px;padding:12px 22px;border-radius:10px;font-weight:900;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.2px}
.btn-or{background:var(--or);color:#111}.btn-or:hover{background:var(--or2);color:#111}
.s-btn{background:#003aff;color:#fff}.s-btn:hover{background:#002fd0;color:#fff}
.s-btn.ghost{background:#fff;color:#003aff;box-shadow:inset 0 0 0 2px #003aff}
/* ---------- hero (check pages) ---------- */
.s-page .hero-band{background:radial-gradient(1200px 400px at 85% -10%,#4b8eff55,transparent 60%),linear-gradient(135deg,#003aff 0%,#0029b8 55%,#0a1f5c 100%);padding:22px 0 34px}
.s-page .hero-band h1{font-size:34px;line-height:1.15;margin:6px 0 6px}
@media(max-width:600px){.s-page .hero-band h1{font-size:26px}}
.s-page .hero-band .reg-form{max-width:560px;border-radius:12px;box-shadow:0 12px 30px #00000040;overflow:hidden;margin:14px 0 10px}
.s-page .hero-band .reg-form .gb{height:84px;flex-basis:52px}
.s-page .hero-band .reg-form input{height:84px;font-size:2.4rem}
.s-page .hero-band .reg-form button{background:var(--or);color:#111;height:62px;flex:0 0 150px;width:150px;font-size:18px;border-radius:8px;margin-right:11px}
.s-page .hero-band .reg-form button:hover{background:var(--or2)}
@media(max-width:600px){.s-page .hero-band .reg-form{display:block;background:transparent;box-shadow:none}.s-page .hero-band .reg-form .plate-box{border-radius:10px;overflow:hidden;box-shadow:0 10px 24px #00000040}.s-page .hero-band .reg-form input{height:76px;font-size:2.1rem}.s-page .hero-band .reg-form .gb{height:76px}.s-page .hero-band .reg-form button{display:block;width:100%;height:58px;margin:10px 0 0;font-size:19px}}
.s-page .hero-band .lead.s-locate{font-size:15px;margin:6px 0 2px}
.s-page .hero-band .lead.s-locate a{color:#fff;font-weight:700}
.trial-fine,.s-page .hero-band .lead.trial-fine{font-size:12px!important;line-height:1.45;opacity:.6;max-width:520px;margin:6px 0 0!important;font-weight:400}
/* ---------- sales strip + CTA cards ---------- */
.s-cta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
@media(max-width:900px){.s-cta-row{grid-template-columns:1fr}}
.s-cta{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 10px #0a1f5c14;border:1px solid #e7ecf7;display:flex;flex-direction:column;gap:8px}
.s-cta h3{margin:0;font-size:18px;color:#0a1f5c}.s-cta p{margin:0;color:#4a4a4a;font-size:15px}
.s-cta .s-btn,.s-cta .btn-or{margin-top:auto;align-self:flex-start}
.s-cta.hot{background:linear-gradient(135deg,#fff7ec,#fff);border-color:#ffd59e}
/* ---------- booking widget ---------- */
.bk-hero{background:radial-gradient(900px 380px at 80% 0,#4b8eff66,transparent 60%),linear-gradient(135deg,#003aff,#0a1f5c);color:#fff;padding:26px 0 40px}
.bk-hero .s-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
@media(max-width:900px){.bk-hero .s-grid{grid-template-columns:1fr;gap:18px}}
.bk-hero h1{color:#fff;font-size:40px;line-height:1.1;margin:8px 0 10px;font-weight:900}
@media(max-width:600px){.bk-hero h1{font-size:28px}}
.bk-hero .crumbs a,.bk-hero .crumbs span{color:#dfe8ff}
.bk-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.bk-steps li{display:flex;gap:12px;align-items:center;font-size:16px;color:#eaf0ff}
.bk-steps b{flex:0 0 32px;height:32px;border-radius:50%;background:var(--or);color:#111;display:grid;place-items:center;font-weight:900}
.bk-card{background:#fff;color:#111;border-radius:16px;padding:22px;box-shadow:0 18px 50px #00000045;max-width:480px;width:100%;justify-self:end;position:relative}
@media(max-width:900px){.bk-card{justify-self:stretch;max-width:none;padding:18px}}
.bk-title{font-size:20px;font-weight:900;text-align:center;margin:0 0 14px;color:#0a1f5c}
.bk-title span{color:#4b8eff}
.bk-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef2fb;border-radius:10px;padding:4px;margin:0 0 14px}
.bk-tabs label{text-align:center;padding:10px 6px;border-radius:8px;font-weight:900;font-size:14px;cursor:pointer;color:#33415c;position:relative}
.bk-tabs input{position:absolute;opacity:0;pointer-events:none}
.bk-tabs label:has(input:checked){background:#003aff;color:#fff;box-shadow:0 2px 6px #003aff55}
.bk-field{display:block;margin:0 0 10px}
.bk-field span{display:block;font-size:13px;font-weight:700;color:#4a4a4a;margin:0 0 4px}
.bk-field input{width:100%;height:54px;border:2px solid #d5dbe8;border-radius:10px;padding:0 14px;font:inherit;font-size:18px;font-weight:700;text-transform:uppercase;background:#f7f9fd;color:#111}
.bk-field input:focus{outline:0;border-color:#003aff;background:#fff}
.bk-field input.bk-reg{font-family:uknumberplate,monospace;font-size:24px;letter-spacing:2px;background:#ffd400;border-color:#e0b800;text-align:center}
.bk-field input::placeholder{text-transform:none;font-family:Lato,system-ui,sans-serif;font-size:16px;letter-spacing:0;font-weight:400;color:#6b7280}
.bk-terms{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#4a4a4a;margin:6px 0 12px;line-height:1.4}
.bk-terms input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#003aff}
.bk-btn{width:100%;height:58px;border:0;border-radius:12px;background:var(--or);color:#111;font:inherit;font-size:19px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.bk-btn:hover{background:var(--or2)}
.bk-err{color:#c8102e;font-size:14px;font-weight:700;margin:8px 0 0}
.bk-loading{position:absolute;inset:0;background:#fffffff2;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}
.bk-loading[hidden]{display:none}
.bk-spin{width:46px;height:46px;border-radius:50%;border:5px solid #dfe6f7;border-top-color:#003aff;animation:bkspin 0.9s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}
.bk-msg{font-weight:900;color:#0a1f5c;font-size:17px;margin:0}
.bk-mini{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px #0a1f5c14;border:1px solid #e7ecf7}
/* ---------- finder ---------- */
.f-hero{background:linear-gradient(135deg,#003aff,#0a1f5c);color:#fff;padding:22px 0 30px}
.f-hero h1{color:#fff;font-size:34px;margin:6px 0 4px;font-weight:900}
@media(max-width:600px){.f-hero h1{font-size:26px}}
.f-hero p{color:#dfe8ff;margin:0 0 14px}
.f-hero .crumbs a,.f-hero .crumbs span{color:#dfe8ff}
.f-search{position:relative;max-width:640px}
.f-search input{width:100%;height:62px;border-radius:14px;border:0;padding:0 18px 0 52px;font:inherit;font-size:19px;box-shadow:0 12px 30px #00000040}
.f-search svg{position:absolute;left:16px;top:19px;width:24px;height:24px;color:#6b7280}
.f-results{background:#fff;border-radius:12px;margin-top:8px;max-height:340px;overflow:auto;box-shadow:0 12px 30px #00000030;display:none}
.f-results.on{display:block}
.f-results a{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eef0f4;color:#111;text-decoration:none;font-weight:700}
.f-results a:hover,.f-results a:focus{background:#f2f6ff}
.f-results small{color:#5c636a;font-weight:400}
.f-empty{padding:14px 16px;color:#5c636a}
.f-sec{margin:26px 0}
.f-sec h2{font-size:22px;color:#0a1f5c;margin:0 0 12px}
.f-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.f-tiles{grid-template-columns:repeat(2,1fr)}}
.f-tile{background:#fff;border:1px solid #e3e8f4;border-radius:14px;padding:16px;text-decoration:none;color:#111;box-shadow:0 2px 8px #0a1f5c0f;display:flex;flex-direction:column;gap:4px;transition:transform .12s,box-shadow .12s}
.f-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a1f5c22;color:#111}
.f-tile b{font-size:18px}.f-tile span{color:#5c636a;font-size:14px}
.f-tile em{font-style:normal;color:#003aff;font-weight:900;font-size:14px;margin-top:6px}
.f-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.f-regions{grid-template-columns:1fr}}
.f-region{background:#fff;border:1px solid #e3e8f4;border-radius:14px;padding:16px}
.f-region h3{margin:0 0 8px;font-size:17px;color:#0a1f5c}
.f-region ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.f-region li a{display:inline-block;padding:6px 10px;border-radius:999px;background:#f2f5fc;color:#1d232b;text-decoration:none;font-size:14px}
.f-region li a:hover{background:#003aff;color:#fff}
.f-region li.more{display:none}.f-region.open li.more{display:list-item}
.f-region button{margin-top:10px;background:none;border:0;color:#003aff;font-weight:900;cursor:pointer;padding:4px 0;font:inherit;font-weight:900}
.f-band{background:#f5f7fb;padding:8px 0 30px}
/* ---------- garages ---------- */
.g-list{display:grid;gap:12px}
.g-card{background:#fff;border:1px solid #e3e8f4;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px;box-shadow:0 2px 8px #0a1f5c0f}
.g-card h3{margin:0 0 4px;font-size:18px}.g-card h3 a{color:#0a1f5c;text-decoration:none}
.g-card .meta{color:#4a4a4a;font-size:14px}
.g-card .g-dist{display:inline-block;background:#eef3ff;color:#003aff;font-weight:900;border-radius:999px;padding:2px 10px;font-size:13px;margin:4px 0}
.g-acts{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:center;min-width:140px}
.g-acts .s-btn,.g-acts .btn-or{min-height:44px;padding:10px 16px}
@media(max-width:600px){.g-card{grid-template-columns:1fr}.g-acts{flex-direction:row}.g-acts a{flex:1}}
.g-card .tags{margin-top:6px}
/* ---------- article / content pages ---------- */
.s-page .page{background:#f5f7fb}
.s-page .card.prose{border-radius:14px;padding:26px 28px;font-size:17px;line-height:1.7;box-shadow:0 2px 10px #0a1f5c12}
@media(max-width:600px){.s-page .card.prose{padding:18px;font-size:16px}}
.s-page .card.prose h4,.s-page .card.prose h2{color:#0a1f5c;font-size:24px;margin-top:0}
.s-page .card.prose h5,.s-page .card.prose h6,.s-page .card.prose h3{color:#0a1f5c;font-size:19px;margin:1.4em 0 .4em}
.s-page aside .card{border-radius:14px}
.s-side-cta{background:linear-gradient(135deg,#003aff,#0a1f5c)!important;color:#fff}
.s-side-cta .side-h{color:#fff}
.s-side-cta .reg-form.on-light .plate-box{border-color:#fff}
.s-side-cta .reg-form button{background:var(--or)!important;color:#111!important;width:100%!important;margin:10px 0 0!important;height:52px!important;border-radius:10px!important;font-size:16px!important;flex:none!important;display:block}
.s-inline-cta{background:linear-gradient(135deg,#fff7ec,#fff);border:1px solid #ffd59e;border-radius:14px;padding:18px;margin:18px 0;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.s-inline-cta b{font-size:18px;color:#0a1f5c}
/* ---------- sticky mobile bar ---------- */
.s-sticky{display:none}
@media(max-width:760px){
.s-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 20px #0a1f5c26;transform:translateY(110%);transition:transform .2s}
.s-sticky.on{transform:none}
.s-sticky a{flex:1;min-height:48px;border-radius:10px;font-weight:900;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px}
.s-sticky .a1{background:var(--or);color:#111}.s-sticky .a2{background:#003aff;color:#fff}
body.s-page{padding-bottom:76px}}

.f-regions:has(> .f-region:only-child){grid-template-columns:1fr}
.f-search input[type=search]::-webkit-search-cancel-button{display:none}
.f-band .s-cta-row{margin:0}
.bk-mini .bk-card{box-shadow:none;padding:0;max-width:none}
.bk-mini .bk-title{font-size:17px}
.s-page .hero-band .btn-or,.s-page .hero-band .s-btn{min-height:46px}

.g-card>div{min-width:0}
.g-card .tags{display:flex;flex-wrap:wrap;gap:4px}
.g-card .tags .cm-tag{white-space:nowrap}
.bk-mini.g-top{margin:0 0 16px}
@media(min-width:1000px){.bk-hero h1{font-size:46px}}

.n-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.n-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.n-grid{grid-template-columns:1fr}}
.n-card{background:#fff;border:1px solid #e3e8f4;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#111;box-shadow:0 2px 8px #0a1f5c0f;transition:transform .12s,box-shadow .12s}
.n-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0a1f5c22;color:#111}
.n-card .n-img{aspect-ratio:16/9;background:#eef2fb;overflow:hidden}.n-card .n-img img{width:100%;height:100%;object-fit:cover;display:block}
.n-card .n-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.n-card time{font-size:12px;color:#5c636a;font-weight:700;letter-spacing:.3px}
.n-card h3{font-size:17px;line-height:1.3;margin:0;color:#0a1f5c}
.n-card p{font-size:14px;color:#4a4a4a;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.n-card em{font-style:normal;color:#003aff;font-weight:900;font-size:14px;margin-top:auto}
.n-wide .layout{grid-template-columns:1fr}.n-wide .layout>aside{display:none}
.n-related{margin:22px 0}.n-related h2{font-size:22px;color:#0a1f5c;margin:0 0 12px}
.n-related .n-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.n-related .n-grid{grid-template-columns:1fr}}
.s-page .card.prose img{border-radius:10px}

/* ---------- shop ---------- */
.s-page .shop-bar{background:#fff;border-bottom:1px solid #e7ecf7;position:sticky;top:0;z-index:15}
.s-page .shop-bar .container{display:flex;gap:8px;overflow-x:auto;padding:10px 15px;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap}
.s-page .shop-bar .container::-webkit-scrollbar{display:none}
.s-page .shop-bar a{flex:0 0 auto;padding:7px 14px;border-radius:999px;background:#f2f5fc;color:#1d232b;text-decoration:none;font-size:14px;font-weight:700}
.s-page .shop-bar a:first-child{background:#003aff;color:#fff}
.s-page .shop-bar a:hover{background:#003aff;color:#fff}
.s-page section.hero{border-radius:0;min-height:360px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative;color:#fff}
.s-page section.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a1f5ce6,#0a1f5c66 60%,transparent)}
.s-page section.hero .container{position:relative}
.s-page section.hero h1{font-size:46px;font-weight:900;color:#fff;margin:0 0 8px}
@media(max-width:600px){.s-page section.hero h1{font-size:32px}.s-page section.hero{min-height:300px}}
.s-page section.hero .btn{background:var(--or);color:#111;border-radius:10px;font-weight:900}
.s-page section.hero .btn.btn-ghost{background:#fff;color:#003aff}
.s-page .p-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1000px){.s-page .p-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.s-page .p-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.s-page .p-card{background:#fff;border:1px solid #e3e8f4;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#111;box-shadow:0 2px 8px #0a1f5c0f;transition:transform .12s,box-shadow .12s}
.s-page .p-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0a1f5c22;color:#111}
.s-page .p-card .pimg{display:block;aspect-ratio:1;background:#f7f8fb;padding:10px}
.s-page .p-card .pimg img{width:100%;height:100%;object-fit:contain;display:block}
.s-page .p-card .pbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.s-page .p-card .ptitle{font-size:14px;line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-page .p-card .price{font-size:18px;font-weight:900;color:#0a1f5c;margin-top:auto}
.s-page .p-card .pbody:after{content:'View';display:block;text-align:center;background:var(--or);color:#111;font-weight:900;border-radius:10px;padding:9px 0;font-size:14px}
.s-page .prod{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media(max-width:800px){.s-page .prod{grid-template-columns:1fr}}
.s-page .prod h1{font-size:28px;color:#0a1f5c}
.s-page .prod .price{font-size:30px;font-weight:900;color:#0a1f5c}
.s-page .prod #padd{background:var(--or);color:#111;font-size:18px;border-radius:12px;min-height:56px;font-weight:900}
.s-page .prod-gallery img{border-radius:12px}

.s-page a.btn-or,.s-page a.btn-or:hover{color:#111!important;text-decoration:none}
.s-page a.s-btn,.s-page a.s-btn:hover{color:#fff!important;text-decoration:none}
.s-page a.s-btn.ghost{color:#003aff!important}.s-page a.s-btn.ghost:hover{background:#003aff;color:#fff!important}
.s-page section.hero .btn.btn-ghost{color:#003aff!important}

.bk-sub{text-align:center;color:#4a4a4a;margin:-6px 0 12px;font-size:15px}
.bk-ok{color:#146c43;font-weight:900;margin:8px 0 0}
.s-hero-split .container{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
@media(max-width:900px){.s-hero-split .container{grid-template-columns:1fr;gap:16px}}
.s-hero-split .bk-card{justify-self:end}
@media(max-width:900px){.s-hero-split .bk-card{justify-self:stretch}}
.f-hero.s-split .s-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
@media(max-width:900px){.f-hero.s-split .s-wrap{grid-template-columns:1fr}}

.s-hero-split .container > nav.crumbs{grid-column:1/-1}

/* desktop menu: own row under the logo (more top-level items, 24 Oct) */
@media (min-width:1200px){.site-header .container.bar{max-width:none;flex-wrap:wrap;row-gap:0;padding-left:24px;padding-right:24px}.site-header .nav{order:3;flex:0 0 100%;flex-wrap:wrap;justify-content:center;border-top:1px solid #eef0f4;padding:2px 0}.nav>a,.nav>details>summary{text-transform:none;letter-spacing:0;padding:10px 7px;font-size:13.5px}}

/* product search widgets (tyres, batteries, plates, insurance) */
.bk-hero .lead{color:#eaf0ff;font-size:17px;margin:8px 0 0;max-width:620px}
.bk-hero .lead a{color:#fff;text-decoration:underline}
.pw-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bk-field select{width:100%;height:54px;border:2px solid #d5dbe8;border-radius:10px;padding:0 8px;font:inherit;font-size:17px;font-weight:700;background:#f7f9fd;color:#111;-webkit-appearance:menulist;appearance:menulist}
.bk-field select:focus{outline:0;border-color:#003aff;background:#fff}
.bk-field input.pw-term{text-align:center;letter-spacing:2px;font-size:22px}
.pw-by{text-align:center;font-size:13px;color:#4a4a4a;margin:10px 0 0}
.pw-btn2{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin:10px 0 0;border:2px solid #003aff;border-radius:12px;background:#fff;color:#003aff;font-weight:900;font-size:16px;text-decoration:none}
.pw-btn2:hover{background:#eef2fb}
.bk-loading .bk-msg{max-width:340px}

.bk-field input.bk-reg::placeholder{font-family:uknumberplate,monospace;font-size:24px;letter-spacing:2px;text-transform:uppercase;color:#11111170}

/* insurance option list (matches live /vehicle-insurance) */
.pw-ins{position:relative;width:100%;max-width:480px;justify-self:end}
@media(max-width:900px){.pw-ins{justify-self:stretch;max-width:none}}
.pw-ins-t{color:#fff;text-align:center;font-size:20px;font-weight:900;margin:0 0 14px}
.pw-ins-t2{color:#dfe8ff;text-align:center;font-size:15px;font-weight:700;margin:20px 0 10px}
.pw-ib{position:relative;display:flex;align-items:center;gap:14px;min-height:62px;margin:0 0 10px;padding:8px 46px 8px 14px;background:#fff;border-radius:10px;color:#003aff;font-weight:900;font-size:17px;line-height:1.2;text-decoration:none;box-shadow:0 6px 18px #00000030}
.pw-ib:hover{background:#eef2fb}
.pw-ib::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:3px solid #003aff;border-top:3px solid #003aff;transform:translateY(-50%) rotate(45deg)}
.pw-ic{flex:0 0 60px;display:flex;align-items:center;justify-content:center}
.pw-ic img{max-width:56px;height:auto}
.pw-ins .bk-loading{border-radius:12px}

/* 24 Oct 2026 finish pass: one box per page (check / certificate / shop / tyres by reg) */
.pw-fine{text-align:center;font-size:12.5px;color:#4a4a4a;margin:10px 0 0;line-height:1.4}
.pw-more{margin:12px 0 0;border-top:1px solid #e3e8f3;padding-top:10px}
.pw-more summary{cursor:pointer;text-align:center;font-weight:800;color:#003aff;font-size:15px;list-style:none}
.pw-more summary::-webkit-details-marker{display:none}
.pw-more[open] summary{margin-bottom:10px}
.pw-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}
.pw-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;text-decoration:none;color:#111;border:1px solid #e3e8f3;border-radius:12px;padding:8px 6px;background:#fff}
.pw-tile:hover{border-color:#003aff}
.pw-tile img{width:100%;max-width:120px;aspect-ratio:1/1;height:auto;object-fit:contain;border-radius:8px;background:#f6f8fc}
.pw-tt{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pw-tile b{color:#0a1f5c;font-size:14px}
[data-cm-check] .bk-reg,[data-cm-prod] .bk-reg{text-transform:uppercase}

/* ===== partner branding (24 Oct 2026, Gil: "green site .. green loader or even same green button")
   Colours come from CM_PARTNERS[..].brand in sales.js (read from each partner's live site, see NOTES.md). */
form.cm-pbrand .bk-btn,.cm-pbrand>.bk-btn{background:var(--pb);color:var(--pf)}
form.cm-pbrand .bk-btn:hover,.cm-pbrand>.bk-btn:hover{background:var(--pb);color:var(--pf);filter:brightness(.92)}
form.cm-pbrand .bk-btn:focus-visible{outline:3px solid var(--pb);outline-offset:3px}
.pw-ib.cm-pbrand{color:var(--pt);box-shadow:inset 7px 0 0 var(--pbar),0 6px 18px #00000030;padding-left:20px}
.pw-ib.cm-pbrand::after{border-color:var(--pbar)}
.bk-loading.cm-lbrand{background:var(--lb);color:var(--lf)}
.bk-loading.cm-lbrand .bk-msg{color:var(--lf);font-size:20px}
.bk-loading.cm-lbrand .bk-spin{border-color:rgba(127,127,127,.35);border-top-color:var(--ls)}
.bk-sub{margin:0;font-weight:700;font-size:15px;line-height:1.35;max-width:340px;color:inherit;opacity:.92}
.bk-sub[hidden]{display:none}
[data-cm-val]{position:relative}
.pw-btn2{height:auto;min-height:50px;padding:6px 14px;text-align:center;line-height:1.25}


/* ===== GB reg plate (24 Oct 2026, Gil 13:00 UK: "Use this reg plate for the site it looks better")
   Same plate as the home hero .reg-form (q_5Fnuxt/entry.bxxYc6ia.css): .plate-box + .gb (img/eu-input.jpg GB strip),
   white plate, uknumberplate font 2rem / 1.6rem, #b9b9b9 placeholder, #ffbf47 focus ring, 2px #1d232b edge (home .on-light).
   Single-field boxes: the box's own .bk-btn sits inside the plate on the right (colour/wording unchanged).
   Boxes with more fields (Book MOT, valuation, contact): plate field only (.bk-plate--solo), button stays under the fields. */
.bk-pfield{margin:0 0 10px}
.bk-plabel{display:block;font-size:13px;font-weight:700;color:#4a4a4a;margin:0 0 4px}
.bk-plate{display:flex;align-items:center;background:#fff;border:2px solid #1d232b;border-radius:4px;overflow:hidden;min-width:0;max-width:100%}
.bk-plate:focus-within{box-shadow:0 0 0 3px #ffbf47}
.bk-plate .plate-box{flex:1;display:flex;align-items:stretch;min-width:0}
.bk-plate .gb{background:#039 url(/img/eu-input.jpg) 50%/cover no-repeat;flex:0 0 46px;height:66px}
.bk-plate input.bk-reg,.bk-plate input.pw-term{flex:1;width:100%;min-width:0;height:66px;margin:0;padding:0 14px;border:0;border-radius:0;background:#fff;color:#000;font-family:uknumberplate,monospace;font-size:2rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-align:left;box-shadow:none;-webkit-appearance:none;appearance:none}
.bk-plate input.bk-reg:focus,.bk-plate input.pw-term:focus{outline:none;border:0;background:#fff}
.bk-plate input.bk-reg::placeholder,.bk-plate input.pw-term::placeholder{font-family:uknumberplate,monospace;font-size:2rem;letter-spacing:2px;text-transform:uppercase;font-weight:400;color:#b9b9b9;opacity:1}
.bk-plate .bk-btn{flex:0 0 auto;width:auto;max-width:44%;height:50px;margin:0 8px 0 6px;padding:0 16px;border-radius:0;font-size:15px;line-height:1.1;letter-spacing:.3px;white-space:normal;text-align:center}
@media(max-width:600px){
 .bk-plate input.bk-reg,.bk-plate input.pw-term,.bk-plate input.bk-reg::placeholder,.bk-plate input.pw-term::placeholder{font-size:1.6rem;letter-spacing:1px}
 .bk-plate input.bk-reg,.bk-plate input.pw-term{padding:0 8px}
 .bk-plate .bk-btn{max-width:42%;padding:0 10px;font-size:13px;margin-right:6px}
}
@media(max-width:600px){.bk-plate input.pw-term::placeholder{font-size:1.25rem;letter-spacing:0}}
@media(max-width:600px){.bk-plate .bk-btn{max-width:36%;padding:0 8px;font-size:12px;letter-spacing:0;line-height:1.05}}
@media(max-width:380px){.bk-plate input.bk-reg,.bk-plate input.pw-term,.bk-plate input.bk-reg::placeholder{font-size:1.4rem;letter-spacing:.5px}.bk-plate .gb{flex-basis:40px}}

/* ===== CheckMOT redirect loader (24 Oct 2026, Gil 13:15 UK "Don't advertise someone else. Loader is basic")
   Full-screen, CheckMOT-only: white card, MOT Check logo, reg in the GB plate, step ticks, blue->orange progress bar.
   The old in-box .bk-loading overlays are no longer shown. */
.bk-loading{display:none!important}
.cml{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;background:rgba(10,31,92,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .18s ease}
.cml[hidden]{display:none}
.cml.on{opacity:1}
.cml-card{position:relative;width:100%;max-width:410px;background:#fff;border-radius:22px;box-shadow:0 30px 70px #00103a66,0 0 0 1px #ffffff40;padding:26px 26px 18px;text-align:center;color:#0a1f5c;font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transform:translateY(14px) scale(.97);transition:transform .32s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}
.cml-card::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#003aff,#4b8eff 55%,#ffae4b)}
.cml.on .cml-card{transform:none}
.cml-logo{display:block;height:44px;width:auto;margin:4px auto 18px}
.cml-plate{display:flex;align-items:stretch;max-width:290px;margin:0 auto 16px;border:2px solid #1d232b;border-radius:8px;overflow:hidden;box-shadow:0 8px 18px #0a1f5c22}
.cml-plate[hidden],.cml-chip[hidden],.cml-note[hidden]{display:none}
.cml-plate .gb{flex:0 0 42px;background:#039 url(/img/eu-input.jpg) 50%/cover no-repeat}
.cml-reg{flex:1;background:#fff;color:#000;font:400 2.1rem/60px uknumberplate,monospace;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.cml-chip{display:inline-block;margin:0 auto 16px;padding:8px 16px;border-radius:999px;background:#eef3ff;color:#0a1f5c;font-weight:900;font-size:16px;letter-spacing:.3px}
.cml-title{margin:0 0 14px;font-size:20px;line-height:1.25;font-weight:900;color:#0a1f5c}
.cml-steps{list-style:none;margin:0 0 16px;padding:0;text-align:left}
.cml-steps li{display:flex;align-items:center;gap:12px;padding:7px 2px;font-size:15.5px;font-weight:700;color:#9aa3b8;transition:color .2s ease}
.cml-ic{position:relative;flex:0 0 24px;height:24px;border-radius:50%;background:#eef1f7;color:#fff;transition:background .2s ease}
.cml-ic svg{position:absolute;inset:3px;width:18px;height:18px;opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .25s cubic-bezier(.2,.9,.3,1.4)}
.cml-sp{position:absolute;inset:0;border-radius:50%;border:3px solid #dbe4ff;border-top-color:#003aff;opacity:0;animation:cmlspin .7s linear infinite}
.cml-steps li.act{color:#0a1f5c}
.cml-steps li.act .cml-ic{background:#fff}
.cml-steps li.act .cml-sp{opacity:1}
.cml-steps li.done{color:#0a1f5c}
.cml-steps li.done .cml-ic{background:#1fa463}
.cml-steps li.done .cml-ic svg{opacity:1;transform:none}
.cml-bar{height:8px;border-radius:9px;background:#eef1f7;overflow:hidden}
.cml-bar i{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,#003aff,#4b8eff 60%,#ffae4b);position:relative;overflow:hidden}
.cml-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:translateX(-100%);animation:cmlshine 1s ease-in-out infinite}
.cml-note{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:#fff6e8;color:#7a4b00;font-size:14px;font-weight:700;line-height:1.35}
.cml-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12.5px;color:#6b7280;font-weight:700}
.cml-safe svg{width:13px;height:13px;color:#1fa463}
@keyframes cmlspin{to{transform:rotate(360deg)}}
@keyframes cmlshine{to{transform:translateX(100%)}}
@media(max-width:380px){.cml-card{padding:22px 18px 16px}.cml-reg{font-size:1.8rem}.cml-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cml,.cml-card,.cml-ic svg{transition:none}.cml-bar i::after{animation:none}}

/* compact TEST SITE banner on phones (Gil's layout audit 24 Oct 2026) */
@media (max-width:600px){.test-banner{padding:2px 30px!important;font-size:11px!important;line-height:14px!important}.test-banner .tb-long{display:none!important}.tb-x{height:18px!important;width:28px!important;font-size:16px!important;right:2px!important}}

/* EV Checker menu item (24 Oct 2026): one more top-level link, so tighten desktop nav spacing to keep one row */
@media (min-width:1025px){.site-header .nav>a,.site-header .nav>details>summary{padding-left:5px;padding-right:5px}.site-header .nav>a.nav-ev{color:#003aff}}