html:root .customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--at-line);margin:24px 0 12px}
.customer-toolbar small{display:block;margin-top:6px;color:var(--at-muted)}
.customer-toolbar>div:last-of-type{display:flex;gap:10px;flex-wrap:wrap}
html:root :is(.customer-toolbar,.customer-card-tools,.customer-detail-tools,.customer-dialog) button,html:root .customer-workshop{font:600 13px/1.4 Arial,sans-serif;min-height:44px;padding:10px 14px;border:1px solid var(--at-line);border-radius:7px;background:var(--at-bg);color:var(--at-ink);cursor:pointer;white-space:normal;overflow-wrap:anywhere}
html:root :is(.customer-toolbar,.customer-card-tools,.customer-detail-tools,.customer-dialog) button:hover{border-color:var(--at-red)}
html:root :is(.customer-toolbar,.customer-card-tools,.customer-detail-tools,.customer-dialog) button:focus-visible,html:root .customer-workshop:focus-visible{outline:3px solid var(--at-red);outline-offset:3px}
html:root [data-save][aria-pressed="true"],html:root [data-compare][aria-pressed="true"]{color:var(--at-red);border-color:var(--at-red)}
.customer-status{width:100%;margin:0;font-size:14px}.customer-status:empty{display:none}
html:root:root .customer-card-tools{order:5;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid var(--at-line)}
html:root .customer-card-tools button{flex:1;font-size:11px;padding:8px;min-width:0}
html:root .customer-detail-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.customer-detail-tools p{width:100%;margin:0}.customer-detail-tools p:empty{display:none}
html:root .customer-detail-tools input{width:100%;min-width:0}
html:root .customer-workshop{display:block;background:var(--at-red);color:#fff;border-color:var(--at-red);margin-top:14px}
html:root .customer-dialog{color:var(--at-ink);background:var(--at-bg);border:1px solid var(--at-line);border-radius:14px;width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;font-family:Arial,sans-serif;box-sizing:border-box}
.customer-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.customer-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;border-bottom:1px solid var(--at-line)}
html:root .customer-dialog-head h2{margin:0;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.customer-close{flex-shrink:0}
.customer-content{padding:24px;overflow-wrap:anywhere}.customer-content>p{color:var(--at-muted);line-height:1.6;margin-top:0}
.customer-saved,.customer-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.customer-saved article,.customer-comparison article{min-width:0;padding:16px;border:1px solid var(--at-line);border-radius:10px}
.customer-content article>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--at-surface);border-radius:6px}
.customer-content article h3{font-size:22px;line-height:1.25;margin:16px 0 10px}.customer-content article>strong{font-size:24px}.customer-content article>small{display:block;margin-top:5px}
.customer-content article button{display:block;width:100%;margin-top:10px}
.customer-comparison .car-specs{display:grid;grid-template-columns:1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--at-line)}
.customer-comparison dt{font-size:13px;color:var(--at-muted)}.customer-comparison dd{margin:4px 0 0;font-weight:600}
.customer-comparison :is(p,li,.vehicle-energy){font-size:14px;line-height:1.6}.customer-comparison h4{margin:18px 0 6px}.customer-comparison ul{padding-left:20px}
.customer-enquiry{max-width:640px;margin:auto;display:grid;gap:16px}.customer-enquiry label{display:grid;gap:7px;font-size:15px}.customer-enquiry p{line-height:1.6;margin:0;color:var(--at-muted)}
html:root .customer-enquiry :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid var(--at-line);border-radius:6px;font:inherit;background:var(--at-bg);color:var(--at-ink)}
html:root .customer-enquiry button[type="submit"]{background:var(--at-red);color:#fff;border-color:var(--at-red)}
@media(max-width:760px){.customer-saved,.customer-comparison{grid-template-columns:1fr}.customer-content{padding:18px}.customer-dialog-head{padding:18px}.customer-toolbar>div:last-of-type{width:100%}}
@media(prefers-reduced-motion:no-preference){.customer-dialog[open]{animation:customer-open .25s cubic-bezier(.2,.7,.2,1)}@keyframes customer-open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}

html:root .customer-whatsapp{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--at-line);border-radius:7px;color:var(--at-ink);font:600 13px/1.4 Arial,sans-serif;text-decoration:none}html:root .customer-whatsapp:focus-visible{outline:3px solid var(--at-red);outline-offset:3px}

html:root:root .customer-comparison .car-specs dt{font-size:13px}html:root:root .customer-comparison .car-specs dd{font-size:15px;line-height:1.5}html:root:root .customer-comparison .car-specs{gap:14px;margin:20px 0;padding:0 0 18px}