.hmb2-card{max-width:980px;margin:24px auto;padding:18px;background:#fff;border-radius:14px;box-shadow:0 8px 30px rgba(15,23,42,0.06);font-family:Inter,system-ui,Arial;color:#0f172a}
.hmb2-progress{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:16px}
.hmb2-progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#3b82f6);width:0%}
.hmb2-vehicles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.hmb2-vehicle-card{display:block;border:1px solid #e6eef6;border-radius:12px;padding:12px;cursor:pointer;transition:transform .18s,box-shadow .18s;background:#fff}
.hmb2-vehicle-card input{display:none}
.hmb2-vehicle-card img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.hmb2-vehicle-card .hmb2-vehicle-body{display:flex;justify-content:space-between;align-items:center}
.hmb2-vehicle-card .hmb2-price{color:#0ea5a3;font-weight:700}
.hmb2-vehicle-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(15,23,42,0.08)}
.hmb2-vehicle-card input:checked + .hmb2-vehicle-media + .hmb2-vehicle-body{outline:2px solid #3b82f6}
.hmb2-actions{margin-top:14px}
.hmb2-next,.hmb2-back,.hmb2-submit{background:linear-gradient(90deg,#06b6d4,#3b82f6);color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}
.hmb2-summary{position:sticky;top:18px;margin-top:12px}
.hmb2-total-box{padding:16px;border-radius:12px;border:1px solid #e6eef6;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 6px 18px rgba(15,23,42,0.04)}
.hmb2-breakdown{font-size:14px;color:#334155;margin-bottom:8px}
.hmb2-total{font-size:20px;font-weight:800;color:#0f172a}
.hmb2-message{margin-top:12px;padding:10px;border-radius:8px;display:none}
.hmb2-message.success{background:#ecfdf5;color:#065f46}
.hmb2-message.error{background:#fff0f0;color:#991b1b}
@media(max-width:900px){ .hmb2-summary{position:relative} .hmb2-vehicles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))} }