.demo-booking-section{padding:40px 20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.booking-container{max-width:1280px;margin:0 auto;background:#fff;border-radius:28px;box-shadow:0 8px 30px #0000000d;overflow:hidden;padding:24px 32px 40px}.section-title{font-size:28px;font-weight:600;margin:0 0 28px;text-align:center;color:#1a2c3e}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:40px;border-bottom:1px solid #e9ecef;padding-bottom:12px}.step-item{text-align:center;color:#adb5bd;transition:all .2s}.step-item.active{color:var(--primary-color)}.step-item.completed{cursor:pointer;color:#495057}.step-item.completed:hover{color:var(--primary-color)}.step-item.disabled{cursor:not-allowed;opacity:.5}.step-number{display:inline-block;width:32px;height:32px;line-height:32px;background:#e9ecef;border-radius:50%;font-weight:600;margin-right:8px;color:#495057;transition:all .2s}.step-item.active .step-number{background:var(--primary-color);color:#fff}.step-item.completed .step-number{background:var(--primary-color);color:#fff;opacity:.7}.step-label{font-weight:500}.host-selection-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.my-address-card{background:#f1f3f5;padding:16px;border-radius:20px;margin-bottom:24px}.my-address-card h3,.nearby-hosts h3{margin-top:0;margin-bottom:12px;font-size:18px}.address-field input,.unit-field input{width:100%;padding:12px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:8px}.hosts-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.machine-filter{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236c757d' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;border:1.5px solid #e0e0e0;border-radius:10px;padding:6px 28px 6px 10px;font-size:13px;background-color:#fff;color:#495057;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:140px}.machine-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5c9e1a}.no-hosts-message{text-align:center;padding:24px 16px;color:#868e96;font-size:14px;border:1px dashed #dee2e6;border-radius:12px;margin-top:8px}.hosts-list{display:flex;flex-direction:column;gap:12px;max-height:460px;overflow-y:auto}.host-card{background:#fff;border:1px solid #e9ecef;border-radius:20px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.host-card:hover{border-color:var(--primary-color)}.host-card.selected{border-color:var(--primary-color);background:#f0f7ff;box-shadow:0 4px 12px #0000000d}.host-name{font-weight:700;font-size:16px;margin-bottom:6px}.host-details{font-size:13px;color:#6c757d;display:flex;justify-content:space-between}.host-machines{font-size:12px;color:#495057;margin-top:6px}.host-type-badge{display:inline-block;font-size:11px;padding:2px 10px;border-radius:12px;margin-left:8px;font-weight:500}.host-type-badge.demo-room{background:#d4edda;color:#155724}.host-type-badge.dealer{background:#fff3cd;color:#856404}.map-preview{background:#e9ecef;border-radius:20px;overflow:hidden}.map-container{width:100%;height:400px;display:block;will-change:transform}.leaflet-bar a.map-locate-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#495057;background:#fff;border-bottom:1px solid #ccc;line-height:1}.map-locate-btn:hover{background:#f0f7ff;color:var(--primary-color)}.host-summary-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:16px 20px;box-shadow:0 2px 12px #0000000a}.host-summary-left{display:flex;align-items:center;gap:12px}.host-summary-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e7f1ff,#d0e3ff);border-radius:12px;font-size:18px;flex-shrink:0}.host-summary-label{display:block;font-size:12px;color:#868e96;font-weight:500;margin-bottom:2px}.host-summary-name{font-size:15px;color:var(--primary-color);font-weight:600}.host-summary-right{flex-shrink:0}.timezone-badge{font-size:12px;color:var(--primary-color, #1a5c9e);background:#f8f9fa;border:1px solid #e9ecef;padding:6px 14px;border-radius:20px;font-weight:600;white-space:nowrap}.datetime-container{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}.calendar-section{background:#fff;border:1px solid #e9ecef;border-radius:20px;padding:16px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 2px}.current-month-year{font-size:15px;font-weight:600;color:#212529}.month-prev,.month-next{width:30px;height:30px;background:#f8f9fa;border:none;border-radius:50%;font-size:18px;cursor:pointer;color:#495057;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.month-prev:hover,.month-next:hover{background:var(--primary-color);color:#fff}.month-prev:disabled,.month-next:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:600;color:#868e96;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 2px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 2px}.calendar-day{width:79px;height:79px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;background:#f8f9fa;font-size:14px;font-weight:500;color:#495057;transition:all .2s;position:relative;margin:0 auto;aspect-ratio:auto}.calendar-day:not(.empty):not(.disabled-date):hover{background:#e7f1ff;color:var(--primary-color);transform:scale(1.05)}.calendar-day.selected-date{background:var(--primary-color);color:#fff;font-weight:600;box-shadow:0 4px 12px #1a5c9e4d}.calendar-day.today:not(.selected-date){border:2px solid var(--primary-color);font-weight:600}.calendar-day.empty{cursor:default;background:transparent}.calendar-day.disabled-date{color:#dee2e6;cursor:not-allowed;background:#f8f9fa}.timeslots-section{background:#fff;border:1px solid #e9ecef;border-radius:20px;padding:24px;position:sticky;top:20px}.timeslots-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#212529;margin:0 0 6px}.timeslots-icon{font-size:18px}.timeslots-subtitle{font-size:12px;color:#adb5bd;margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid #f1f3f5}.time-slots-list{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow-y:auto;padding-right:4px}.time-slots-list::-webkit-scrollbar{width:4px}.time-slots-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:10px}.time-slots-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:10px}.time-slots-placeholder{text-align:center;color:#adb5bd;font-size:13px;padding:32px 16px}.time-slot-btn{background:#fff;border:2px solid #e9ecef;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:500;color:#495057;transition:all .2s;text-align:center}.time-slot-btn:hover:not(.selected){border-color:var(--primary-color);background:#f0f7ff;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #1a5c9e26}.time-slot-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #1a5c9e4d}.time-slot-past{opacity:.35;cursor:not-allowed;pointer-events:none;background:#f8f9fa;color:#adb5bd;border-color:#e9ecef}.time-slot-past:hover{border-color:#e9ecef;background:#f8f9fa;color:#adb5bd;transform:none;box-shadow:none}.step-section-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:2px solid #f1f3f5}.step-section-icon{width:42px;height:42px;background:linear-gradient(135deg,#e7f1ff,#d0e3ff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.step-section-title{font-size:17px;font-weight:700;color:#212529;margin:0 0 2px}.step-section-subtitle{font-size:12px;color:#adb5bd;margin:0}.details-form{max-width:900px;margin:0 auto;background:#fcfcfd;border:1px solid #e9ecef;border-radius:20px;padding:28px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1}.form-group label{display:block;font-weight:600;font-size:13px;color:#495057;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:7px 14px;border-radius:12px;border:1.5px solid #e0e0e0;font-family:inherit;font-size:14px;color:#212529;background:#fff;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#c0c4c8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1a5c9e1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc354514}.field-error-msg{color:#dc3545;font-size:12px;margin-top:4px;display:none}.field-error-msg.visible{display:block}.phone-input-group{display:flex;gap:8px}.phone-code{background:#f1f3f5;padding:12px 14px;border-radius:12px;white-space:nowrap;font-size:14px;font-weight:500;color:#495057;border:1.5px solid #e0e0e0;cursor:pointer;-webkit-appearance:auto;appearance:auto;background-image:none;width:auto;min-width:90px;box-sizing:border-box;line-height:1}.radio-group{display:flex;gap:12px;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;color:#495057;background:#fff;margin:0}.radio-group label:has(input:checked){border-color:var(--primary-color);background:#e7f1ff;color:#1a5c9e}.radio-group input[type=radio]{accent-color:var(--primary-color);width:14px;height:14px}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236c757d' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;padding-right:38px;padding-top:12px;padding-bottom:12px;line-height:1;cursor:pointer}.extra-questions{margin-top:32px;border-top:2px solid #f1f3f5;padding-top:24px}.extra-questions .form-group{margin-bottom:24px}.extra-questions .form-group:last-child{margin-bottom:0}.extra-questions-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#495057;margin-bottom:20px}.extra-questions-icon{font-size:16px}.summary-card{background:#fcfcfd;border-radius:28px;padding:24px;max-width:900px;margin:0 auto;border:1px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;padding:10px 0}.summary-label{color:#6c757d}.summary-divider{height:1px;background:#e9ecef;margin:16px 0}.summary-hint{display:flex;align-items:center;gap:8px;margin:8px 0 16px;padding:6px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:12px;color:var(--primary-color);font-weight:600;line-height:1.5}.summary-hint-icon{flex-shrink:0;color:var(--primary-color)}.summary-extra-questions{background:#f8f9fa;padding:16px;border-radius:20px;margin:16px 0}.payment-details{background:#f1f3f5;padding:16px;border-radius:20px;margin-top:16px}.payment-row{display:flex;justify-content:space-between;margin-bottom:8px}.payment-row.total{font-weight:800;border-top:1px solid #ced4da;margin-top:8px;padding-top:8px}.terms{margin:20px 0 0;font-size:13px}.step-actions{display:flex;justify-content:space-between;margin-top:48px;gap:16px}button{padding:12px 28px;border-radius:40px;font-weight:600;border:none;cursor:pointer;transition:all .15s}.btn-next,.btn-confirm{background:var(--primary-color);color:#fff}.btn-next:hover:not(:disabled),.btn-confirm:hover:not(:disabled){opacity:.9}.btn-next:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:#e9ecef}.btn-back:hover{background:#dee2e6}.btn-confirm.loading{pointer-events:none;position:relative}.btn-confirm .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.btn-confirm.loading .spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{padding:16px 24px;border-radius:16px;color:#fff;font-weight:500;font-size:14px;box-shadow:0 8px 24px #00000026;animation:toast-in .3s ease-out;max-width:400px;display:flex;align-items:center;gap:10px}.toast.success{background:#28a745}.toast.error{background:#dc3545}.toast.fade-out{animation:toast-out .3s ease-out forwards}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media(max-width:800px){.demo-booking-section{padding:20px 10px}.booking-container{padding:16px 12px 24px;border-radius:16px}.section-title{font-size:20px;margin-bottom:20px}.steps-indicator{margin-bottom:24px;padding-bottom:8px}.steps-indicator .step-label{display:none}.step-number{margin-right:0;width:28px;height:28px;line-height:28px;font-size:13px}.host-selection-layout{grid-template-columns:1fr;gap:16px}.my-address-card{padding:12px;margin-bottom:16px;border-radius:14px}.my-address-card h3,.nearby-hosts h3{font-size:15px;margin-bottom:8px}.address-field input,.unit-field input{padding:10px 12px;border-radius:10px;font-size:14px}.hosts-list{max-height:280px;gap:8px}.host-card{padding:12px;border-radius:14px}.host-name{font-size:14px}.host-details{font-size:12px}.host-machines{font-size:11px}.machine-filter{font-size:11px;padding:6px 26px 6px 8px;max-width:130px;background-position:right 6px center;background-size:8px 5px}.no-hosts-message{font-size:12px;padding:16px 12px}.map-preview{border-radius:14px}.map-container{height:240px}.host-summary-card{flex-direction:column;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px}.host-summary-right{align-self:flex-start}.host-summary-icon{width:36px;height:36px;font-size:16px;border-radius:10px}.host-summary-name{font-size:14px}.timezone-badge{font-size:11px;padding:4px 10px}.datetime-container{grid-template-columns:1fr;gap:16px}.calendar-section{padding:12px;border-radius:14px}.calendar-header{margin-bottom:10px}.current-month-year{font-size:13px}.month-prev,.month-next{width:28px;height:28px;font-size:16px}.calendar-weekdays{font-size:10px;margin-bottom:4px}.calendar-days{gap:2px}.calendar-day{width:auto;height:auto;aspect-ratio:1;font-size:12px;border-radius:50%;padding:5px}.timeslots-section{position:static;padding:16px;border-radius:14px}.timeslots-title{font-size:14px}.timeslots-subtitle{font-size:11px;margin-bottom:12px;padding-bottom:10px}.time-slots-list{max-height:320px;gap:8px}.time-slot-btn{padding:10px 14px;font-size:12px;border-radius:10px}.step-section-header{gap:10px;margin-bottom:16px;padding-bottom:12px}.step-section-icon{width:36px;height:36px;font-size:16px}.step-section-title{font-size:15px}.step-section-subtitle{font-size:11px}.details-form{padding:16px;border-radius:14px}.form-row{flex-direction:column;gap:14px;margin-bottom:14px}.form-group label{font-size:12px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:13px;border-radius:10px}.form-group select{padding-right:32px;background-position:right 10px center}.phone-input-group{gap:6px}.phone-code{min-width:0;width:105px;padding:10px 8px;font-size:12px;border-radius:10px;line-height:1}.radio-group{gap:8px}.radio-group label{padding:8px 12px;font-size:12px;border-radius:8px}.extra-questions{margin-top:20px;padding-top:16px}.extra-questions .form-group{margin-bottom:18px}.extra-questions-header{font-size:13px;margin-bottom:14px}.summary-card{padding:16px;border-radius:16px}.summary-row{padding:8px 0;font-size:13px}.summary-divider{margin:10px 0}.summary-extra-questions{padding:12px;border-radius:14px;margin:12px 0}.summary-extra-questions p{font-size:12px}.payment-details{padding:12px;border-radius:14px;margin-top:12px;font-size:13px}.terms{font-size:12px}.step-actions{margin-top:28px;gap:10px}button{padding:10px 20px;font-size:13px;border-radius:32px}.toast-container{right:6px;left:6px;top:12px}.toast{max-width:100%;padding:12px 16px;font-size:13px;border-radius:12px}.btn-confirm .spinner{width:14px;height:14px;border-width:2px}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/store-appointment.css.map */