.demo-booking{--db-accent: var(--mkt-accent, #FF4D00);--db-accent-hover: var(--mkt-accent-hover, #F04B00);--db-accent-tint: var(--mkt-accent-tint, #FFE3D3);--db-text: var(--mkt-text, #111518);--db-muted: var(--mkt-text-muted, #3D4650);--db-border: var(--mkt-border, #e5e7eb);--db-surface: var(--mkt-surface, #F4F5F6);display:grid;grid-template-columns:minmax(260px,340px) 1fr;background:#fff;color:var(--db-text);border:1px solid var(--db-border);border-radius:10px;box-shadow:0 18px 40px -18px #1c263038;font-family:Inter,sans-serif;font-size:15px;line-height:1.45;overflow:hidden}.demo-booking,.demo-booking *,.demo-booking *:before,.demo-booking *:after{box-sizing:border-box}.demo-booking__side{padding:28px 26px;border-right:1px solid var(--db-border)}.demo-booking__logo{width:auto;height:26px;display:block}.demo-booking__kicker{margin:22px 0 2px;font-size:15px;font-weight:600;color:var(--db-muted)}.demo-booking__title{margin:0 0 14px;font-size:26px;font-weight:700;letter-spacing:-.02em}.demo-booking__meta,.demo-booking__tz{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px;color:var(--db-muted);font-weight:500}.demo-booking__meta svg,.demo-booking__tz svg{flex:none;margin-top:2px}.demo-booking__when{display:flex;gap:8px;margin:14px 0 8px;font-weight:600;color:var(--db-accent-hover)}.demo-booking__desc{margin:18px 0 0;padding-top:18px;border-top:1px solid var(--db-border);color:var(--db-muted)}.demo-booking__main{position:relative;padding:28px 26px}.demo-booking__heading{margin:0 0 18px;font-size:21px;font-weight:700;letter-spacing:-.015em}.demo-booking__loading{color:var(--db-muted);margin:0}.demo-booking__notice{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:var(--db-accent-tint);color:var(--db-accent-hover);font-weight:600}.demo-booking__pick{display:grid;grid-template-columns:1fr minmax(150px,190px);gap:28px;align-items:start}.demo-booking-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.demo-booking-cal__month{font-size:16px;font-weight:600}.demo-booking-cal__nav{display:flex;gap:4px}.demo-booking-cal__nav button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--db-accent);cursor:pointer}.demo-booking-cal__nav button:hover:not(:disabled){background:var(--db-accent-tint)}.demo-booking-cal__nav button:disabled{color:var(--db-border);cursor:default}.demo-booking-cal__weekdays,.demo-booking-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;justify-items:center}.demo-booking-cal__weekdays{margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--db-muted)}.demo-booking-day{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--db-muted);font:inherit;font-size:15px;opacity:.45;cursor:default}.demo-booking-day--open{background:var(--db-accent-tint);color:var(--db-accent-hover);font-weight:700;opacity:1;cursor:pointer;transition:transform .15s ease,background .15s ease}.demo-booking-day--open:hover{transform:scale(1.06)}.demo-booking-day--selected,.demo-booking-day--selected:hover{background:var(--db-accent);color:#fff}.demo-booking-slots{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.demo-booking-slots__hint{margin:0;color:var(--db-muted)}.demo-booking-slot{width:100%;padding:14px 8px;border:1px solid var(--db-accent);border-radius:6px;background:#fff;color:var(--db-accent-hover);font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.demo-booking-slot:hover{background:var(--db-accent-tint)}.demo-booking-slot-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-booking-slot--armed,.demo-booking-slot--armed:hover{border-color:var(--db-muted);background:var(--db-muted);color:#fff;cursor:default}.demo-booking-slot--next,.demo-booking-slot--next:hover{background:var(--db-accent);color:#fff}.demo-booking__tzpick{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--db-border);color:var(--db-muted)}.demo-booking__tzpick-label{font-weight:600}.demo-booking__tzpick select{flex:1;min-width:0;max-width:280px;padding:8px 10px;border:1px solid var(--db-border);border-radius:6px;background:#fff;color:var(--db-text);font:inherit}.demo-booking-form{display:grid;gap:14px}.demo-booking-form__back{justify-self:start;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--db-accent);cursor:pointer}.demo-booking-form__back:hover{background:var(--db-accent-tint)}.demo-booking-field{display:grid;gap:6px}.demo-booking-field>span{font-size:14px;font-weight:600;color:var(--db-muted)}.demo-booking-field input,.demo-booking-field textarea{width:100%;padding:11px 12px;border:1px solid var(--db-border);border-radius:6px;background:#fff;color:var(--db-text);font:inherit;resize:vertical}.demo-booking-field input:focus,.demo-booking-field textarea:focus{outline:none;border-color:var(--db-accent);box-shadow:0 0 0 3px var(--db-accent-tint)}.demo-booking-form__guests{justify-self:start;padding:8px 14px;border:1px solid var(--db-accent);border-radius:20px;background:#fff;color:var(--db-accent-hover);font:inherit;font-weight:600;cursor:pointer}.demo-booking-form__guests:hover{background:var(--db-accent-tint)}.demo-booking-form__error{margin:0;color:#b91c1c;font-weight:500}.demo-booking-form__submit{justify-self:start;margin-top:4px;padding:13px 26px;border:0;border-radius:22px;background:var(--db-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer}.demo-booking-form__submit:hover:not(:disabled){background:var(--db-accent-hover)}.demo-booking-form__submit:disabled{opacity:.6;cursor:default}.demo-booking-done{display:grid;gap:6px;justify-items:start}.demo-booking-done__check{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:50%;background:var(--db-accent-tint);color:var(--db-accent-hover)}.demo-booking-done h3{margin:0;font-size:22px;font-weight:700}.demo-booking-done p{margin:0;color:var(--db-muted)}.demo-booking-done__when{font-weight:600;color:var(--db-text)!important}.demo-booking-done__manage{margin-top:12px;color:var(--db-accent-hover);font-weight:600;text-decoration:underline}.demo-booking-empty h3{margin:0 0 8px;font-size:20px;font-weight:700}.demo-booking-empty p{margin:0;color:var(--db-muted)}.demo-booking-empty a{color:var(--db-accent-hover);text-decoration:underline}@media (max-width: 700px){.demo-booking{grid-template-columns:1fr}.demo-booking__side{padding:16px 10px;border-right:0;border-bottom:1px solid var(--db-border)}.demo-booking__kicker{margin-top:14px}.demo-booking__title{font-size:22px;margin-bottom:10px}.demo-booking__main{padding:16px 10px}.demo-booking__pick{grid-template-columns:1fr;gap:20px}.demo-booking-slots{max-height:none}.demo-booking__tzpick select{max-width:100%}}.demo-booking-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#11151899;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.demo-booking-modal{position:relative;width:100%;max-width:1000px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:12px;box-shadow:0 30px 70px -20px #00000073}.demo-booking-modal .demo-booking{border:0;border-radius:0;box-shadow:none}.demo-booking-modal-close{position:absolute;top:12px;right:12px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#111518;box-shadow:0 2px 8px #0000002e;cursor:pointer}.demo-booking-modal-close:hover{background:#f4f5f6}.demo-booking-modal-loading{padding:60px 26px;text-align:center;color:var(--mkt-text-muted, #3D4650);background:#fff;border-radius:12px}@media (max-width: 700px){.demo-booking-modal-backdrop{padding:0}.demo-booking-modal{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:0}}