/* ASKAR M28: responsive premium cards and billing management */
.vehicle-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))!important;gap:18px!important;align-items:stretch}
.vehicle-grid>.vehicle-card{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:20px!important;max-width:none!important;min-width:0!important;width:100%!important;align-items:start!important;border-radius:20px;padding:23px;box-shadow:0 12px 35px rgba(8,29,59,.065)}
.vehicle-card .vehicle-info{width:100%!important;min-width:0!important;overflow-wrap:anywhere}
.vehicle-card .vehicle-illustration{font-size:59px;display:flex;align-items:center;justify-content:center;min-height:130px;border-radius:18px;background:linear-gradient(155deg,rgba(16,185,129,.10),rgba(13,40,77,.04))}
.vehicle-card .vehicle-info h2{font-size:clamp(19px,2vw,25px);line-height:1.16;margin:11px 0;overflow-wrap:anywhere}
.vehicle-card .askar-vehicle-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.vehicle-card .askar-vehicle-actions .btn{white-space:normal;min-width:0}
.vehicle-card .ask27-car-actions{margin:15px 0 0;width:100%;box-sizing:border-box;max-width:100%}.vehicle-card .ask27-car-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.vehicle-card .ask27-car-form textarea{min-height:85px}.vehicle-card .ask27-car-form button{width:auto}
.ask28-lock-banner{display:flex;align-items:center;gap:16px;background:#fff0ee;border:1px solid #f2b1b1;color:#9e282b;padding:18px 22px;border-radius:16px;margin:6px 0 20px;box-shadow:0 10px 24px #a11b1920}.ask28-lock-banner>span{font-size:30px}.ask28-lock-banner p{margin:6px 0 0;color:#853d40}.ask28-lock-banner a{text-decoration:underline;font-weight:800}
.ask28-billing-status{padding:28px;border-radius:22px;background:linear-gradient(110deg,#12253c,#302239);color:white;display:flex;align-items:center;gap:18px;margin-bottom:20px}.ask28-billing-status h2{font-size:27px;margin:6px 0}.ask28-billing-status p{color:#cbd8e5}.ask28-pulse{width:20px;height:20px;background:#1dd8a8;box-shadow:0 0 0 10px #1dd8a815;border-radius:50%;flex:0 0 20px}.ask28-pulse.is-blocked{background:#f14b5b;box-shadow:0 0 0 10px #f14b5b15}
.ask28-billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.ask28-billing-form label{display:grid;gap:8px;font-weight:650}.ask28-billing-form .full{grid-column:1/-1}.ask28-billing-form input,.ask28-billing-form textarea,.ask28-billing-form select{width:100%;padding:12px;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:11px}
.ask28-order-ops{display:flex;align-items:start;flex-wrap:wrap;gap:10px}.ask28-order-menu{max-width:240px;min-width:155px;border:1px solid #cdd8e5;border-radius:12px;padding:10px;background:#f9fbff}.ask28-order-menu summary{font-weight:750;cursor:pointer}.ask28-order-menu form{display:grid;gap:9px;margin-top:12px}.ask28-order-menu input{width:100%;border-radius:8px;border:1px solid #b8c9dc;padding:8px}.ask28-order-menu label{display:grid;gap:5px;font-size:12px}.ask28-delete{border-color:#ffc8c8;background:#fff8f8}.ask28-delete summary{color:#bd1e43}.ask28-delete p{font-size:12px;line-height:1.55}.ask28-tabs{display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:660px){.vehicle-grid{grid-template-columns:1fr!important}.vehicle-grid>.vehicle-card{grid-template-columns:1fr!important}.vehicle-card .vehicle-illustration{min-height:90px}.vehicle-card .ask27-car-form,.ask28-billing-form{grid-template-columns:1fr}.ask28-billing-form .full{grid-column:auto}}