:root{--color-primary-50:#eaf1fc;--color-primary-100:#cfddf5;--color-primary-500:#1b4f9c;--color-primary-700:#163f80;--color-primary-900:#0e2a57;--color-accent-50:#fff1e3;--color-accent-200:#ffc285;--color-accent-500:#f57c00;--color-accent-700:#b34700;--color-clay-500:#c2570a;--color-ink:#111827;--color-ink-muted:#4b5563;--color-ink-subtle:#5b6472;--color-disabled:#8a93a0;--color-border:#dce2ea;--color-border-strong:#bac3d0;--color-bg:#f5f7fa;--color-surface:#fff;--color-surface-alt:#edf1f6;--color-success:#1f7a3a;--color-success-bg:#e7f5ea;--color-success-ink:#14602b;--color-warning:#f5a81c;--color-warning-bg:#fff1d6;--color-warning-ink:#7a4b00;--color-error:#b42318;--color-error-bg:#fdecea;--color-error-ink:#b42318;--color-info:#0b6e7f;--color-info-bg:#e2f4f6;--color-info-ink:#0b6e7f;--color-focus:#0b6e7f;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:12px;--lh-xs:16px;--text-sm:14px;--lh-sm:20px;--text-base:16px;--lh-base:24px;--text-lg:18px;--lh-lg:26px;--text-xl:22px;--lh-xl:28px;--text-2xl:28px;--lh-2xl:34px;--weight-regular:400;--weight-medium:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--page-gutter:16px;--tap-min:48px;--control-h:48px;--control-h-lg:56px;--topbar-h:56px;--bottomnav-h:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-1:0 1px 2px #11182714;--shadow-2:0 2px 8px #1118271a;--shadow-3:0 -4px 20px #11182729;--dur-fast:.12s;--dur-base:.2s;--ease:cubic-bezier(.2,.7,.2,1);--brand-strip:repeating-linear-gradient(90deg, var(--color-accent-500) 0 14px, var(--color-primary-700) 14px 28px, var(--color-primary-100) 28px 36px, var(--color-ink) 36px 42px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);color:var(--color-ink);background:var(--color-bg);margin:0}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary-500)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}html{background:#dfe5ec}.kente{background:var(--brand-strip);height:6px}:where(.app) a{color:inherit;text-decoration:none}body.app,.app{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.page{padding:var(--space-4) var(--page-gutter) var(--space-8);gap:var(--space-5);flex-direction:column;flex:1;display:flex}.page.has-cta{padding-bottom:var(--space-6)}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.i-sm{width:18px;height:18px}.i-lg{width:32px;height:32px}.row{align-items:center;gap:var(--space-3);display:flex}.row.between{justify-content:space-between}.stack{gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--color-ink-muted)}.subtle{color:var(--color-ink-subtle)}.t-xs{font-size:var(--text-xs);line-height:var(--lh-xs)}.t-sm{font-size:var(--text-sm);line-height:var(--lh-sm)}.t-lg{font-size:var(--text-lg);line-height:var(--lh-lg)}.t-xl{font-size:var(--text-xl);line-height:var(--lh-xl)}.t-2xl{font-size:var(--text-2xl);line-height:var(--lh-2xl)}.b{font-weight:var(--weight-bold)}.m{font-weight:var(--weight-medium)}.price{font-weight:var(--weight-bold);white-space:nowrap;font-variant-numeric:tabular-nums}.price .was{font-weight:400;font-size:var(--text-sm);color:var(--color-ink-subtle);margin-left:6px;text-decoration:line-through}.section-title{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:var(--weight-bold)}.section-head{justify-content:space-between;align-items:center;min-height:32px;display:flex}.link{color:var(--color-primary-500);font-weight:var(--weight-medium);min-height:var(--tap-min);align-items:center;text-decoration:none;display:inline-flex}.topbar{z-index:5;height:var(--topbar-h);align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--page-gutter);background:var(--color-primary-500);color:#fff;display:flex;position:sticky;top:0}.topbar.is-light{background:var(--color-surface);color:var(--color-ink);border-bottom:1px solid var(--color-border)}.topbar .title{font-size:var(--text-lg);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.topbar .brand{font-weight:800;font-size:var(--text-lg);letter-spacing:-.2px;flex:1;align-items:center;gap:8px;display:flex}.brand-mark{background:var(--color-accent-500);width:32px;height:32px;color:var(--color-ink);border-radius:10px;place-items:center;display:grid}.icon-btn{width:var(--tap-min);height:var(--tap-min);color:inherit;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;place-items:center;text-decoration:none;display:grid;position:relative}.icon-btn .dot{background:var(--color-accent-500);min-width:20px;height:20px;color:var(--color-ink);border:2px solid var(--color-primary-500);border-radius:10px;place-items:center;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;top:6px;right:4px}.loc-chip{border-radius:var(--radius-pill);color:#fff;min-height:40px;font-size:var(--text-sm);background:#ffffff29;align-items:center;gap:4px;padding:0 10px;font-weight:600;display:inline-flex}.brand-strip{background:var(--brand-strip);height:6px}.bottomnav{z-index:5;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-3);display:flex;position:sticky;bottom:0}.bottomnav a{min-width:48px;color:var(--color-ink-muted);font-size:var(--text-xs);line-height:var(--lh-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex;position:relative}.bottomnav a[aria-current=page]{color:var(--color-primary-500)}.bottomnav a[aria-current=page]:before{content:"";background:var(--color-primary-500);border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:0}.bottomnav .count{background:var(--color-error);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid;position:absolute;top:6px;left:calc(50% + 6px)}.ctabar{z-index:5;gap:var(--space-3);padding:var(--space-3) var(--page-gutter) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-3);align-items:center;display:flex;position:sticky;bottom:0}.ctabar .sum{flex-direction:column;line-height:1.2;display:flex}.btn{min-height:var(--control-h);min-width:var(--tap-min);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-primary-500);color:#fff}.btn-primary:active{background:var(--color-primary-700)}.btn-accent{background:var(--color-accent-500);color:var(--color-ink)}.btn-secondary{background:var(--color-surface);color:var(--color-primary-500);border-color:var(--color-primary-500)}.btn-ghost{color:var(--color-primary-500);background:0 0}.btn-danger{background:var(--color-error);color:#fff}.btn-danger-outline{background:var(--color-surface);color:var(--color-error);border-color:var(--color-error)}.btn-block{width:100%}.btn-lg{min-height:var(--control-h-lg);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn[disabled],.btn.is-disabled{background:var(--color-surface-alt);color:var(--color-disabled);cursor:not-allowed;border-color:#0000}.btn.is-loading:after{content:"";border:3px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;display:flex}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:0 var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-ink);align-items:center;gap:8px;display:flex}.input::placeholder,.textarea::placeholder{color:var(--color-ink-subtle)}.input:focus-within,.input.is-focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.input.is-error{border-color:var(--color-error);background:var(--color-error-bg)}.input .prefix{color:var(--color-ink-muted);border-right:1.5px solid var(--color-border);align-items:center;height:28px;padding-right:8px;font-weight:600;display:inline-flex}.input .ph-text{color:var(--color-ink-subtle)}.input .v{flex:1}.textarea{min-height:88px;padding:var(--space-3) var(--space-4);align-items:flex-start}.help{font-size:var(--text-sm);color:var(--color-ink-muted)}.err{font-size:var(--text-sm);color:var(--color-error);gap:6px;font-weight:600;display:flex}.search{min-height:52px;padding:0 var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);color:var(--color-ink-subtle);align-items:center;gap:10px;display:flex}.search .v{color:var(--color-ink);flex:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-1)}.card.flush{padding:0;overflow:hidden}.card.tone-primary{background:var(--color-primary-50);border-color:var(--color-primary-100)}.card.tone-warn{background:var(--color-warning-bg);border-color:#f0d8a0}.card.tone-info{background:var(--color-info-bg);border-color:#b7dde2}.divider{background:var(--color-border);border:0;height:1px;margin:0}.list-row{align-items:center;gap:var(--space-3);min-height:var(--tap-min);display:flex}.kv{font-size:var(--text-base);justify-content:space-between;gap:12px;display:flex}.kv.total{font-size:var(--text-lg);border-top:1px dashed var(--color-border-strong);padding-top:8px;font-weight:700}.chips{gap:var(--space-2);margin:0 calc(var(--page-gutter) * -1);padding:2px 2px 6px;padding-left:var(--page-gutter);padding-right:var(--page-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.chips.wrap{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.chip{min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1.5px solid var(--color-border-strong);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.chip.is-selected{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.chip.is-filter{background:var(--color-surface-alt);border-color:#0000}.seg{border-radius:var(--radius-md);background:var(--color-surface-alt);gap:4px;padding:4px;display:flex}.seg>*{min-height:48px;font-weight:600;font-size:var(--text-sm);color:var(--color-ink-muted);text-align:center;border-radius:9px;flex:1;place-items:center;display:grid;position:relative}.seg>.on{background:var(--color-surface);color:var(--color-primary-700);box-shadow:var(--shadow-1)}.badge{border-radius:var(--radius-pill);height:24px;font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-weight:700;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success-ink)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-ink)}.badge-error{background:var(--color-error-bg);color:var(--color-error-ink)}.badge-info{background:var(--color-info-bg);color:var(--color-info-ink)}.badge-neutral{background:var(--color-surface-alt);color:var(--color-ink-muted)}.badge-primary{background:var(--color-primary-500);color:#fff}.badge .i{stroke-width:2.5px;width:14px;height:14px}.ph{border-radius:var(--radius-md);color:#ffffffeb;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.ph svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.ph-a{background:linear-gradient(135deg,#1b4f9c,#0e2a57)}.ph-b{background:linear-gradient(135deg,#d2670a,#7a3604)}.ph-c{background:linear-gradient(135deg,#3b6bb0,#1c3358)}.ph-d{background:linear-gradient(135deg,#0b6e7f,#064652)}.ph-e{background:linear-gradient(135deg,#5b6472,#232a36)}.ph.sq{width:96px;height:96px}.ph.sq-sm{width:72px;height:72px}.ph.hero{border-radius:0;width:100%;height:240px}.ph.hero svg{width:40%;height:40%}.pcard{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;display:flex}.pcard .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.pcard .name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:22px;display:-webkit-box;overflow:hidden}.pcard.v{flex-direction:column;flex:none;width:156px}.pcard.v .ph{width:100%;height:108px}.hscroll{gap:var(--space-3);margin:0 calc(var(--page-gutter) * -1);padding:2px var(--page-gutter) 6px;scrollbar-width:none;display:flex;overflow-x:auto}.cat-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.cat{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);min-height:84px;color:var(--color-ink);font-size:var(--text-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-weight:600;line-height:14px;text-decoration:none;display:flex}.cat .ico{background:var(--color-primary-50);width:40px;height:40px;color:var(--color-primary-700);border-radius:12px;place-items:center;display:grid}.svc{padding:var(--space-4);border-radius:var(--radius-lg);flex-direction:column;gap:6px;min-height:112px;text-decoration:none;display:flex}.svc.mech{background:var(--color-accent-500);color:var(--color-ink)}.svc.tow{background:var(--color-primary-700);color:#fff}.svc .ico{background:#ffffff47;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.svc.tow .ico{background:#ffffff29}.vehicle-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1.5px solid var(--color-primary-100);min-height:64px;display:flex}.vehicle-card .ico{background:var(--color-primary-50);width:40px;height:40px;color:var(--color-primary-700);border-radius:12px;place-items:center;display:grid}.qty{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;display:inline-flex}.qty button{width:48px;height:48px;color:var(--color-primary-500);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.qty span{text-align:center;min-width:32px;font-weight:700}.toggle{background:var(--color-border-strong);border-radius:16px;flex:none;width:56px;height:32px;position:relative}.toggle:after{content:"";width:24px;height:24px;box-shadow:var(--shadow-1);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.toggle.on{background:var(--color-primary-500)}.toggle.on:after{left:28px}.toggle-row{min-height:var(--tap-min);justify-content:space-between;align-items:center;gap:12px;display:flex}.radio-card{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);display:flex}.radio-card.is-selected{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-500) inset}.radio{border:2px solid var(--color-border-strong);background:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.is-selected .radio{border-color:var(--color-primary-500)}.is-selected .radio:after{content:"";background:var(--color-primary-500);border-radius:50%;width:12px;height:12px}.check{border:2px solid var(--color-border-strong);color:#fff;background:#fff;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.check.on{background:var(--color-primary-500);border-color:var(--color-primary-500)}.momo{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.momo.mtn{color:#1b1410;background:#fc0}.momo.tcl{color:#fff;background:#c8102e}.momo.atg{color:#fff;background:#0b5e8a}.momo.cod{background:var(--color-surface-alt);color:var(--color-ink)}.stepper{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stepper li{gap:var(--space-3);padding-bottom:var(--space-5);min-height:48px;display:flex;position:relative}.stepper li:last-child{padding-bottom:0}.stepper li:before{content:"";background:var(--color-border-strong);width:2px;position:absolute;top:26px;bottom:2px;left:11px}.stepper li:last-child:before{display:none}.stepper li.done:before{background:var(--color-primary-500)}.stepper .node{border:2px solid var(--color-border-strong);color:#fff;background:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.stepper .done .node{background:var(--color-primary-500);border-color:var(--color-primary-500)}.stepper .now .node{border-color:var(--color-primary-500);box-shadow:0 0 0 5px var(--color-primary-100);background:#fff}.stepper .now .node:after{content:"";background:var(--color-primary-500);border-radius:50%;width:10px;height:10px}.stepper .node .i{stroke-width:3px;width:14px;height:14px}.stepper .txt{flex-direction:column;display:flex}.stepper .txt b{line-height:24px}.stepper .upcoming b{color:var(--color-ink-subtle);font-weight:600}.steps-h{gap:6px;display:flex}.steps-h i{background:var(--color-border);border-radius:3px;flex:1;height:6px}.steps-h i.on{background:var(--color-primary-500)}.sheet{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);padding:var(--space-3) var(--page-gutter) var(--space-6)}.sheet .grab{background:var(--color-border-strong);width:40px;height:4px;margin:0 auto var(--space-4);border-radius:2px}.toast{gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-ink);color:#fff;box-shadow:var(--shadow-2);align-items:center;display:flex}.empty{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.empty .art{background:var(--color-primary-50);width:96px;height:96px;color:var(--color-primary-500);border-radius:50%;place-items:center;display:grid}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, #e3e9f1 37%, var(--color-surface-alt) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.stats{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex-direction:column;gap:2px;min-height:88px;display:flex}.stat .n{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:28px}.stat.hl{background:var(--color-primary-700);color:#fff;border-color:#0000}.stat.hl .muted{color:#d4e2f7}.bars{align-items:flex-end;gap:8px;height:96px;display:flex}.bars>div{height:100%;font-size:var(--text-xs);color:var(--color-ink-muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.bars i{background:var(--color-primary-100);border-radius:6px 6px 0 0;width:100%;display:block}.bars .hi i{background:var(--color-primary-500)}.avatar{background:var(--color-accent-50);width:44px;height:44px;color:var(--color-accent-700);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.rating{font-weight:700;font-size:var(--text-sm);align-items:center;gap:3px;display:inline-flex}.rating .i{width:16px;height:16px;fill:var(--color-accent-500);stroke:var(--color-accent-500)}.banner{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:flex-start;line-height:20px;display:flex}.banner.info{background:var(--color-info-bg);color:#084b57}.banner.ok{background:var(--color-success-bg);color:var(--color-success-ink)}.banner.warn{background:var(--color-warning-bg);color:var(--color-warning-ink)}.tabs{border-bottom:2px solid var(--color-border);margin:0 calc(var(--page-gutter) * -1);padding:0 var(--page-gutter);display:flex}.tabs a{min-height:48px;color:var(--color-ink-muted);font-weight:700;font-size:var(--text-sm);border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;margin-bottom:-2px;text-decoration:none;display:flex}.tabs a[aria-current=true]{color:var(--color-primary-700);border-color:var(--color-primary-500)}.upload{border-radius:var(--radius-md);border:2px dashed var(--color-border-strong);width:88px;height:88px;color:var(--color-primary-500);background:var(--color-surface);text-align:center;flex:none;place-items:center;gap:0;font-size:12px;font-weight:600;display:grid}.pcard.v .price .was{margin:0;display:block}a.list-row{color:inherit;text-decoration:none}.range{font-size:var(--text-xl);line-height:var(--lh-xl)}.loc-chip{min-height:var(--tap-min)}.link{min-width:var(--tap-min);justify-content:center}.toggle:before{content:"";position:absolute;inset:-8px -4px}.banner.demo{background:var(--color-warning-bg);color:var(--color-warning-ink);border:1px dashed #d9a94a}.overlay{z-index:20;background:#11182780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay .sheet{width:100%;max-width:480px;max-height:88vh;overflow:hidden}.qrow{align-items:center;gap:var(--space-2);display:flex}.qrow .input{min-height:var(--control-h);padding:0 12px}.qrow .lbl{flex:1;min-width:0}.qrow .amt{flex:none;width:132px}.qrow .kind{background:var(--color-primary-50);width:28px;height:28px;color:var(--color-primary-700);border-radius:8px;flex:none;place-items:center;display:grid}.qrow .kind.parts{background:var(--color-accent-50);color:var(--color-accent-700)}.qtotal{padding-top:var(--space-3);border-top:2px solid var(--color-ink);justify-content:space-between;align-items:baseline;font-weight:800;display:flex}.qline{border-bottom:1px dashed var(--color-border-strong);justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.opt{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.opt.is-selected{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:0 0 0 1px var(--color-primary-500) inset}.opt.is-disabled{background:var(--color-surface-alt);border-color:var(--color-border)}.opt.is-disabled .grow{color:var(--color-ink-subtle)}.ph.dim{filter:grayscale();opacity:.55}.statebox{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);background:0 0;flex-direction:column;display:flex}.statebox .cap{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:700}.spinner{border:6px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin}.result{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);flex-direction:column;display:flex}.result .big{border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.result .big.ok{background:var(--color-success);color:#fff}.result .big.bad{background:var(--color-error);color:#fff}.result .big .i{stroke-width:3px;width:36px;height:36px}.flowline{color:var(--color-ink-muted);font-size:var(--text-sm);justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.cardnum{letter-spacing:.08em;font-variant-numeric:tabular-nums}.tbl{flex-direction:column;display:flex}.tbl .tr{border-top:1px solid var(--color-border);font-size:var(--text-sm);grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;display:grid}.tbl .tr:first-child{border-top:0}.tbl .r{text-align:right}.scroll-hint{overflow-x:auto}.wordmark{letter-spacing:-.3px;flex-direction:column;font-weight:800;line-height:1;display:flex}.wordmark b{font-size:19px;font-weight:800}.wordmark small{letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-200);margin-top:3px;font-size:10px;font-weight:700}.brand-mark.mono{font-size:18px;font-weight:800}.topbar .brand .wordmark{margin-left:2px}.tagchip{letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:6px;flex:none;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.tag-labour{background:var(--color-info-bg);color:var(--color-info-ink)}.tag-part{background:var(--color-accent-50);color:var(--color-accent-700)}button.tagchip{cursor:pointer;border-radius:10px;justify-content:center;min-width:64px;min-height:48px}.stock{font-size:var(--text-xs);align-items:center;gap:4px;font-weight:700;display:inline-flex}.stock:before{content:"";background:var(--color-success);border-radius:50%;width:8px;height:8px}.stock.out{color:var(--color-error-ink)}.stock.out:before{background:var(--color-error)}.stock.in{color:var(--color-success-ink)}.eta{font-size:var(--text-sm);color:var(--color-ink-muted);align-items:center;gap:4px;display:inline-flex}.match-hint{font-size:var(--text-xs);color:var(--color-info-ink);background:var(--color-info-bg);border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.demo-strip{background:var(--color-warning-bg);color:var(--color-warning-ink);text-align:center;border-bottom:1px dashed #d9a94a;padding:6px 12px;font-size:12px;font-weight:700;line-height:16px}.receipt{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);box-shadow:var(--shadow-1);position:relative}.receipt:after{content:"";background:radial-gradient(circle at 6px 0, transparent 6px, var(--color-surface) 6.5px) 0 0/12px 6px repeat-x;height:6px;position:absolute;bottom:-6px;left:0;right:0}.receipt h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin:0 0 6px}.receipt .kv{font-size:var(--text-sm)}.receipt .kv.total{font-size:var(--text-lg)}.opt-row{gap:var(--space-2);display:flex}.input-el{width:100%;min-height:var(--control-h);padding:0 var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-ink)}.input-el:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}textarea.input-el{min-height:88px;padding:var(--space-3) var(--space-4);resize:none}.dim{opacity:.6}.timeline-mini{align-items:center;gap:4px;display:flex}.pending-ring{border:6px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;width:72px;height:72px;animation:1s linear infinite spin}.demo-strip{z-index:8;position:sticky;top:0}.topbar{top:29px}.stock.low{color:var(--color-warning-ink)}.stock.low:before{background:var(--color-warning)}.input-el[aria-invalid=true]{border-color:var(--color-error)}a.btn,button.btn{text-decoration:none}button.link{color:var(--color-primary-700);cursor:pointer;font-weight:600;font:inherit;background:0 0;border:0;padding:0}button.radio-card,button.pcard{text-align:left;width:100%;font:inherit;cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bottomnav a{text-decoration:none}.bottomnav a>span[aria-current]{display:contents}.hr{background:var(--color-border);border:0;height:1px;margin:0}.pending-note{text-align:center}.tbl-scroll{overflow-x:auto}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}.ctabar.above-nav{bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px))}.toast-wrap{z-index:30;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:96px;left:0;right:0}.shell,.shell-main,.search-layout,.filters,.results,.pd-grid,.pd-gal,.pd-info,.picker{display:contents}.parts-grid{flex-direction:column;gap:8px;display:flex}.cols,.col-main,.col-side,.with-panel,.wp-main,.settings-form,.list-grid-wrap{display:contents}.list-grid,.link-grid{gap:var(--space-3);flex-direction:column;display:flex}.card-foot{display:contents}@media (width>=1024px){:root{--page-gutter:32px;--topbar-h:64px}html{background:var(--color-bg)}body.app,.app{max-width:none}:focus-visible{outline-color:var(--color-focus)}.demo-strip{position:sticky;top:0}.topbar{background:var(--color-surface);height:64px;color:var(--color-ink);border-bottom:1px solid var(--color-border);gap:16px;padding:0 max(32px,50% - 568px);top:29px}.topbar .brand{flex:none}.topbar .wordmark small{color:var(--color-accent-700)}.topbar .grow{flex:1}.topbar .icon-btn:hover,.topbar .loc-chip:hover{background:var(--color-primary-50)}.topbar .icon-btn .dot{border-color:var(--color-surface)}.topbar .loc-chip{background:var(--color-primary-50);color:var(--color-primary-700);padding:0 14px}.kente{height:4px}.topsearch{background:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);max-width:520px;min-height:48px;color:var(--color-ink-subtle);flex:360px;align-items:center;gap:10px;margin-left:24px;padding:0 16px;display:flex}.topsearch:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);background:var(--color-surface)}.topsearch input{min-width:0;min-height:44px;font:inherit;color:var(--color-ink);background:0 0;border:0;outline:0;flex:1}.topnav{align-items:stretch;gap:4px;height:64px;display:flex}.topnav a{color:var(--color-ink-muted);border-top:3px solid #0000;border-bottom:3px solid #0000;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:flex}.topnav a:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.topnav a[aria-current=page]{color:var(--color-primary-700);border-bottom-color:var(--color-primary-500)}.shell{display:block}.shell.has-side{grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.shell-main{flex-direction:column;min-width:0;min-height:calc(100vh - 97px);display:flex}.sidenav{background:var(--color-surface);border-right:1px solid var(--color-border);height:calc(100vh - 97px);padding:16px 12px;position:sticky;top:97px}.sidenav nav{flex-direction:column;gap:4px;display:flex}.sidenav a{border-radius:var(--radius-md);min-height:48px;color:var(--color-ink-muted);border-left:3px solid #0000;align-items:center;gap:12px;padding:0 16px;font-weight:600;text-decoration:none;display:flex}.sidenav a:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.sidenav a[aria-current=page]{background:var(--color-primary-50);color:var(--color-primary-700);border-left-color:var(--color-primary-500)}.page{width:100%;max-width:1200px;padding:var(--space-8) 32px var(--space-10);gap:var(--space-6);margin:0 auto}.page.has-cta{padding-bottom:var(--space-8)}.desk-head{align-items:center;gap:16px;display:flex}.desk-head .btn{margin-left:-12px}.card:not(.flush){padding:20px}.ctabar,.ctabar.above-nav{justify-content:flex-end;padding:12px max(32px,50% - 568px);bottom:0;box-shadow:0 -2px 12px #11182714}.ctabar .btn.grow{flex:0 320px}.btn-primary:hover{background:var(--color-primary-700)}.btn-secondary:hover,.btn-ghost:hover{background:var(--color-primary-50)}.btn-accent:hover{filter:brightness(.95)}.btn-danger:hover{filter:brightness(.92)}.chip:hover{border-color:var(--color-primary-500)}.link:hover{text-decoration:underline}.pcard,.cat,.svc,.vehicle-card,.pick-card{transition:box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease)}.pcard:hover,.cat:hover{box-shadow:var(--shadow-2);border-color:var(--color-primary-500)}.svc:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.overlay{align-items:center;padding:24px}.overlay .sheet{border-radius:var(--radius-xl);padding-top:var(--space-6);box-shadow:0 12px 40px #11182747}.sheet .grab{display:none}.toast-wrap{justify-content:flex-end;inset:113px 32px auto auto}.home-hero{border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg, var(--color-primary-700), var(--color-primary-500));justify-content:space-between;align-items:center;gap:32px;padding:40px;display:flex;position:relative;overflow:hidden}.home-hero:after{content:"";background:var(--brand-strip);height:6px;position:absolute;bottom:0;left:0;right:0}.hero-copy h1{max-width:560px;font-size:32px;font-weight:800;line-height:40px}.hero-copy p{color:#d4e2f7;max-width:520px;margin-top:8px}.home-hero .vehicle-card{min-width:320px;color:var(--color-ink);flex:none}.cat-grid{gap:16px}.cat{min-height:120px;font-size:var(--text-sm);gap:10px;line-height:20px}.cat .ico{width:52px;height:52px}.svc{min-height:132px;padding:24px}.parts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.parts-grid .pcard{flex-direction:column;gap:12px;padding:12px}.parts-grid .pcard .ph.sq{aspect-ratio:4/3;width:100%;height:auto}.search-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;display:grid}.filters{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;max-height:calc(100vh - 129px);padding:20px;display:flex;position:sticky;top:113px;overflow-y:auto}.filters .chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible!important}.filters .chip{white-space:normal;text-align:left;max-width:100%;height:auto;min-height:48px}.filter-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);font-weight:700;line-height:16px}.filter-title:not(:first-child){margin-top:8px}.results{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.results .parts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-grid{grid-template-columns:7fr 5fr;align-items:start;gap:48px;display:grid}.pd-gal{position:sticky;top:113px}.pd-gal .ph.hero{border-radius:var(--radius-lg);height:440px}.pd-info{gap:var(--space-5);flex-direction:column;display:flex}.buy{align-items:center;gap:12px;display:flex}.buy .btn{flex:1}.pd-details{max-width:720px}.picker{gap:var(--space-6);flex-direction:column;width:100%;max-width:960px;margin:0 auto;display:flex}.picker-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.pick-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-1);flex-direction:column;gap:12px;padding:24px;display:flex}.pick-card:hover,.pick-card:focus-within{border-color:var(--color-primary-500);transform:translateY(-3px);box-shadow:0 8px 24px #11182724}.pick-ico{background:var(--color-primary-50);width:56px;height:56px;color:var(--color-primary-700);border-radius:50%;place-items:center;display:grid}.pick-ico .i{width:28px;height:28px}.pick-btn{text-align:left;white-space:normal;min-height:56px;font-size:var(--text-sm);justify-content:space-between;padding:8px 14px;line-height:20px}.picker>.section-title{text-align:center}.cols{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start;gap:32px;display:grid}.cols-7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.col-main{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.col-side{gap:var(--space-4);top:calc(var(--topbar-h) + 49px);flex-direction:column;min-width:0;display:flex;position:sticky}.numbered{counter-reset:step}.numbered .col-main .section-title:before{counter-increment:step;content:counter(step);background:var(--color-primary-700);color:#fff;vertical-align:1px;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:10px;font-size:13px;font-weight:700;display:inline-grid}.sum-card{background:var(--color-surface);box-shadow:var(--shadow-sm,0 1px 3px #11182714)}.sum-card .btn-lg{width:100%}.sum-card>.kv.total:first-child{border-top:0;margin-top:0;padding-top:0}.pay-methods{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.pay-methods>.section-title,.pay-methods>.t-xs{grid-column:1/-1}.pay-methods .radio-card{height:100%}.card[role=radiogroup] .opt-row{gap:var(--space-3)}.card[role=radiogroup] .opt{flex:1}.form-col{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}.list-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.link-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.list-grid-wrap{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.list-grid-wrap>.section-title,.list-grid-wrap>.empty{grid-column:1/-1}.kpis{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.kpis .stat{justify-content:center;min-height:96px}.page.narrow{max-width:560px}.dt-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:clip}.dt{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.dt th{top:var(--topbar-h);z-index:2;text-align:left;height:44px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:0 16px;position:sticky}.dt td{white-space:nowrap;border-bottom:1px solid var(--color-border);vertical-align:middle;height:56px;padding:0 16px}.dt tr:last-child td{border-bottom:0}.dt .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dt tbody tr:hover{background:var(--color-primary-50)}.dt tr.clickable{cursor:pointer}.dt tr.clickable:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}.dt tr.is-selected{background:var(--color-primary-50);box-shadow:inset 3px 0 0 var(--color-primary-500)}.dt .wrapok{white-space:normal;min-width:96px;display:block}.dt .clip{text-overflow:ellipsis;white-space:nowrap;max-width:240px;display:block;overflow:hidden}.with-panel{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.with-panel.open{grid-template-columns:minmax(0,1fr) 440px}.with-panel.open .dt .minor{display:none}.with-panel.open .dt .clip{max-width:140px}.wp-main{min-width:0;display:block}.detail-panel{top:calc(var(--topbar-h) + 49px);gap:var(--space-4);max-height:calc(100vh - 130px);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;position:sticky;overflow-y:auto;box-shadow:0 8px 24px #11182714}.settings-form{gap:var(--space-4) var(--space-6);max-width:880px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.settings-form .card-foot{padding-top:var(--space-4);border-top:1px solid var(--color-border);grid-column:1/-1;justify-content:flex-end;display:flex}}@media (width>=1280px){.topbar,.ctabar,.ctabar.above-nav{padding-left:max(32px,50% - 608px);padding-right:max(32px,50% - 608px)}.page{max-width:1280px}.results .parts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}