/* "Book Now" popup (includes/booking.php, assets/booking.js). */
html.im-bk-open { overflow: hidden; }
.im-bk { width: min(720px, calc(100vw - 24px)); max-width: none; max-height: calc(100vh - 24px); margin: auto; padding: 0; border: 0; border-radius: 18px; background: #fff; color: #121016; box-shadow: 0 40px 90px -30px rgba(18, 16, 22, .55); overflow: auto; overscroll-behavior: contain; }
.im-bk::backdrop { background: rgba(18, 16, 22, .6); }
.im-bk[open] { display: block; }
.im-bk__panel { position: relative; padding: 28px 28px 22px; font-family: inherit; }
.im-bk__close { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 0; min-height: 0; padding: 0; border: 1px solid #e4e1ea; border-radius: 10px; background: #fff; color: #121016; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: none; }
.im-bk__close:hover { background: #f6f4fa; }
.im-bk__kicker { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6d28d9; }
.im-bk__title { margin: 0 44px 8px 0 !important; font-size: clamp(24px, 3vw, 30px) !important; line-height: 1.15 !important; font-weight: 700; color: #121016; }
.im-bk__lead { margin: 0 0 18px; font-size: 15.5px; line-height: 1.55; color: #4a4657; }
.im-bk__step { margin: 0 0 18px; padding: 0; border: 0; min-width: 0; }
.im-bk__legend { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 700; color: #121016; }
.im-bk__legend > span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #6d28d9; color: #fff; font-size: 13px; }
.im-bk__legend small { font-weight: 500; color: #4a4657; font-size: 13px; }
.im-bk__days { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
.im-bk__day, .im-bk__time { position: relative; flex: 0 0 auto; margin: 0; cursor: pointer; scroll-snap-align: start; }
.im-bk__day input, .im-bk__time input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.im-bk__day span { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 76px; padding: 10px 8px; border: 1px solid #c9c4d4; border-radius: 12px; background: #fff; text-align: center; transition: background-color .15s ease, border-color .15s ease; }
.im-bk__day b { font-size: 14px; font-weight: 700; color: #121016; }
.im-bk__day em { font-style: normal; font-size: 13px; color: #4a4657; }
.im-bk__times { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.im-bk__time span { display: block; padding: 10px 6px; border: 1px solid #c9c4d4; border-radius: 10px; background: #fff; text-align: center; font-size: 14px; font-weight: 600; color: #121016; transition: background-color .15s ease, border-color .15s ease; }
.im-bk__day:hover span, .im-bk__time:hover span { border-color: #6d28d9; background: #f5f0ff; }
.im-bk__day input:checked + span, .im-bk__time input:checked + span { border-color: #6d28d9; background: #6d28d9; }
.im-bk__day input:checked + span b, .im-bk__day input:checked + span em, .im-bk__time input:checked + span { color: #fff; }
.im-bk__day input:focus-visible + span, .im-bk__time input:focus-visible + span { outline: 3px solid #6d28d9; outline-offset: 2px; }
.im-bk__hint { margin: 0; font-size: 14px; color: #4a4657; }
.im-bk__req { margin: 0 0 10px; font-size: 13px; color: #4a4657; }
.im-bk__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.im-bk__f { margin: 0; }
.im-bk__f--full { grid-column: 1 / -1; }
.im-bk__f label { display: block; margin: 0 0 5px; font-size: 14px; font-weight: 600; color: #121016; }
.im-bk__opt { font-weight: 400; color: #4a4657; }
.im-bk__f input, .im-bk__f select, .im-bk__f textarea { width: 100%; box-sizing: border-box; min-height: 46px; margin: 0; padding: 10px 12px; border: 1px solid #c9c4d4; border-radius: 10px; background: #fff; color: #121016; font: inherit; font-size: 15px; }
.im-bk__f textarea { min-height: 70px; resize: vertical; }
.im-bk__f input:focus, .im-bk__f select:focus, .im-bk__f textarea:focus { outline: 3px solid rgba(109, 40, 217, .35); border-color: #6d28d9; }
.im-bk__f [aria-invalid="true"] { border-color: #b42318; }
.im-bk__consent { display: flex; gap: 10px; align-items: flex-start; margin: 14px 0 0; font-size: 13.5px; line-height: 1.5; color: #4a4657; cursor: pointer; }
.im-bk__consent input { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #6d28d9; }
.im-bk__consent a { color: #6d28d9; }
.im-bk__err { margin: 6px 0 0; font-size: 13px; font-weight: 600; color: #b42318; }
.im-bk__alert { margin: 0 0 14px; padding: 10px 12px; border-radius: 10px; background: #fef3f2; color: #b42318; font-size: 14px; font-weight: 600; }
.im-bk__ts { margin: 0 0 12px; }
.im-bk__foot { position: sticky; bottom: -22px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 -28px; padding: 14px 28px; border-top: 1px solid #e4e1ea; background: #fff; }
.im-bk__summary { margin: 0; font-size: 14px; font-weight: 600; color: #121016; }
.im-bk__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-left: auto; padding: 0 24px; border: 0; border-radius: 10px; background: #6d28d9; color: #fff; font: inherit; font-size: 15.5px; font-weight: 700; cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: 0; }
.im-bk__btn:hover, .im-bk__btn:focus-visible { background: #5b21b6; }
.im-bk__btn:disabled { opacity: .6; cursor: wait; }
.im-bk__btn--ghost { margin: 8px 0 0; background: #121016; }
.im-bk__alt { margin: 10px 0 0; font-size: 13.5px; color: #4a4657; text-align: right; }
.im-bk__done { padding: 12px 0 4px; }
.im-bk__done h3 { margin: 0 44px 10px 0 !important; font-size: 24px !important; color: #121016; }
.im-bk__done p { margin: 0 0 10px; font-size: 15.5px; line-height: 1.55; color: #4a4657; }
.im-bk__done [data-bk-done-when] { font-weight: 700; color: #121016; }
.im-bk-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin: 40px 0 0; padding: 24px 26px; border-radius: 16px; background: #121016; color: #fff; }
.im-bk-band h2 { margin: 0 0 6px !important; color: #fff !important; font-size: 22px !important; }
.im-bk-band p { margin: 0; color: #cfcdda; font-size: 15px; line-height: 1.5; max-width: 60ch; }
.im-bk-band__btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 10px; background: #6d28d9; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.im-bk-band__btn:hover, .im-bk-band__btn:focus-visible { background: #5b21b6; }
@media (max-width: 600px) {
	.im-bk { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
	.im-bk__panel { padding: 22px 16px 16px; }
	.im-bk__grid { grid-template-columns: minmax(0, 1fr); }
	.im-bk__foot { margin: 0 -16px; padding: 12px 16px; bottom: -16px; }
	.im-bk__btn { width: 100%; }
	.im-bk__alt { text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .im-bk__day span, .im-bk__time span { transition: none; } }
/* Theme isolation: the theme styles every <select> and <button> globally. */
.im-bk .im-bk__f select { width: 100% !important; max-width: none !important; height: 46px !important; }
.im-bk .im-bk__f .select2-container { width: 100% !important; }
.im-bk .im-bk__close { background: #fff !important; color: #121016 !important; border: 1px solid #e4e1ea !important; border-radius: 10px !important; width: 40px !important; height: 40px !important; padding: 0 !important; font-size: 26px !important; }
.im-bk .im-bk__close:hover { background: #f6f4fa !important; }