/* The /booking page around the booking widget (data-layout="page"). The steps and their content are the widget's own. */
*{box-sizing:border-box}
html{background:#f6f1e8}
body{margin:0;background:#f6f1e8;color:#292b28;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.45}

.booking-page{min-height:100vh;width:min(1160px,100%);margin:0 auto;padding:24px 20px 80px}
.booking-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}
.booking-brand{font:400 1.55rem/1 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.booking-security{display:flex;align-items:center;gap:7px;color:#737772;font-size:.78rem}

/* Phones: the widget fills the screen with the open step, above its docked navigation. */
@media (max-width:720px), (max-width:1024px) and (max-height:560px) and (orientation:landscape){
  .booking-page{padding:16px 16px 120px}
}