:root{--color-primary-50:#30271f;--color-primary-100:#46331e;--color-primary-500:#ff8a00;--color-primary-700:#b86008;--color-primary-900:#241a12;--color-accent-50:#372c18;--color-accent-200:#ffd787;--color-accent-500:#ffc247;--color-accent-700:#ffb52e;--color-clay-500:#f58d20;--color-ink:#f5f5f3;--color-ink-muted:#bbb5b1;--color-ink-subtle:#a8a2a0;--color-disabled:#89817f;--color-border:#383434;--color-border-strong:#524b49;--color-bg:#171515;--color-surface:#242222;--color-surface-alt:#302d2c;--color-success:#46cb89;--color-success-bg:#183629;--color-success-ink:#8feab7;--color-warning:#ffc247;--color-warning-bg:#42321d;--color-warning-ink:#ffd68b;--color-error:#ff7779;--color-error-bg:#442326;--color-error-ink:#ffa2a4;--color-info:#7cbfff;--color-info-bg:#1b3345;--color-info-ink:#a7dcff;--color-focus:#ffc247;--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:linear-gradient(90deg, #ff8a00 0%, #ffc247 55%, #ff8a00 100%)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}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}.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]: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}.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)}.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 .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}.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}.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}.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)}.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))}}:root{--brand-orange:#ff8a00;--brand-gold:#ffc247;--brand-graphite:#171515;--brand-surface:#242222;--brand-surface-raised:#2a2727;--brand-outline:#3a3535;--brand-text:#f5f5f3;--shadow-1:0 3px 12px #00000026;--shadow-2:0 14px 30px #00000045;--shadow-3:0 -8px 28px #0000005c;--radius-sm:9px;--radius-md:13px;--radius-lg:17px;--radius-xl:22px}html,body,body.app,.app{background:var(--brand-graphite);color:var(--brand-text)}body{-webkit-font-smoothing:antialiased}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}::selection{background:var(--brand-orange);color:#171515}input,select,textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button{font-family:inherit}.section-title{letter-spacing:-.025em;font-weight:800}.link,.topnav a[aria-current=page],.tabs a[aria-current=true],.bottomnav a[aria-current=page]{color:var(--brand-gold)}.link:hover{color:#ffdb83}.muted{color:var(--color-ink-muted)}.subtle{color:var(--color-ink-subtle)}.demo-strip{color:#ffd18b;letter-spacing:.01em;background:#2d241a;border-bottom:1px solid #4d3924;font-weight:600}.topbar,.topbar.is-light{border-bottom:1px solid var(--brand-outline);color:var(--brand-text);background:#131212;box-shadow:0 3px 18px #00000021}.topbar .brand{gap:10px;min-width:0;text-decoration:none}.sah-mark{object-fit:contain;flex:none;width:37px;height:41px;display:block}.sah-mark-large{filter:drop-shadow(0 0 12px #ff8a001f);width:98px;height:100px}.wordmark{letter-spacing:.03em;gap:3px;line-height:1.1}.wordmark b{letter-spacing:.18em;font-size:12px;font-weight:850}.wordmark small,.topbar .wordmark small{color:var(--brand-gold);letter-spacing:.23em;margin:0;font-size:10px;font-weight:750}.topbar .icon-btn{color:#eae6e4}.topbar .icon-btn:hover,.topbar .loc-chip:hover{color:var(--brand-gold);background:#32271d}.topbar .icon-btn .dot{background:var(--brand-orange);color:#191512;border-color:#131212}.topbar .loc-chip{color:#eae4e1;background:#292626;border:1px solid #49403c;font-weight:600}.topbar .loc-chip .i{color:var(--brand-orange)}.kente,.brand-strip{display:none}.topnav a{color:#b7afaa;border-top:3px solid #0000;border-bottom:3px solid #0000}.topnav a:hover{color:var(--brand-gold);background:#2a2420}.topnav a[aria-current=page]{border-bottom-color:var(--brand-orange);color:var(--brand-gold)}.topsearch,.search{color:#c0b9b5;box-shadow:none;background:#252323;border:1px solid #403b38}.topsearch:focus-within,.search:focus-within{border-color:var(--brand-orange);background:#2c2826;box-shadow:0 0 0 3px #ff8a001f}.topsearch input{color:var(--brand-text)}.topsearch input::placeholder,input::placeholder,textarea::placeholder{color:#9d9692}.bottomnav,.ctabar{border-color:var(--brand-outline);background:#211f1f}.bottomnav a{color:#b1aaa7}.bottomnav a[aria-current=page]{color:var(--brand-gold)}.bottomnav a[aria-current=page]:before{background:var(--brand-orange)}.sidenav{border-right:1px solid var(--brand-outline);background:#1d1b1b}.sidenav a{color:#b9b1ac;border-left:0;border-radius:10px}.sidenav a:hover{color:var(--brand-gold);background:#2b251f}.sidenav a[aria-current=page]{color:#171515;background:linear-gradient(100deg,#ff8a00,#ffb319);border-left:0;font-weight:800;box-shadow:0 4px 14px #ff8a001c}.sidenav .i{stroke-width:1.8px}.btn{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.btn-primary,.btn-accent{background:linear-gradient(115deg,var(--brand-orange),#ffb522);color:#1a130b;border-color:#0000;box-shadow:0 5px 13px #ff8a001f}.btn-primary:hover,.btn-accent:hover{background:linear-gradient(115deg,#ff9e24,#ffcc50);box-shadow:0 8px 20px #ff8a0030}.btn-primary:active,.btn-accent:active{background:#db7200;transform:translateY(1px)}.btn-secondary{color:#f8f7f6;background:#201e1e;border:1px solid #625c58}.btn-secondary:hover{color:#fff;background:#322d29;border-color:#bd8a46}.btn-ghost,button.link{color:var(--brand-gold)}.btn-ghost:hover{color:#ffdc93;background:#362c20}.btn-danger-outline{background:0 0}.btn:disabled,.btn.is-disabled{color:#9c9491;box-shadow:none;background:#333030;border-color:#3b3735}.input,.input-el,.textarea,.select,select.input-el,input.input-el,textarea.input-el{color:var(--brand-text);background:#2b2827;border:1px solid #514a47}.input:focus-within,.input.is-focus,.input-el:focus-visible,.textarea:focus-within{border-color:var(--brand-orange);outline-color:var(--brand-orange);box-shadow:0 0 0 3px #ff8a0021}.input.is-error,.input-el[aria-invalid=true]{border-color:var(--color-error);background:#402727}.label,.filter-title{color:#e7dfdb}.help{color:#bab1ab}.search .v{color:#eee8e4}.chip,.opt,.radio-card{color:var(--brand-text);background:#292626;border-color:#47413d}.chip:hover,.opt:hover,.radio-card:hover{border-color:#ad722c}.chip.is-selected,.opt.is-selected,.radio-card.is-selected{border-color:var(--brand-orange);color:#ffce81;background:#382c1f}.chip.is-filter{background:#36302a;border-color:#0000}.seg{background:#302b28}.seg>*{color:#c8bfba}.seg>.on{color:#ffcc76;background:#4b3621}.qty,.toggle,.tabs{border-color:var(--brand-outline)}.qty button{color:var(--brand-gold)}.radio,.check{background:#2c2725}.card,.stat,.receipt,.pick-card,.vehicle-card,.filters,.dt-wrap,.detail-panel,.settings-form,.statebox{background:var(--brand-surface);border-color:var(--brand-outline);box-shadow:var(--shadow-1)}.card.tone-primary{background:#372818;border-color:#634322}.card.tone-warn{background:var(--color-warning-bg);border-color:#715128}.card.tone-info{background:var(--color-info-bg);border-color:#39576b}.card:hover:is(a,button),.stat:hover{border-color:#564a3b}.card[role=button],a.card{transition:border-color .18s,box-shadow .18s}a.card:hover{box-shadow:var(--shadow-2);border-color:#97622a}.skeleton{background:linear-gradient(90deg,#2e2a28 20%,#403936 38%,#2e2a28 60%) 0 0/400% 100%}.stat.hl{color:#ffe0ab;background:linear-gradient(120deg,#38291d,#49301b);border:1px solid #89551e}.stat.hl .muted{color:#efd1a8}.stat .n{color:#fcf8f4;font-weight:800}.stat.hl .n{color:var(--brand-gold)}.bars i{background:#5a4632}.bars .hi i{background:linear-gradient(#ffc247,#ff8a00)}.banner.demo{color:#ffd693;background:#3c2c1d;border-color:#916327}.banner.info{color:#b7e4ff;background:#1b3240}.banner.ok{color:#b0ecc9;background:#203b2d}.banner.warn{color:#ffdd9e;background:#412e1d}.badge{border:1px solid #ffffff0d;font-weight:750}.badge-primary{color:#ffdba1;background:#693b13}.badge-neutral{color:#c8c0bc}.stock.in{color:var(--color-success-ink)}.tabs{border-color:#3c3531}.tabs a{color:#c3bcb7}.tabs a[aria-current=true]{color:var(--brand-gold);border-color:var(--brand-orange)}.dt th{color:#beb3ad;border-color:var(--brand-outline);background:#302b28}.dt td{border-color:var(--brand-outline)}.dt tbody tr:hover,.dt tr.is-selected{background:#302920}.dt tr.is-selected{box-shadow:inset 3px 0 var(--brand-orange)}.overlay{background:#060505bd}.overlay .sheet{background:#282424}.toast-wrap{color:var(--brand-text)}.avatar,.empty .art,.pick-ico,.qrow .kind{color:var(--brand-gold);background:#3b2b1f}.result .big.ok{color:#a3edc6;background:#204e37}.result .big.bad{color:#ffaba8;background:#4b2828}.stepper li.done:before{background:var(--brand-orange)}.divider,.hr{background:var(--brand-outline)}.home-hero{isolation:isolate;background:radial-gradient(circle at 78% 48%,#302015 0%,#0b0b0b 65%);border:1px solid #39302a;border-radius:18px;align-items:center;min-height:360px;padding:42px 44px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#090909fc 0%,#090909f2 32%,#09090973 63%,#09090914 100%);position:absolute;inset:0}.home-hero:after{display:none}.hero-car{object-fit:cover;object-position:44% 50%;z-index:0;opacity:.92;width:52%;height:112%;position:absolute;bottom:0;right:-12px}.hero-copy{z-index:2;max-width:575px;position:relative}.hero-eyebrow{color:var(--brand-gold);letter-spacing:.15em;margin-bottom:16px;font-size:11px;font-weight:800;display:block}.hero-eyebrow span{color:#ff891e;padding:0 5px}.hero-copy h1{letter-spacing:-.045em;color:#fcfaf8;text-wrap:balance;max-width:520px;font-size:clamp(32px,4vw,49px);font-weight:850;line-height:1.07}.hero-copy p{color:#e3ddda;max-width:400px;margin-top:18px;font-size:15px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-actions .btn{min-height:47px;padding:0 20px;font-size:14px}.hero-actions .btn-secondary{background:#1a1818ad;border-color:#69615d}.home-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.benefit{background:#242222;border:1px solid #393333;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.benefit>.i{color:var(--brand-orange);width:32px;height:32px}.benefit span{flex-direction:column;gap:4px;min-width:0;display:flex}.benefit b{color:#f1ece9;font-size:13px;font-weight:800}.benefit small{color:#aea5a0;font-size:11px}.cat-grid{gap:12px}.cat{text-align:left;background:#242222;border-color:#383434;border-radius:14px;justify-content:flex-start;gap:0;min-height:158px;padding:0;overflow:hidden}.cat-photo{background:#1e1d1c;width:100%;height:112px;display:block;position:relative;overflow:hidden}.cat-photo:after{content:"";background:linear-gradient(#0000 55%,#0c0b0b73);position:absolute;inset:0}.cat-photo img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.cat-label{justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:52px;padding:12px;font-size:13px;font-weight:750;line-height:1.25;display:flex}.cat-label .i{width:17px;height:17px;color:var(--brand-orange);flex:none}.cat:hover{box-shadow:var(--shadow-2);border-color:#905b25;transform:translateY(-2px)}.cat:hover .cat-photo img{transform:scale(1.05)}.svc{color:#eee8e2;background:#252221;border:1px solid #453b30;min-height:133px}.svc.mech{color:#fff1de;background:linear-gradient(120deg,#312319,#4c3019)}.svc.tow{color:#f6f1eb;background:linear-gradient(120deg,#242324,#332c26)}.svc .ico,.svc.tow .ico{color:var(--brand-gold);background:#50351b}.svc .t-sm{color:#ccbdb2}.vehicle-card{color:var(--brand-text)}.vehicle-card .ico{color:var(--brand-orange);background:#44301f}.ph{color:var(--brand-gold);background:linear-gradient(145deg,#33302e,#181717)}.ph img{object-fit:cover;width:100%;height:100%;display:block}.pcard{border:1px solid var(--brand-outline);background:#242222;overflow:hidden}.pcard .name{color:#f7f2ef}.pcard .price{color:#fff3e4}.pcard:hover{border-color:#936127;box-shadow:0 12px 26px #0000004d}.pcard .ph{border-radius:11px}.match-hint{color:#ffd18f;background:#3a2b1b}.pick-card{border-radius:18px}.pick-card:hover{box-shadow:var(--shadow-2);border-color:#d18532}.pick-ico{background:#3c2b1d}.pick-btn{box-shadow:none}@media (width>=1024px){body.app,.app{max-width:none}.page{gap:25px}.topbar{background:#131212;border-bottom:1px solid #373131}.topsearch{background:#252323;border:1px solid #3d3836;max-width:445px;margin-left:12px}.topnav{gap:2px}.topnav a{padding:0 10px;font-size:13px}.home-hero{min-height:392px;padding:50px 55px}.hero-car{width:52%}.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.parts-grid{gap:16px}.parts-grid .pcard{padding:12px}.parts-grid .pcard .ph.sq{aspect-ratio:1.35;background:#1d1c1b}.parts-grid .pcard .ph img{object-fit:cover}.sidenav{background:#1d1b1b}.filters{background:#242222}}@media (width<=1023.98px){html{background:#171515}.home-hero{min-height:310px;padding:28px 21px}.hero-car{opacity:.65;width:58%;right:0}.home-hero:before{background:linear-gradient(90deg,#0a0909f7,#0a0909d6 46%,#0a09097a 100%)}.hero-copy h1{font-size:clamp(29px,8vw,37px)}.hero-copy p{max-width:260px;font-size:13px}.hero-eyebrow{margin-bottom:12px;font-size:9px}.hero-actions{gap:8px;margin-top:19px}.hero-actions .btn{min-height:42px;padding:0 12px;font-size:12px}.home-benefits{grid-template-columns:1fr;gap:8px}.benefit{padding:12px 16px}.benefit>.i{width:25px;height:25px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-photo{height:102px}.cat{min-height:152px}.cat-label{font-size:12px}.bottomnav{background:#201e1e}.topbar .brand{gap:6px}.sah-mark{width:30px;height:35px}.wordmark b{font-size:11px}.wordmark small{font-size:8px}}@media (width<=360px){.topbar .loc-chip{padding:0 7px;font-size:11px}.home-hero{min-height:340px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-car{opacity:.48}}@media (prefers-reduced-motion:reduce){.cat:hover,.pcard:hover,.svc:hover{transform:none}.cat-photo img,.btn{transition:none}}