*{box-sizing:border-box}body{margin:0;font:17px/1.45 system-ui,sans-serif;color:#1d2433;background:#f6f7fb}
header{background:#1f5eff;color:#fff;padding:14px 16px}header h1{margin:0;font-size:1.3rem}header p{margin:2px 0 0;opacity:.9;font-size:.9rem}
main{max-width:760px;margin:auto;padding:16px}h2{font-size:1.15rem}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:48px;padding:10px 16px;border-radius:24px;border:2px solid #1f5eff;background:#fff;color:#1f5eff;font-size:1rem;cursor:pointer}
.chip[aria-pressed=true]{background:#1f5eff;color:#fff}
button{font:inherit}.btn{min-height:48px;padding:12px 20px;border:0;border-radius:10px;background:#1f5eff;color:#fff;font-weight:600;cursor:pointer}.btn.sec{background:#e3e8f7;color:#1d2433}
.row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-radius:10px;padding:10px;margin:8px 0;box-shadow:0 1px 2px #0001}
.row .nm{flex:1}.row small{color:#667}.step{display:flex;align-items:center;gap:6px}.step button{width:44px;height:44px;border-radius:50%;border:0;background:#e3e8f7;font-size:1.3rem;cursor:pointer}.step b{min-width:22px;text-align:center}
select{min-height:44px;font:inherit;border-radius:8px;max-width:9em}
.nav{display:flex;gap:10px;justify-content:space-between;margin:18px 0;position:sticky;bottom:0;background:#f6f7fb;padding:10px 0}
.prog{height:8px;background:#dde;border-radius:4px;overflow:hidden}.prog i{display:block;height:100%;background:#1f5eff}
.card{background:#fff;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 1px 3px #0002}.big{font-size:2rem;font-weight:700;margin:0}
table{width:100%;border-collapse:collapse}td{padding:6px 0;border-bottom:1px solid #eee}td:last-child{text-align:right}
input[type=email],#ef input:not([type]){width:100%;min-height:48px;font:inherit;padding:8px;border:1px solid #99a;border-radius:8px}
footer{max-width:760px;margin:auto;padding:16px;font-size:.85rem;color:#556}
.bed{display:flex;align-items:center;gap:8px;margin-top:10px}
@media print{header,.nav,.noprint,footer .noprint{display:none}body{background:#fff}.card{box-shadow:none;border:1px solid #ccc}}

.truck-size{font-size:2.5rem;line-height:1.1}
meter{width:100%;height:14px;accent-color:#1f5eff}
details{margin-top:.5rem}summary{cursor:pointer;color:#1f5eff}
.chip[aria-pressed=true]{background:#1f5eff;color:#fff;border-color:#1f5eff}
.next{width:100%;min-height:52px}.nav .next{flex:1}
body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.nav{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}