:root{--primary-color: #FF2A67;--primary-hover: #E02458;--text-primary: #121212;--text-secondary: #666666;--text-placeholder: #999999;--border-color: #E5E5E5;--background-white: #FFFFFF;--background-light: #F8F8F8}*{box-sizing:border-box}.appointment-booking-wrapper{min-height:100vh;background:var(--background-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.appointment-booking-container{max-width:1200px;margin:0 auto;padding:20px}.booking-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:40px}.back-button{position:absolute;left:0;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.back-button:hover{opacity:.7}.booking-logo{height:50px}.progress-stepper{display:flex;justify-content:space-between;align-items:flex-start;margin:40px 0 60px;position:relative;padding:0 20px}.step-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-circle{width:60px;height:60px;border-radius:50%;background:var(--background-white);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s}.step-item.active .step-circle,.step-item.completed .step-circle{background:var(--primary-color);border-color:var(--primary-color)}.step-icon{color:var(--text-secondary);display:block}.step-item.active .step-icon,.step-item.completed .step-icon{color:var(--background-white)}.step-check{display:none;color:var(--background-white)}.step-item.completed .step-check{display:block}.step-item.completed .step-icon{display:none}.step-connector{position:absolute;top:30px;left:50%;width:100%;height:2px;background:var(--border-color);z-index:1}.step-item:last-child .step-connector{display:none}.step-item.completed .step-connector{background:var(--primary-color)}.step-label{margin-top:12px;font-size:14px;color:var(--text-secondary);text-align:center;white-space:nowrap}.step-item.active .step-label{color:var(--primary-color);font-weight:500}.form-group{margin-bottom:24px}.form-label{display:block;font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.select-wrapper{position:relative}.form-select{width:100%;padding:16px 48px 16px 20px;font-size:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--background-white);color:var(--text-primary);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.form-select:focus{outline:none;border-color:var(--primary-color)}.select-wrapper:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--text-secondary);pointer-events:none}.form-input{width:100%;padding:16px 20px;font-size:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--background-white);color:var(--text-primary);transition:border-color .2s}.form-input::placeholder{color:var(--text-placeholder)}.form-input:focus{outline:none;border-color:var(--primary-color)}.location-selection{max-width:800px;margin:0 auto}.service-selection{max-width:1000px;margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.service-card{position:relative}.service-checkbox{position:absolute;opacity:0;pointer-events:none}.service-card-inner{display:flex;flex-direction:column;padding:24px;border:2px solid var(--border-color);border-radius:12px;background:var(--background-white);cursor:pointer;transition:all .2s;position:relative;min-height:120px}.service-card-inner:hover{border-color:var(--primary-color)}.service-checkbox:checked+.service-card-inner{border-color:var(--primary-color);background:var(--background-light)}.service-duration{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.service-name{font-size:16px;font-weight:500;color:var(--text-primary);flex:1}.service-checkmark{position:absolute;top:12px;right:12px;width:24px;height:24px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--background-white);transition:all .2s}.service-checkmark svg{opacity:0;transition:opacity .2s}.service-checkbox:checked+.service-card-inner .service-checkmark{background:var(--primary-color);border-color:var(--primary-color)}.service-checkbox:checked+.service-card-inner .service-checkmark svg{opacity:1}.datetime-selection{max-width:900px;margin:0 auto}.services-summary{padding:20px;background:var(--background-light);border-radius:12px;margin-bottom:32px;font-size:15px;line-height:1.6}.services-summary strong{color:var(--text-primary)}.services-summary span{color:var(--text-secondary)}.calendar-section{margin-bottom:32px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.calendar-nav{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.calendar-nav:hover{opacity:.6}.calendar-title{font-size:18px;font-weight:600;color:var(--text-primary)}.calendar-dates{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.calendar-dates::-webkit-scrollbar{height:4px}.calendar-dates::-webkit-scrollbar-track{background:var(--background-light)}.calendar-dates::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.date-card{min-width:80px;padding:16px 12px;border:1px solid var(--border-color);border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;background:var(--background-white)}.date-card:hover{border-color:var(--primary-color)}.date-card.selected{background:var(--primary-color);border-color:var(--primary-color)}.date-number{font-size:24px;font-weight:600;color:var(--text-primary)}.date-month{font-size:12px;color:var(--text-secondary);margin-top:4px}.date-card.selected .date-number,.date-card.selected .date-month{color:var(--background-white)}.slots-section{margin-top:32px}.slot-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--background-light)}.slot-tab{padding:12px 24px;background:none;border:none;font-size:15px;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s}.slot-tab:hover{color:var(--text-primary)}.slot-tab.active{color:var(--primary-color)}.slot-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.time-slot{padding:14px;border:1px solid var(--border-color);border-radius:8px;text-align:center;cursor:pointer;font-size:15px;color:var(--text-primary);background:var(--background-white);transition:all .2s}.time-slot:hover{border-color:var(--primary-color)}.time-slot.selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--background-white)}.review-section{max-width:700px;margin:0 auto}.booking-summary{padding:24px;background:var(--background-light);border-radius:12px;margin-bottom:32px}.summary-row{display:flex;gap:12px;margin-bottom:16px;font-size:15px;line-height:1.6}.summary-row:last-child{margin-bottom:0}.summary-row strong{color:var(--text-primary);min-width:120px}.summary-row span,.summary-row div{color:var(--text-secondary)}.contact-info{margin-top:32px}.whatsapp-notice{font-size:15px;color:var(--text-primary);margin-bottom:24px}.success-section{max-width:600px;margin:0 auto}.success-card{padding:60px 40px;text-align:center;background:var(--background-white);border:1px solid var(--border-color);border-radius:16px}.success-emoji{font-size:64px;margin-bottom:24px}.success-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.success-message{font-size:16px;color:var(--text-secondary);line-height:1.6}.action-button-wrapper{max-width:700px;margin:40px auto 0;text-align:center}.action-button{background:var(--primary-color);color:var(--background-white);border:none;border-radius:50px;padding:18px 48px;font-size:16px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s;min-width:200px;justify-content:center}.action-button:hover{background:var(--primary-hover)}.action-button svg{width:20px;height:20px}@media (max-width: 768px){.appointment-booking-container{padding:16px}.booking-logo{height:40px}.progress-stepper{padding:0;margin:24px 0 40px}.step-circle{width:48px;height:48px}.step-icon{width:20px;height:20px}.step-label{font-size:12px;max-width:80px;white-space:normal;line-height:1.3}.step-connector{top:24px}.service-grid{grid-template-columns:1fr;gap:16px}.calendar-dates{gap:8px}.date-card{min-width:70px;padding:12px 8px}.date-number{font-size:20px}.slot-tabs{overflow-x:auto}.slot-tab{white-space:nowrap;padding:12px 16px}.time-slots{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.action-button{width:100%}.success-card{padding:40px 24px}.success-emoji{font-size:48px}.success-title{font-size:24px}}.step-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/appointment-booking.css.map */