/* Salonic booking modal. */
body.booking-open{overflow:hidden}
.booking-dialog{box-sizing:border-box;margin:auto;width:min(1100px,calc(100% - 2rem));max-width:1980px;height:calc(100dvh - 2rem);max-height:calc(100dvh - 2rem);padding:1.25rem;border:1px solid #e5ded8;border-radius:16px;background:#fffaf5;color:#292522;box-shadow:0 24px 80px rgba(0,0,0,.25);overflow:hidden}
.booking-dialog[open]{display:flex;flex-direction:column}
.booking-dialog::backdrop{background:rgba(40,30,26,.65)}
.booking-dialog-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.booking-dialog-header h2{margin:0;font:2rem 'Vollkorn', serif}
.booking-dialog-header form{margin:0}
.booking-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e5ded8;border-radius:50%;background:transparent;color:#292522;font:2rem/1 'Jost', sans-serif;cursor:pointer}
.booking-close:hover{background:#f2e6df}
.booking-close:focus-visible{outline:2px solid #292522;outline-offset:3px}
.booking-dialog iframe{display:block;flex:1;min-height:0;height:100%;width:100%;max-width:1980px;border:1px solid #eee;border-radius:4px}
@media(max-width:600px){.booking-dialog{width:calc(100% - 1rem);height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);padding:.75rem}.booking-dialog-header h2{font-size:1.65rem}}