.common-vehicle-booking { width: min(1480px,calc(100vw - 64px)); height: 94dvh; max-width: none; max-height: 94dvh; margin: auto; padding: 0; border: 1px solid #e2e8f0; border-radius: 22px; background: #fff; box-shadow: 0 24px 80px #0f172a33; overflow: hidden; }
.common-vehicle-booking::backdrop { background: #0f172a80; backdrop-filter: blur(3px); }
.common-vehicle-booking[open] { display: flex; flex-direction: column; }
.common-vehicle-booking__header { display: flex; align-items: center; justify-content: space-between; flex: none; padding: 16px 24px; border-bottom: 1px solid #e2e8f0; }
.common-vehicle-booking__header h2 { margin: 0; font-size: 18px; font-weight: 600; }
.common-vehicle-booking__header button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f5f9; font-size: 26px; cursor: pointer; }
.common-vehicle-booking iframe { flex: 1; width: 100%; min-height: 0; border: 0; background: #fff; }
.common-vehicle-booking [hidden] { display: none; }
.common-vehicle-booking__status { padding: 32px; color: #64748b; text-align: center; }
@media(max-width:640px) { .common-vehicle-booking { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; } .common-vehicle-booking__header { padding: 12px 16px; } }

.common-vehicle-booking__header button {
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #dc2626;
    line-height: 1;
}
.common-vehicle-booking__header button:hover { background: #fee2e2; }