.booking-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;pointer-events:none}.booking-modal[aria-hidden=false]{pointer-events:auto}.booking-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .28s ease}.booking-modal[aria-hidden=false] .booking-modal__overlay{opacity:1}.booking-modal__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);opacity:0;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);background:var(--offwhite, #fafafa);border-radius:var(--mp-btn-radius, 8px);box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;transition:opacity .28s ease,transform .28s ease;font-family:var(--mp-btn-font, inherit);color:inherit}.booking-modal[aria-hidden=false] .booking-modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}.booking-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);background:var(--cream, #f5f5f5)}.booking-modal__title{margin:0;font-family:var(--mp-title-font, inherit);font-size:24px;font-weight:var(--mp-btn-font-weight, 600);color:inherit}.booking-modal__close{background:transparent;border:0;font-size:28px;line-height:1;color:inherit;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .16s ease}.booking-modal__close:hover{opacity:1}.booking-modal__progress{display:flex;gap:12px;padding:16px 24px;justify-content:center;border-bottom:1px solid rgba(0,0,0,.06)}.booking-modal__step-indicator{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;background:var(--cream, #f5f5f5);color:#0006;border:1px solid rgba(0,0,0,.1)}.booking-modal__step-indicator[data-active=true]{background:var(--mp-btn-bg, currentColor);color:var(--mp-btn-color, #fff);border-color:var(--mp-btn-bg, currentColor)}.booking-modal__step-indicator[data-completed=true]{background:transparent;color:var(--mp-btn-bg, currentColor);border-color:var(--mp-btn-bg, currentColor)}.booking-modal__body{padding:24px;overflow-y:auto;flex:1 1 auto}.booking-modal__body--closed{text-align:center;padding:48px 24px}.booking-modal__closed-message{font-size:16px;line-height:1.5}.booking-modal__step-title{margin:0 0 6px;font-family:var(--mp-title-font, inherit);font-size:20px;font-weight:var(--mp-btn-font-weight, 600)}.booking-modal__step-hint{margin:0 0 16px;font-size:14px;opacity:.65}.booking-modal__addons{display:flex;flex-direction:column;gap:8px}.booking-modal__addons-empty{font-size:14px;opacity:.5}.booking-modal__addon{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--mp-btn-radius, 8px);cursor:pointer;transition:border-color .18s ease,background .18s ease}.booking-modal__addon:hover{border-color:var(--mp-btn-bg);background:var(--offwhite, #fafafa)}.booking-modal__addon:has(input:checked){border-color:var(--mp-btn-bg);background:var(--cream, #f5f5f5)}.booking-modal__addon-check{accent-color:var(--mp-btn-bg)}.booking-modal__addon-info{display:flex;flex-direction:column;gap:2px}.booking-modal__addon-name{font-size:14px;font-weight:500}.booking-modal__addon-time{font-size:12px;opacity:.55}.booking-modal__addon-price{font-size:14px;font-weight:600;color:var(--mp-btn-bg)}.booking-modal__calendar{margin-bottom:20px}.calendar{-webkit-user-select:none;user-select:none}.calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar__nav{background:transparent;border:1px solid rgba(0,0,0,.15);width:32px;height:32px;border-radius:var(--mp-btn-radius, 6px);cursor:pointer;font-size:16px;color:inherit}.calendar__nav:hover:not([disabled]){border-color:var(--mp-btn-bg);color:var(--mp-btn-bg)}.calendar__nav--disabled{opacity:.3;cursor:not-allowed}.calendar__month{font-weight:500;font-size:15px}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar__day-label{text-align:center;font-size:11px;opacity:.5;padding:6px 0;text-transform:uppercase;letter-spacing:.04em}.calendar__day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;font-size:14px;cursor:pointer;color:inherit;transition:background .16s ease,color .16s ease}.calendar__day:hover:not(.calendar__day--disabled){background:var(--cream, #f5f5f5)}.calendar__day--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.calendar__day--empty{visibility:hidden}.calendar__day--selected{background:var(--mp-btn-bg);color:var(--mp-btn-color, #fff)}.calendar__day--selected:hover{background:var(--mp-btn-hover-bg, var(--mp-btn-bg))}.booking-modal__slots-hint{font-size:13px;opacity:.6;margin:0}.time-slots__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-slot{padding:10px 6px;border:1px solid rgba(0,0,0,.15);border-radius:var(--mp-btn-radius, 6px);background:var(--offwhite, #fafafa);font-size:14px;cursor:pointer;text-align:center;transition:border-color .16s ease,background .16s ease,color .16s ease}.time-slot:hover:not(.time-slot--occupied){border-color:var(--mp-btn-bg);color:var(--mp-btn-bg)}.time-slot--occupied{opacity:.3;cursor:not-allowed;background:var(--cream, #f5f5f5)}.time-slot--selected{background:var(--mp-btn-bg);border-color:var(--mp-btn-bg);color:var(--mp-btn-color, #fff)}.time-slot--selected:hover{background:var(--mp-btn-hover-bg, var(--mp-btn-bg));border-color:var(--mp-btn-hover-bg, var(--mp-btn-bg))}.booking-modal__color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking-modal__color-label{display:flex;flex-direction:column;gap:4px;font-size:13px;opacity:.7}.booking-modal__color-label select{padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:var(--mp-btn-radius, 6px);background:var(--offwhite, #fafafa);font-family:inherit;font-size:14px;color:inherit}.booking-modal__color-label select:focus{outline:2px solid var(--mp-btn-bg);outline-offset:1px}.booking-modal__color-note{margin-top:12px;font-size:12px;font-style:italic;opacity:.55}.booking-modal__terms-text{max-height:200px;overflow-y:auto;padding:12px;background:var(--cream, #f5f5f5);border-radius:var(--mp-btn-radius, 6px);font-size:13px;line-height:1.5;margin-bottom:12px}.booking-modal__terms-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;cursor:pointer}.booking-modal__terms-check input{accent-color:var(--mp-btn-bg);margin-top:2px}.booking-modal__messages{margin-top:12px;font-size:13px;color:var(--mp-btn-bg);min-height:20px}.booking-modal__footer{display:flex;gap:12px;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(0,0,0,.08);background:var(--cream, #f5f5f5)}.booking-modal__btn{padding:12px 20px;border-radius:var(--mp-btn-radius, 6px);font-family:var(--mp-btn-font, inherit);font-size:var(--mp-btn-font-size, 14px);font-weight:var(--mp-btn-font-weight, 500);cursor:pointer;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.booking-modal__btn--ghost{background:transparent;color:inherit;border-color:#0003}.booking-modal__btn--ghost:hover{border-color:currentColor}.booking-modal__btn--primary{background:var(--mp-btn-bg);color:var(--mp-btn-color, #fff);border-color:var(--mp-btn-bg);margin-left:auto}.booking-modal__btn--primary:hover{background:var(--mp-btn-hover-bg, var(--mp-btn-bg));border-color:var(--mp-btn-hover-bg, var(--mp-btn-bg));color:var(--mp-btn-hover-color, var(--mp-btn-color, #fff))}.booking-modal__btn--primary:disabled{opacity:.4;cursor:not-allowed}body.booking-modal-open{overflow:hidden}@media(max-width:480px){.booking-modal__panel{width:100%;height:100vh;max-height:100vh;border-radius:0;top:0;left:0;transform:none}.booking-modal[aria-hidden=false] .booking-modal__panel{transform:none}.booking-modal__color-row{grid-template-columns:1fr}.time-slots__grid{grid-template-columns:repeat(2,1fr)}}.booking-modal__workers-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px 0}.booking-modal__worker{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border:2px solid rgba(0,0,0,.1);border-radius:var(--mp-btn-radius, 12px);background:var(--offwhite, #fafafa);cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:90px}.booking-modal__worker:hover{border-color:var(--mp-btn-bg)}.booking-modal__worker.is-selected{border-color:var(--mp-btn-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-btn-bg) 20%,transparent)}.booking-modal__worker-photo{width:60px;height:60px;border-radius:50%;object-fit:cover}.booking-modal__worker-avatar{width:60px;height:60px;border-radius:50%;background:var(--mp-btn-bg);color:var(--mp-btn-color, #fff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.booking-modal__worker-name{font-size:13px;font-weight:600;text-align:center}.npr-reviews__write-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--mp-btn-bg, #000);color:var(--mp-btn-color, #fff);border:none;border-radius:var(--mp-btn-radius, 6px);font-family:var(--mp-btn-font, inherit);font-size:14px;font-weight:500;cursor:pointer;transition:background .18s ease}.npr-reviews__write-btn:hover{background:var(--mp-btn-hover-bg, var(--mp-btn-bg, #000));color:var(--mp-btn-hover-color, var(--mp-btn-color, #fff))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/booking-modal.css.map */