@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700;800&family=Inter:wght@300;400;500;600&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--orange:#FF4100;--blue:#69B1F3;--black:#111;--border:#e5e5e5;--muted:#888;--bg:#fff;--surface:#f7f7f7}
body{background:var(--bg);color:var(--black);font-family:'Inter',sans-serif;min-height:100vh}
a{text-decoration:none;color:inherit}
nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0.8rem 2rem;border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50}
.cxrow{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;gap:16px;padding:0 2rem}
.minibar{font-size:0.78rem;border-bottom:1px solid var(--border);background:#fff;padding:0.35rem 0}
.minibar-tag{font-weight:600;color:#111;white-space:nowrap}
.minibar-orange{color:var(--orange)}
.minibar-trust{color:#555;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.minibar-slot{justify-self:end}
nav.hdr{display:block;padding:0.8rem 0}
.hdr-search{display:flex;align-items:center;gap:8px;height:42px;border:1.5px solid var(--border);border-radius:9px;padding:0 12px;min-width:0;background:#fff;margin:0}
.hdr-search:focus-within{border-color:var(--orange)}
.hdr-search input{border:none;outline:none;flex:1;font-family:'Inter',sans-serif;font-size:0.88rem;min-width:0;background:transparent}
.hdr-slot{justify-self:end}
.layout{display:grid;grid-template-columns:1fr 3fr 1fr;gap:16px;max-width:1440px;margin:0 auto;align-items:start;padding:0 2rem}
.content{min-width:0}
.rail{min-height:1px}
.sidebar{padding:1.25rem 0;position:sticky;top:76px}
.sb-acc{display:none}
.sb-plate{display:flex;align-items:stretch;height:40px;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}
.sb-plate:focus-within{border-color:var(--orange)}
.sb-gb{background:var(--orange);color:#fff;display:flex;align-items:center;padding:0 9px;font-size:0.7rem;font-weight:800}
#sb-reg{border:none;outline:none;flex:1;min-width:0;padding:0 10px;font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--black)}
#sb-reg::placeholder{letter-spacing:0.03em;font-weight:400;color:#aaa;font-size:0.75rem}
.sb-find{width:100%;margin-top:0.4rem;padding:0.6rem;background:var(--black);color:#fff;border:none;border-radius:9px;font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:600;cursor:pointer}
.sb-find:hover{background:#333}
.sb-or{font-size:0.72rem;color:#999;text-align:center;margin:0.7rem 0 0.45rem}
.sb-select{width:100%;margin-bottom:0.4rem;padding:0.55rem 0.7rem;border:1.5px solid var(--border);border-radius:9px;font-family:'Inter',sans-serif;font-size:0.83rem;background:#fff;outline:none;appearance:auto}
.sb-go{width:100%;padding:0.6rem;background:var(--orange);color:#fff;border:none;border-radius:9px;font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:600;cursor:pointer}
.sb-go:hover{opacity:0.9}
.sb-loading{font-size:0.75rem;color:#F59E0B;margin-top:0.4rem}
.sb-err{font-size:0.75rem;color:#D6423A;margin-top:0.4rem}
.sb-vcard{border:1.5px solid var(--border);border-radius:12px;padding:0.9rem;background:#fff}
.sb-vplate{display:inline-block;border:1.5px solid #111;border-radius:6px;padding:0.1rem 0.45rem;font-weight:700;font-size:0.75rem;letter-spacing:1.5px}
.sb-vtitle{font-family:'Barlow',sans-serif;font-weight:800;font-size:1.02rem;letter-spacing:-0.2px;margin-top:0.45rem;color:#111}
.sb-vspecs{color:#666;font-size:0.78rem;margin-top:0.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:0.3rem}
.sb-fuel{color:#fff;border-radius:5px;padding:0.1rem 0.5rem;font-size:0.7rem;font-weight:700;line-height:1.45}
.sb-dot{color:#bbb}
.sb-vstatus{color:#999;font-size:0.68rem;margin-top:0.15rem;margin-bottom:0.6rem}
.sb-vwhich{font-size:0.78rem;font-weight:600;color:#111;margin:0.5rem 0 0.4rem}
.sb-chips{display:flex;flex-wrap:wrap;gap:0.3rem}
.sb-chip{padding:0.35rem 0.6rem;border:1.5px solid var(--border);border-radius:7px;background:#fff;font-family:'Inter',sans-serif;font-size:0.76rem;font-weight:600;color:#111;cursor:pointer}
.sb-chip:hover{border-color:var(--orange)}
.sb-vchange{color:#888;font-size:0.7rem;margin-top:0.6rem;cursor:pointer;text-decoration:underline}
.ukplate{display:inline-flex;align-items:stretch;border-radius:6px;overflow:hidden;border:1px solid #999;box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}
.ukplate .band{background:#003399;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 5px}
.ukplate .band.ev-band{background:#00A650}
.ukplate .band svg{display:block}
.ukplate .band b{color:#fff;font-size:9px;font-weight:700;line-height:1;font-family:Arial,sans-serif}
.ukplate .num{background:#FCD116;color:#111;display:flex;align-items:center;padding:0.15rem 12px;font-family:'Arial Black','Barlow',sans-serif;font-weight:900;letter-spacing:2px;font-size:1.15rem}
.ukplate.sm .num{font-size:0.8rem;letter-spacing:1.5px;padding:0.1rem 8px}
.ukplate.sm .band{padding:0 4px}
.ukplate.sm .band b{font-size:7px}
.vp-content{padding:1.25rem 0}
.vp{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.vp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:1.1rem 1.2rem;border-bottom:1px solid #eee;background:#fafaf9;flex-wrap:wrap}
.vp-plate{display:inline-block;border:1.5px solid #111;border-radius:6px;padding:0.15rem 0.6rem;font-weight:700;font-size:0.82rem;letter-spacing:2px}
.vp-title{font-family:'Barlow',sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:-0.5px;margin:0.35rem 0 0.2rem;color:#111}
.vp-sub{display:flex;align-items:center;gap:0.4rem;color:#666;font-size:0.88rem;flex-wrap:wrap}
.vp-fuel{color:#fff;border-radius:5px;padding:0.12rem 0.55rem;font-size:0.72rem;font-weight:700}
.vp-status{text-align:right}
.vp-pill{display:inline-block;border-radius:6px;padding:0.2rem 0.65rem;font-size:0.74rem;font-weight:700;margin-left:0.3rem}
.vp-pill.ok{background:#EAF6EE;color:#15803D}
.vp-pill.warn{background:#FBEAE8;color:#D6423A}
.vp-dues{color:#999;font-size:0.72rem;margin-top:0.4rem}
.vp-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-bottom:1px solid #eee}
.vp-spec{padding:0.75rem 1.2rem;border-right:1px solid #f0f0f0}
.vp-spec:last-child{border-right:none}
.vp-spec span{font-size:0.66rem;color:#999;text-transform:uppercase;letter-spacing:0.5px;display:block}
.vp-spec b{font-size:0.95rem;color:#111}
.vp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-bottom:1px solid #eee}
.vp-fact{padding:0.85rem 1.2rem;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;gap:0.15rem}
.vp-fact:last-child{border-right:none}
.vp-fact-label{font-size:0.66rem;color:#999;text-transform:uppercase;letter-spacing:0.5px}
.vp-fact-value{font-family:'Barlow',sans-serif;font-weight:800;font-size:1.15rem;color:#111}
.vp-fact-value.good{color:#15803D}
.vp-fact-value.bad{color:#D6423A}
.vp-fact-sub{font-size:0.72rem;color:#888}
@media(max-width:700px){.vp-facts{grid-template-columns:1fr}.vp-fact{border-right:none;border-bottom:1px solid #f0f0f0}.vp-fact:last-child{border-bottom:none}}
.vp-actions{display:flex;gap:10px;flex-wrap:wrap;padding:1rem 1.2rem;align-items:center}
.vp-warn{margin:0 1.2rem 1rem;padding:0.75rem 1rem;background:#FBEAE8;color:#8A2A20;border:1px solid #F3C9C3;border-radius:9px;font-size:0.85rem}
.vp-mot{padding:0 1.2rem 1.2rem;border-top:1px solid #eee}
.vp-mot h3{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.5px;color:#999;margin:1rem 0 0.6rem}
.vp-mot-count{font-weight:400;text-transform:none;letter-spacing:0;color:#bbb;margin-left:0.4rem}
.vp-mot-test{border-bottom:1px solid #f4f4f4;padding:0.5rem 0}
.vp-mot-row{display:flex;align-items:center;gap:1rem;font-size:0.86rem}
.vp-mot-date{min-width:105px}
.vp-mot-mi{color:#666;min-width:85px}
.vp-mot-result{font-weight:800;font-size:0.78rem;margin-left:auto}
.vp-mot-result.pass{color:#15803D}
.vp-mot-result.fail{color:#D6423A}
.vp-mot-defects{margin-top:0.35rem}
.vp-defect{font-size:0.76rem;color:#777;padding:0.15rem 0 0.15rem 0.5rem;border-left:2px solid #eee;margin:0.15rem 0}
.vp-defect .vp-def-type{font-weight:700;text-transform:uppercase;font-size:0.64rem;letter-spacing:0.5px;margin-right:0.45rem}
.vp-def-danger{border-left-color:#D6423A}
.vp-def-danger .vp-def-type{color:#D6423A}
.vp-def-major{border-left-color:#D97706}
.vp-def-major .vp-def-type{color:#D97706}
.vp-def-minor{border-left-color:#d5d5d5}
.vp-mot-more summary{cursor:pointer;font-size:0.8rem;color:#2563EB;padding:0.5rem 0}
.vp-mi-edit{font-size:0.72rem;color:#2563EB;text-decoration:underline}
.vp-mi-src{font-size:0.72rem;color:#999}
.vp-cta{background:var(--orange);color:#fff;border-radius:9px;padding:0.65rem 1.2rem;font-weight:600;font-size:0.88rem;text-decoration:none}
.vp-cta:hover{opacity:0.92}
.vp-chip{border:1.5px solid var(--border);border-radius:9px;padding:0.6rem 0.95rem;font-weight:600;font-size:0.82rem;color:#111;text-decoration:none;background:#fff}
.vp-chip:hover{border-color:var(--orange)}
@media(max-width:860px){.vp-status{text-align:left}}
@media(max-width:860px){
.cxrow{grid-template-columns:1fr;row-gap:8px;padding:0 1rem}
.minibar-trust,.minibar-slot{display:none}
nav.hdr{padding:0.7rem 0}
.hdr-slot{display:none}
.layout{display:block;padding:0}
.rail{display:none}
.sidebar{position:static;padding:0.75rem 1rem;border-bottom:1px solid var(--border)}
.sb-acc{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.65rem 0.9rem;background:#fff;border:1.5px solid var(--border);border-radius:9px;font-family:'Inter',sans-serif;font-size:0.88rem;font-weight:600;color:#111;cursor:pointer}
.sb-acc.open{border-color:var(--orange)}
.sb-body{display:none;margin-top:0.75rem}
.sb-body.open{display:block}
}
}
.logo{font-size:1.1rem;font-weight:700;letter-spacing:-0.5px;color:var(--black)}
.logo em{color:var(--orange);font-style:normal}
.nav-links{display:flex;align-items:center;gap:1.5rem}
.nav-link{font-size:0.78rem;font-weight:500;color:var(--muted);letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;transition:color 0.15s}
.nav-link:hover{color:var(--black)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0.5rem 1.1rem;border-radius:100px;font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.15s;border:none}
.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--black)}.btn-outline:hover{border-color:var(--black)}
.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:#e03800}
.btn-dark{background:var(--black);color:#fff}.btn-dark:hover{background:#333}
.pill-tag{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(105,177,243,0.08);border:1px solid rgba(105,177,243,0.25);border-radius:100px;padding:0.3rem 0.85rem;margin-bottom:1.75rem}
.pill-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;display:inline-block}
.pill-text{font-size:0.75rem;color:#1a6bb5;font-weight:500;letter-spacing:0.04em}
.section-header{text-align:center;padding:3.5rem 1.5rem 2.5rem}
h1.display{font-family:'Barlow',sans-serif;font-size:4.25rem;font-weight:800;line-height:1.05;color:var(--black);letter-spacing:-2px;margin-bottom:1.25rem}
h1.display .accent{color:var(--orange)}
h2.display{font-family:'Barlow',sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1;color:var(--black);letter-spacing:-1px;margin-bottom:0.75rem}
.subtitle{font-size:1rem;color:var(--muted);font-weight:300;max-width:440px;line-height:1.7;margin:0 auto}
.plate-form{max-width:520px;margin:0 auto}
.plate-input-wrap{display:flex;gap:0;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1rem;transition:border-color 0.15s}
.plate-input-wrap:focus-within{border-color:var(--orange)}
.plate-badge{background:var(--orange);padding:0 1rem;display:flex;align-items:center;justify-content:center;min-width:52px;flex-shrink:0}
.plate-badge span{font-size:0.65rem;font-weight:700;color:#fff;letter-spacing:0.1em}
.plate-input{background:transparent;border:none;color:var(--black);font-family:'Inter',sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:0.2em;padding:0.9rem 1rem;flex:1;outline:none;text-transform:uppercase}
.plate-input::placeholder{letter-spacing:0.05em;font-weight:400;font-size:0.95rem;color:#aaa}
.plate-btn{background:var(--black);padding:0 1.5rem;display:flex;align-items:center;cursor:pointer;flex-shrink:0;transition:background 0.15s}
.plate-btn:hover{background:#333}
.plate-btn span{font-size:0.82rem;font-weight:600;color:#fff;white-space:nowrap}
.or-text{font-size:0.82rem;color:#aaa;text-align:center;margin-bottom:1.5rem}
.or-link{color:var(--orange);cursor:pointer;font-weight:500}
.or-link:hover{text-decoration:underline}
.cat-buttons{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center}
.cat-btn{padding:0.55rem 1.1rem;border:1.5px solid var(--black);border-radius:100px;font-size:0.82rem;font-weight:600;color:var(--black);cursor:pointer;background:#fff;transition:all 0.15s;text-decoration:none}
.cat-btn:hover,.cat-btn.active{background:var(--black);color:#fff}
.partner-bar{border-top:1px solid var(--border);padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem;justify-content:center;flex-wrap:wrap}
.partner-label{font-size:0.7rem;color:#ccc;text-transform:uppercase;letter-spacing:0.1em;white-space:nowrap}
.partner-name{font-size:0.82rem;font-weight:600;color:#ccc}
.msg-bar{padding:0.85rem 1.25rem;border-radius:10px;font-size:0.875rem;margin-top:0.75rem}
.msg-bar.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}
.msg-bar.loading{background:#fff7ed;color:#92400e;border:1px solid #fed7aa}
.msg-bar.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.result-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color 0.15s;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.result-card:hover{border-color:var(--orange)}
.result-img-wrap{height:160px;background:var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.result-img-wrap img{max-height:140px;max-width:90%;object-fit:contain}
.result-img-placeholder{font-size:0.75rem;color:#aaa;text-align:center;padding:1rem}
.result-body{padding:1rem;flex:1;display:flex;flex-direction:column}
.result-merchant{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.35rem}
.result-name{font-size:0.9rem;font-weight:600;margin-bottom:0.25rem;line-height:1.4;flex:1}
.result-brand{font-size:0.78rem;color:var(--muted);margin-bottom:0.5rem}
.result-footer{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--border)}
.result-price{font-size:1.2rem;font-weight:700;color:var(--black)}
.result-stock{font-size:0.72rem;font-weight:500}
.result-stock.in{color:#16a34a}.result-stock.out{color:#dc2626}
.buy-btn{background:var(--orange);color:#fff;padding:0.4rem 0.9rem;border-radius:100px;font-size:0.78rem;font-weight:600}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.75rem}
.results-count{font-size:0.875rem;color:var(--muted)}
.sort-select{padding:0.4rem 0.75rem;border:1px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:0.82rem;outline:none;cursor:pointer;background:#fff}
.merchant-filters{display:flex;gap:0.5rem;margin-bottom:1.25rem;flex-wrap:wrap}
.merchant-chip{padding:0.35rem 0.85rem;border:1px solid var(--border);border-radius:100px;font-size:0.78rem;cursor:pointer;transition:all 0.15s;background:#fff}
.merchant-chip.active{background:var(--black);border-color:var(--black);color:#fff;font-weight:500}
.empty{text-align:center;padding:4rem 1.5rem;color:var(--muted)}
.empty h3{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:0.5rem}
.vehicle-banner{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.vehicle-banner-info h3{font-size:0.95rem;font-weight:600;margin-bottom:0.2rem}
.vehicle-banner-info p{font-size:0.8rem;color:var(--muted)}
.vehicle-reg-badge{font-family:monospace;font-size:1rem;font-weight:700;background:var(--orange);color:#fff;padding:0.25rem 0.75rem;border-radius:6px}
.change-link{font-size:0.78rem;color:var(--orange);cursor:pointer;font-weight:500}
.change-link:hover{text-decoration:underline}
.content{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}
.page-header{padding:2.5rem 1.5rem 2rem;border-bottom:1px solid var(--border);background:#fff}
.page-header-inner{max-width:1100px;margin:0 auto}
.back-link{font-size:0.82rem;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:0.4rem;margin-bottom:1rem;transition:color 0.15s}
.back-link:hover{color:var(--black)}
.category-icon{font-size:1.5rem;margin-bottom:0.5rem;display:block}
.mini-search{display:flex;gap:0;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;overflow:hidden;max-width:360px;transition:border-color 0.15s}
.mini-search:focus-within{border-color:var(--orange)}
.mini-badge{background:var(--orange);padding:0 0.75rem;display:flex;align-items:center;justify-content:center;min-width:42px}
.mini-badge span{font-size:0.6rem;font-weight:700;color:#fff;letter-spacing:0.1em}
.mini-input{background:transparent;border:none;color:var(--black);font-family:'Inter',sans-serif;font-size:0.9rem;font-weight:600;letter-spacing:0.15em;padding:0.65rem 0.75rem;flex:1;outline:none;text-transform:uppercase}
.mini-input::placeholder{letter-spacing:0;font-weight:400;font-size:0.85rem;color:#aaa}
.mini-btn{background:var(--black);padding:0 1rem;display:flex;align-items:center;cursor:pointer;transition:background 0.15s}
.mini-btn:hover{background:#333}
.mini-btn span{font-size:0.78rem;font-weight:600;color:#fff;white-space:nowrap}
footer{border-top:1px solid var(--border);padding:1.5rem 2rem;text-align:center;font-size:0.78rem;color:#ccc}
.site-footer{background:#281812;color:#fff;padding:3rem 0 1.5rem;font-family:'Inter',sans-serif}.site-footer .site-footer-col,.site-footer .site-footer-col h4,.site-footer .site-footer-col a,.site-footer .site-footer-brand{text-align:left !important}
.site-footer-inner{max-width:1440px;margin:0 auto;padding:0 2rem}
.site-footer-grid{display:grid;grid-template-columns:1fr 0.75fr 0.75fr 0.75fr 0.75fr 1fr;gap:16px;margin-bottom:3rem}
.site-footer-brand .logo{font-size:1.25rem;font-weight:800;margin-bottom:0.75rem;display:block;color:#fff}.site-footer-brand .logo em{color:#FF4100}
.site-footer-brand p{font-size:0.82rem;color:#888;line-height:1.7;max-width:220px;margin-bottom:1rem;text-align:left}
.site-footer-slogan{font-size:0.82rem;font-style:italic;font-weight:700}
.site-footer-slogan .s-orange{color:#FF4100}
.site-footer-slogan .s-white{color:#fff}
.site-footer-col h4{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin-bottom:1rem}
.site-footer-col a{display:block;font-size:0.82rem;color:#888;text-decoration:none;margin-bottom:0.6rem;transition:color 0.15s}
.site-footer-col a:hover{color:#FF4100}
.site-footer-col a.social-link{display:flex;align-items:center;gap:0.5rem}
.site-footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.site-footer-bottom p{font-size:0.75rem;color:#fff}.social-links{display:flex;align-items:center;gap:1.25rem}.social-links .social-link{display:flex;align-items:center;gap:0.4rem;font-size:0.78rem;color:#888;text-decoration:none;transition:color 0.15s}.social-links .social-link:hover{color:#FF4100}
@media(max-width:700px){.site-footer-grid{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1 / -1}.site-footer-slot{display:none}}
@media(max-width:700px){nav{padding:1rem}.nav-links .nav-link{display:none}h1.display{font-size:2.75rem}.content{padding:1.5rem 1rem}}