.section-book-appointment{--ba-accent: #cf222a;--ba-accent-hover: #b01e25;--ba-accent-bg: rgba(207, 34, 42, .1);--ba-accent-border: rgba(207, 34, 42, .3);--ba-dark: #212121;--ba-grey: #808080;--ba-grey-border: rgba(128, 128, 128, .3);--ba-grey-border-light: rgba(128, 128, 128, .2);--ba-grey-bg: rgba(128, 128, 128, .1);--ba-grey-text: #999;--ba-white: #fff;--ba-radius-pill: 90px;--ba-radius-card: 6px;--ba-transition: .25s ease}.section-book-appointment__container{max-width:1440px;margin:0 auto;padding:0 18px}@media(min-width:750px){.section-book-appointment__container{padding:0 40px}}@media(min-width:990px){.section-book-appointment__container{padding:0 80px}}@media(min-width:1536px){.section-book-appointment__container{padding-inline:0}}.section-book-appointment__heading{text-align:center;font-family:var(--font-heading-family);font-size:24px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ba-dark);margin:0 0 32px}@media(min-width:750px){.section-book-appointment__heading{font-size:32px;margin-bottom:40px}}@media(min-width:990px){.section-book-appointment__heading{font-size:40px;margin-bottom:48px}}.section-book-appointment__stepper{display:flex;align-items:flex-start;justify-content:center;margin-bottom:44px;gap:0;padding:0}@media(min-width:750px){.section-book-appointment__stepper{align-items:center;border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);padding:20px;margin-bottom:34px;height:100px;overflow:hidden}}.section-book-appointment__step{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;width:89px;padding:0;background:none;border:none;border-radius:0;position:relative;z-index:1;transition:background var(--ba-transition),border-color var(--ba-transition)}@media(min-width:750px){.section-book-appointment__step{flex-direction:row;gap:10px;width:auto;padding:10px 16px 10px 10px;border-radius:var(--ba-radius-card);border:1px solid var(--ba-grey);background:var(--ba-grey-bg);z-index:auto;position:static}}@media(min-width:1200px){.section-book-appointment__step{padding:10px 40px 10px 10px}}.section-book-appointment__step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ba-grey);color:var(--ba-white);font-size:18px;font-weight:600;flex-shrink:0;line-height:21px;transition:background var(--ba-transition)}.section-book-appointment__step-label{font-size:12px;font-weight:600;color:var(--ba-grey);text-align:center;max-width:89px;line-height:18px;transition:color var(--ba-transition)}@media(min-width:750px){.section-book-appointment__step-label{font-size:14px;font-weight:600;color:var(--ba-grey);white-space:nowrap;text-align:left;max-width:none;line-height:21px}}@media(min-width:1200px){.section-book-appointment__step-label{font-size:16px}}.section-book-appointment__step--active .section-book-appointment__step-number{background:var(--ba-accent)}.section-book-appointment__step--active .section-book-appointment__step-label{color:var(--ba-dark);font-weight:600}@media(min-width:750px){.section-book-appointment__step--active{background:var(--ba-accent-bg);border-color:var(--ba-accent)}.section-book-appointment__step--active .section-book-appointment__step-label{color:var(--ba-dark)}}.section-book-appointment__step--completed .section-book-appointment__step-number{background:var(--ba-accent)}.section-book-appointment__step--completed .section-book-appointment__step-label{color:var(--ba-dark);font-weight:600}@media(min-width:750px){.section-book-appointment__step--completed{background:var(--ba-accent-bg);border-color:var(--ba-accent)}.section-book-appointment__step--completed .section-book-appointment__step-label{color:var(--ba-dark)}}.section-book-appointment__step-line{display:block!important;height:6px;background:var(--ba-grey);transition:background var(--ba-transition);margin-top:17px;flex:1 1 0;min-width:0;margin-left:-24px;margin-right:-24px;z-index:0}@media(min-width:750px){.section-book-appointment__step-line{flex:1 1 0;min-width:20px;margin-top:0;margin-left:0;margin-right:0;z-index:auto}}.section-book-appointment__step-line--active{background:var(--ba-accent)}.section-book-appointment__form-area{border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);padding:10px;margin-bottom:32px}@media(min-width:750px){.section-book-appointment__form-area{padding:20px;margin-bottom:40px}}.section-book-appointment__step-content{display:none}.section-book-appointment__step-content--active{display:block}.section-book-appointment__section-title{font-family:var(--font-body-family);font-size:16px;font-weight:700;color:var(--ba-dark);margin:0 0 16px;line-height:21px}@media(min-width:750px){.section-book-appointment__section-title{font-size:18px}}.section-book-appointment__field-label{display:block;font-size:14px;font-weight:600;color:var(--ba-dark);margin-bottom:8px}.section-book-appointment__field-label--required:after{content:" *";color:var(--ba-accent)}.section-book-appointment__input,.section-book-appointment__select{width:100%;height:48px;padding:0 20px;border:1px solid var(--ba-grey-border);border-radius:var(--ba-radius-pill);background:var(--ba-white);font-size:14px;color:var(--ba-dark);font-family:var(--font-body-family);transition:border-color var(--ba-transition);appearance:none;-webkit-appearance:none}.section-book-appointment__input:focus,.section-book-appointment__select:focus{outline:none;border-color:var(--ba-dark)}.section-book-appointment__input::placeholder{color:var(--ba-grey-text)}.section-book-appointment__input--error,.section-book-appointment__select--error{border-color:var(--ba-accent)}.section-book-appointment__error-text{font-size:12px;color:var(--ba-accent);margin-top:4px;padding-left:20px;display:none}.section-book-appointment__error-text--visible{display:block}.section-book-appointment__select-wrap{position:relative}.section-book-appointment__select-wrap:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--ba-dark);pointer-events:none}.section-book-appointment__select{padding-right:44px}.section-book-appointment__field-group{display:grid;gap:16px;margin-bottom:24px}@media(min-width:750px){.section-book-appointment__field-group--3col{grid-template-columns:repeat(3,1fr);gap:20px}}.section-book-appointment__field-group--full{margin-bottom:24px}.section-book-appointment__purpose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 10px;margin-bottom:32px}@media(min-width:750px){.section-book-appointment__purpose-grid{grid-template-columns:repeat(3,1fr);gap:24px 25px;margin-bottom:40px}}.section-book-appointment__purpose-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--ba-grey-border);border-radius:var(--ba-radius-pill);cursor:pointer;transition:background var(--ba-transition),border-color var(--ba-transition);-webkit-user-select:none;user-select:none}@media(min-width:750px){.section-book-appointment__purpose-option{padding:14px 20px}}.section-book-appointment__purpose-option:hover{border-color:var(--ba-dark)}.section-book-appointment__purpose-option--selected{background:var(--ba-accent-bg);border-color:var(--ba-accent-border)}.section-book-appointment__purpose-option--selected:hover{border-color:var(--ba-accent-border)}.section-book-appointment__purpose-text{font-size:14px;font-weight:500;color:var(--ba-dark)}.section-book-appointment__purpose-radio{width:18px;height:18px;border-radius:50%;border:1px solid var(--ba-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--ba-transition)}.section-book-appointment__purpose-option--selected .section-book-appointment__purpose-radio{border-color:var(--ba-accent)}.section-book-appointment__purpose-radio-dot{width:10px;height:10px;border-radius:50%;background:transparent;transition:background var(--ba-transition)}.section-book-appointment__purpose-option--selected .section-book-appointment__purpose-radio-dot{background:var(--ba-accent)}.section-book-appointment__purpose-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.section-book-appointment__datetime-grid{display:flex;flex-direction:column;gap:16px}@media(min-width:990px){.section-book-appointment__datetime-grid{flex-direction:row;gap:20px}}.section-book-appointment__calendar{width:100%}@media(min-width:990px){.section-book-appointment__calendar{flex:1 1 0;min-width:0}}.section-book-appointment__calendar-card{border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);padding:10px;background:var(--ba-white)}@media(min-width:990px){.section-book-appointment__calendar-card{padding:20px}}@media(min-width:1400px){.section-book-appointment__calendar-card{padding:30px}}.section-book-appointment__calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}@media(min-width:990px){.section-book-appointment__calendar-header{margin-bottom:10px}}.section-book-appointment__calendar-title{font-family:"Poppins",var(--font-body-family);font-size:18px;font-weight:600;color:#000}@media(min-width:990px){.section-book-appointment__calendar-title{font-size:20px}}.section-book-appointment__calendar-nav{display:flex;gap:10px}.section-book-appointment__calendar-nav-btn{width:24px;height:24px;border:none;border-radius:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ba-dark);padding:0;transition:opacity var(--ba-transition)}.section-book-appointment__calendar-nav-btn:hover{opacity:.6}.section-book-appointment__calendar-nav-btn:disabled{opacity:.3;cursor:not-allowed}.section-book-appointment__calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:0}.section-book-appointment__calendar-weekday{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:600;color:#3c3c4399;text-transform:uppercase;width:46px;height:46px}@media(min-width:990px){.section-book-appointment__calendar-weekday{width:auto;height:auto;aspect-ratio:1;font-size:15px;font-weight:700}}@media(min-width:1400px){.section-book-appointment__calendar-weekday{width:76px;height:76px;font-size:16px;aspect-ratio:auto}}.section-book-appointment__calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.section-book-appointment__calendar-day{display:flex;align-items:center;justify-content:center;text-align:center;width:46px;height:46px;font-size:14px;font-weight:600;color:#000;cursor:pointer;border-radius:50%;transition:background var(--ba-transition),color var(--ba-transition);border:none;background:none;font-family:var(--font-body-family);padding:0}@media(min-width:990px){.section-book-appointment__calendar-day{width:auto;height:auto;aspect-ratio:1;font-size:15px}}@media(min-width:1400px){.section-book-appointment__calendar-day{width:76px;height:76px;font-size:16px;aspect-ratio:auto}}.section-book-appointment__calendar-day:hover:not(.section-book-appointment__calendar-day--disabled):not(.section-book-appointment__calendar-day--empty){font-size:18px}.section-book-appointment__calendar-day--today{font-weight:700;color:var(--ba-accent)}.section-book-appointment__calendar-day--selected{background:var(--ba-accent);color:var(--ba-white);font-weight:700}.section-book-appointment__calendar-day--selected:hover{background:var(--ba-accent-hover)}.section-book-appointment__calendar-day--disabled{color:var(--ba-grey-border);cursor:not-allowed}.section-book-appointment__calendar-day--empty{cursor:default}.section-book-appointment__calendar-day--other-month{color:var(--ba-grey)}.section-book-appointment__timeslots{width:100%}@media(min-width:990px){.section-book-appointment__timeslots{flex:1 1 0;min-width:0}}.section-book-appointment__timeslot-card{border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);padding:10px;background:var(--ba-white)}@media(min-width:990px){.section-book-appointment__timeslot-card{padding:20px}}@media(min-width:1400px){.section-book-appointment__timeslot-card{padding:30px}}.section-book-appointment__timeslot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(min-width:990px){.section-book-appointment__timeslot-grid{gap:14px}}@media(min-width:1400px){.section-book-appointment__timeslot-grid{gap:23px 25px}}.section-book-appointment__timeslot{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);background:var(--ba-white);font-size:16px;font-weight:600;color:var(--ba-dark);cursor:pointer;transition:background var(--ba-transition),border-color var(--ba-transition),color var(--ba-transition);white-space:nowrap;font-family:var(--font-body-family)}@media(min-width:990px){.section-book-appointment__timeslot{min-width:0;padding:14px;font-size:14px}}@media(min-width:1400px){.section-book-appointment__timeslot{min-width:174px;padding:20px;font-size:16px}}.section-book-appointment__timeslot:hover{border-color:var(--ba-dark);background:var(--ba-grey-bg)}.section-book-appointment__timeslot--selected{background:var(--ba-accent);border-color:var(--ba-accent);color:var(--ba-white)}.section-book-appointment__timeslot--selected:hover{background:var(--ba-accent-hover);border-color:var(--ba-accent-hover)}.section-book-appointment__timeslot--disabled{opacity:.35;cursor:not-allowed;pointer-events:none;text-decoration:line-through}.section-book-appointment__contact-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:750px){.section-book-appointment__contact-grid{grid-template-columns:repeat(3,1fr);gap:10px 20px}}.section-book-appointment__contact-field{display:flex;flex-direction:column;gap:10px}.section-book-appointment__contact-field .section-book-appointment__field-label{margin-bottom:0}.section-book-appointment__confirmation{display:none;text-align:center}.section-book-appointment__confirmation--active{display:block}.section-book-appointment__confirmation-icon{width:64px;height:64px;border-radius:50%;background:#e8f5e9;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.section-book-appointment__confirmation-icon svg{width:32px;height:32px;color:#2e7d32}.section-book-appointment__confirmation-heading{font-family:var(--font-heading-family);font-size:24px;font-weight:700;color:var(--ba-dark);margin:0 0 12px}@media(min-width:750px){.section-book-appointment__confirmation-heading{font-size:28px}}.section-book-appointment__confirmation-message{font-size:15px;line-height:1.6;color:var(--ba-grey-text);max-width:600px;margin:0 auto 32px}.section-book-appointment__confirmation-message p{margin:0 0 8px}.section-book-appointment__summary{max-width:700px;margin:0 auto 32px;border:1px solid var(--ba-grey-border-light);border-radius:var(--ba-radius-card);overflow:hidden;text-align:left}.section-book-appointment__summary-title{font-family:var(--font-heading-family);font-size:16px;font-weight:700;color:var(--ba-white);background:var(--ba-dark);padding:14px 20px;margin:0}.section-book-appointment__summary-row{display:flex;border-bottom:1px solid var(--ba-grey-bg);padding:12px 20px}.section-book-appointment__summary-row:last-child{border-bottom:none}.section-book-appointment__summary-label{width:40%;font-size:13px;font-weight:600;color:var(--ba-grey);flex-shrink:0}.section-book-appointment__summary-value{width:60%;font-size:14px;font-weight:500;color:var(--ba-dark)}.section-book-appointment__actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:44px}@media(min-width:750px){.section-book-appointment__actions{gap:30px}}.section-book-appointment__btn{display:inline-flex;align-items:center;justify-content:center;width:160px;height:48px;padding:8px 20px;border-radius:var(--ba-radius-pill);font-size:16px;font-weight:600;line-height:21px;font-family:var(--font-body-family);cursor:pointer;transition:background var(--ba-transition),border-color var(--ba-transition),color var(--ba-transition),opacity var(--ba-transition);text-decoration:none;border:none}@media(min-width:750px){.section-book-appointment__btn{width:200px;height:56px}}.section-book-appointment__btn--cancel{background:var(--ba-white);border:1.5px solid var(--ba-dark);color:var(--ba-dark)}.section-book-appointment__btn--cancel:hover{background:var(--ba-grey-bg)}.section-book-appointment__btn--next{background:var(--ba-dark);color:var(--ba-white)}.section-book-appointment__btn--next:hover{opacity:.85}.section-book-appointment__btn--next:disabled{opacity:.5;cursor:not-allowed}.section-book-appointment__btn--submit{background:var(--ba-accent);color:var(--ba-white)}.section-book-appointment__btn--submit:hover{background:var(--ba-accent-hover)}.section-book-appointment__btn--submit:disabled{opacity:.5;cursor:not-allowed}.section-book-appointment__btn--loading{pointer-events:none;position:relative}.section-book-appointment__btn--loading .section-book-appointment__btn-text{visibility:hidden}.section-book-appointment__btn--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:ba-spin .6s linear infinite}@keyframes ba-spin{to{transform:rotate(360deg)}}.section-book-appointment__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--ba-dark);color:var(--ba-white);padding:14px 24px;border-radius:var(--ba-radius-card);font-size:14px;font-weight:500;z-index:1000;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.section-book-appointment__toast--visible{transform:translate(-50%) translateY(0);opacity:1}.section-book-appointment__toast--error{background:var(--ba-accent)}.section-book-appointment__form-area--hidden,.section-book-appointment__stepper--hidden{display:none}.section-book-appointment .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
/*# sourceMappingURL=/cdn/shop/t/19/assets/book-appointment.css.map */