.store-appointment-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center;animation:fadeIn .3s ease;padding-top:20px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.store-appointment-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.store-appointment-modal-content{position:relative;background:#fff;border-radius:24px;padding:48px 40px;max-width:60%;width:60%;max-height:calc(100vh - 40px);min-height:auto;margin-top:0;overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 60px #2d1a1540,0 0 0 1px #bf50001a;z-index:1;animation:slideDownFromTop .3s ease;display:flex;flex-direction:column;box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.store-appointment-modal-close{position:absolute;top:24px;right:24px;background:#ffffffe6;border:2px solid #e8d6c4;border-radius:50%;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;color:#2d1a15;transition:all .3s ease;z-index:10;width:40px;height:40px;box-shadow:0 2px 8px #0000001a}.store-appointment-modal-close:hover{transform:rotate(90deg);background:#fff4e5;border-color:#bf5000;box-shadow:0 4px 12px #bf500033}.store-appointment-modal-title{font-size:30px;color:#7c6667;margin:0 0 12px;text-align:center;letter-spacing:-.5px;font-family:Poppins-SemiBold}.store-appointment-modal-subtitle{font-family:Poppins-Regular;font-size:17px;line-height:1.7;color:#6b5d52;margin:0 0 24px;text-align:center;font-weight:400}.store-appointment-controls{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;justify-content:center;position:relative;z-index:10;min-height:60px;flex-direction:column}.store-appointment-btn-day,.store-appointment-btn-time{flex:1;min-width:180px;padding:16px 24px;border:2px solid #e8d6c4;border-radius:16px;background:#fff;font-family:Poppins-SemiBold;font-size:16px;font-weight:600;color:#2d1a15;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000000d}.store-appointment-btn-day:hover:not(:disabled),.store-appointment-btn-time:hover:not(:disabled){border-color:#bf5000;background:linear-gradient(135deg,#fff7ef,#fff4e5);transform:translateY(-2px);box-shadow:0 4px 12px #bf500026}.store-appointment-btn-day:disabled,.store-appointment-btn-time:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.store-appointment-btn-day.selected,.store-appointment-btn-time.selected{border-color:#2d1a15;border-width:2px;background:#fff;color:#2d1a15;font-weight:700}.store-appointment-btn-proceed{flex:1;min-width:180px;padding:16px 32px;border:none;border-radius:16px;background:linear-gradient(135deg,#bf5000,#d45a00);color:#fff;font-family:Poppins-Bold;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #bf50004d;width:max-content;margin:auto}.store-appointment-btn-proceed span{font-family:Poppins-Regular;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:100%;letter-spacing:0%;vertical-align:middle;text-transform:uppercase;color:#fff}.store-appointment-btn-proceed:hover:not(:disabled){background:linear-gradient(135deg,#a44100,#bf5000);transform:translateY(-2px);box-shadow:0 6px 20px #bf500066}.store-appointment-btn-proceed:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #bf50004d}.store-appointment-btn-proceed:disabled{opacity:.5;cursor:not-allowed}.store-appointment-consent-checkbox{margin-top:24px;margin-bottom:24px}.store-appointment-consent-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Poppins-Regular;font-size:14px;line-height:1.5;color:#2d1a15;margin-left:10px}.store-appointment-consent-checkbox input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:#BF5000;border:2px solid #e8d6c4;border-radius:4px}.store-appointment-consent-checkbox input[type=checkbox]:checked{background-color:#bf5000;border-color:#bf5000}.store-appointment-consent-checkbox span{flex:1;-webkit-user-select:none;user-select:none}.store-appointment-controls{position:relative;z-index:10}.store-appointment-btn-day,.store-appointment-btn-time{position:relative}.store-appointment-day-dropdown{position:fixed;background:#fff;border:2px solid #e8d6c4;border-radius:16px;box-shadow:0 12px 32px #2d1a1533,0 0 0 1px #bf50000d;max-height:min(400px,calc(90vh - 300px));overflow-y:auto;overflow-x:hidden;z-index:10001;animation:slideDown .2s ease;box-sizing:border-box;min-width:180px}.store-appointment-day-dropdown::-webkit-scrollbar{width:8px}.store-appointment-day-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.store-appointment-day-dropdown::-webkit-scrollbar-thumb{background:#bf5000;border-radius:4px}.store-appointment-day-dropdown::-webkit-scrollbar-thumb:hover{background:#a44100}.store-appointment-time-dropdown{position:fixed;background:#fff;border:2px solid #e8d6c4;border-radius:16px;box-shadow:0 12px 32px #2d1a1533,0 0 0 1px #bf50000d;max-height:min(500px,calc(90vh - 250px));overflow:hidden;z-index:10001;animation:slideDown .2s ease;box-sizing:border-box;min-width:180px}.store-appointment-time-dropdown::-webkit-scrollbar{width:8px}.store-appointment-time-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.store-appointment-time-dropdown::-webkit-scrollbar-thumb{background:#bf5000;border-radius:4px}.store-appointment-time-dropdown::-webkit-scrollbar-thumb:hover{background:#a44100}.store-appointment-time-wrapper{display:flex;height:100%;max-height:min(180px,calc(90vh - 250px));flex-direction:row;overflow:hidden}.store-appointment-day-dropdown::-webkit-scrollbar,.store-appointment-time-dropdown::-webkit-scrollbar{width:8px}.store-appointment-day-dropdown::-webkit-scrollbar-track,.store-appointment-time-dropdown::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.store-appointment-day-dropdown::-webkit-scrollbar-thumb,.store-appointment-time-dropdown::-webkit-scrollbar-thumb{background:#bf5000;border-radius:4px}.store-appointment-day-dropdown::-webkit-scrollbar-thumb:hover,.store-appointment-time-dropdown::-webkit-scrollbar-thumb:hover{background:#a44100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.store-appointment-day-item{padding:18px 24px;cursor:pointer;border-bottom:1px solid #f3dfcd;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;position:relative}.store-appointment-day-item:hover:not(.unavailable){background:linear-gradient(90deg,#fff7ef,#fff4e5);padding-left:28px}.store-appointment-day-item.unavailable{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#f9f9f9}.store-appointment-day-item.unavailable .day-label,.store-appointment-day-item.unavailable .day-date{color:#999}.store-appointment-day-item.unavailable:hover{background-color:#f9f9f9;padding-left:24px}.store-appointment-day-item.selected{background:linear-gradient(90deg,#fff4e5,#ffe8d1);color:#bf5000;font-weight:700;border-left:4px solid #bf5000;padding-left:20px}.store-appointment-day-item .day-label{font-family:Poppins-Regular;font-size:15px;font-weight:500}.store-appointment-day-item .day-date{font-family:Poppins,sans-serif;font-size:14px;color:#8a6e63}.store-appointment-day-item.selected .day-date{color:#bf5000}.store-appointment-time-dropdown{padding:0;max-height:min(500px,calc(90vh - 250px));display:flex;flex-direction:column}.store-appointment-time-tabs{display:flex;flex-direction:column;width:140px;min-width:140px;border-right:2px solid #f3dfcd;background:#fafafa;border-radius:16px 0 0 16px;overflow-y:auto}.store-appointment-time-tabs .time-tab{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:18px 20px;border:none;border-bottom:1px solid #f3dfcd;background:transparent;font-family:Poppins-SemiBold;font-size:15px;font-weight:600;color:#8a6e63;cursor:pointer;transition:all .2s ease;border-right:3px solid transparent;position:relative;text-align:left;width:100%}.time-tab:hover{color:#2d1a15;background:#ffffff80}.time-tab.active{color:#2d1a15;font-weight:700;border-right-color:#bf5000;background:#fff}.time-tab svg{width:20px;height:20px;flex-shrink:0}.store-appointment-time-content{padding:24px 10px;flex:1;overflow-y:auto;overflow-x:hidden;max-height:100%;background:#fff;display:flex;flex-direction:column}.time-tab-content{display:none;width:100%;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.time-tab-content.active{display:flex;flex-direction:column;animation:fadeInContent .2s ease}@keyframes fadeInContent{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.time-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;padding:0;margin:0;align-content:start}.time-slots .time-slot{padding:14px 18px;border:2px solid #e8d6c4;border-radius:12px;background:#fff;font-family:Poppins-SemiBold;font-size:15px;font-weight:600;color:#2d1a15;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 2px 4px #0000000d}.time-slot:hover{border-color:#bf5000;background:linear-gradient(135deg,#fff7ef,#fff4e5);color:#bf5000;box-shadow:0 4px 8px #bf500026}.time-slot.selected{border-color:#bf5000;background:linear-gradient(135deg,#bf5000,#d45a00);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #bf50004d}.store-appointment-form-section .success-message{margin-top:20px;text-align:center;color:green;display:none}@media screen and (max-width: 1024px){.store-appointment-modal{padding-top:15px}.store-appointment-modal-content{padding:40px 32px;width:70%;max-width:70%;max-height:calc(100vh - 30px)}.store-appointment-day-dropdown,.store-appointment-time-dropdown{max-height:min(350px,calc(92vh - 280px))}}@media screen and (max-width: 768px){.store-appointment-modal{padding-top:0;align-items:center;justify-content:center}.store-appointment-modal-content{padding:36px 24px;width:85%;max-width:85%;max-height:calc(100vh - 20px);min-height:auto;border-radius:20px;margin-top:0}.store-appointment-day-dropdown,.store-appointment-time-dropdown{max-height:min(300px,calc(95vh - 250px))}.store-appointment-modal-title{font-size:28px}.store-appointment-modal-subtitle{font-size:15px;margin-bottom:32px}.store-appointment-controls{flex-direction:column;gap:12px}.store-appointment-btn-day,.store-appointment-btn-time,.store-appointment-btn-proceed{width:100%;min-width:auto;padding:14px 20px}.store-appointment-time-dropdown{max-height:min(200px,calc(95vh - 220px))}.store-appointment-time-wrapper{max-height:min(200px,calc(95vh - 220px));flex-direction:column}.store-appointment-time-tabs{width:100%;min-width:100%;border-right:none;border-bottom:2px solid #f3dfcd;border-radius:16px 16px 0 0;flex-direction:row;overflow-x:auto;overflow-y:hidden;min-height:50px}.store-appointment-time-tabs .time-tab{padding:14px 20px;font-size:14px;border-bottom:3px solid transparent;border-right:1px solid #f3dfcd;min-width:100px;flex-shrink:0;width:max-content}.time-tab.active{border-right-color:transparent;border-bottom-color:#bf5000}.store-appointment-time-content{padding:20px}.time-slots{grid-template-columns:repeat(2,1fr);gap:10px}.time-slots .time-slot{padding:12px 14px;font-size:14px}.store-appointment-modal-close{top:10px;right:15px}}@media screen and (max-width: 480px){.store-appointment-modal{padding-top:0;align-items:center;justify-content:center}.store-appointment-modal-content{padding:28px 20px;border-radius:16px;width:95%;max-width:95%;max-height:calc(100vh - 10px);margin-top:0}.store-appointment-modal-title{font-size:24px;margin-bottom:10px}.store-appointment-modal-subtitle{font-size:14px;margin-bottom:28px}.store-appointment-day-dropdown,.store-appointment-time-dropdown{max-height:min(200px,calc(98vh - 200px))}.store-appointment-time-wrapper{max-height:min(200px,calc(98vh - 200px));flex-direction:column}.store-appointment-time-tabs{width:100%;min-width:100%;border-right:none;border-bottom:2px solid #f3dfcd;border-radius:16px 16px 0 0;flex-direction:row;overflow-x:auto;overflow-y:hidden}.store-appointment-time-tabs .time-tab{padding:12px 16px;font-size:13px;gap:6px;border-bottom:3px solid transparent;border-right:1px solid #f3dfcd;min-width:10px;flex-shrink:0;max-width:110px}.time-tab.active{border-right-color:transparent;border-bottom-color:#bf5000}.time-tab svg{width:16px;height:16px}.store-appointment-time-content{padding:16px}.time-slots{grid-template-columns:1fr;gap:8px}.time-slots .time-slot{padding:10px 12px;font-size:13px}}.store-appointment-selection-section,.store-appointment-form-section{width:100%}.appointment-booking-form{width:100%;margin-top:24px}.appointment-booking-form .booking_consent-text{font-size:12px;display:block;margin-top:15px;text-align:center}.appointment-form-row{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.appointment-form-field,.appointment-form-field-email{flex:1}.appointment-booking-form input[type=text],.appointment-booking-form input[type=tel],.appointment-booking-form input[type=email]{width:100%;padding:14px 16px;border:1px solid #e8d6c4;border-radius:12px;font-size:16px;font-family:inherit;color:#2d1a15;background:#fff;transition:all .3s ease;box-sizing:border-box}.appointment-booking-form input[type=text]:focus,.appointment-booking-form input[type=tel]:focus,.appointment-booking-form input[type=email]:focus{outline:none;border-color:#bf5000;box-shadow:0 0 0 3px #bf50001a}.appointment-booking-form input[type=text]::placeholder,.appointment-booking-form input[type=tel]::placeholder,.appointment-booking-form input[type=email]::placeholder{color:#8a6e63;opacity:.7}.appointment-book-now-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#bf5000;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;white-space:nowrap;height:fit-content;align-self:flex-start}.appointment-book-now-btn span{border:none;border-radius:16px;background:linear-gradient(135deg,#bf5000,#d45a00);color:#fff;font-family:Poppins-Bold;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #bf50004d;width:max-content;margin:auto}.appointment-book-now-btn:active{transform:translateY(0)}.appointment-consent-checkbox-container{margin-top:20px}.appointment-consent-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;line-height:1.5;color:#2d1a15}.appointment-consent-checkbox-label input[type=checkbox]{width:20px;height:20px;min-width:20px;cursor:pointer;accent-color:#bf5000;flex-shrink:0}.appointment-consent-checkbox-label span{flex:1}@media screen and (max-width: 768px){.appointment-form-row{flex-direction:column;gap:12px}.appointment-form-field{width:100%}.appointment-book-now-btn{width:100%;justify-content:center}.appointment-booking-form input[type=text],.appointment-booking-form input[type=tel],.appointment-booking-form input[type=email]{font-size:14px;padding:12px 14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/store-appointment-booking.css.map */