@media (max-width:640px){.date-picker-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;max-width:350px!important;margin:0!important}.week-navigation{gap:.75rem!important}.week-navigation>div{order:2!important}.week-navigation>button:first-child{order:1!important}.week-navigation>button:last-child{order:3!important}.date-picker-button{font-size:.75rem!important;padding:.5rem .75rem!important}}@media (min-width:641px) and (max-width:1024px){.date-picker-modal{min-width:360px!important}}.calendar-enter{opacity:0;transform:scale(.95) translateY(-10px)}.calendar-enter-active{transition:all .2s ease-out}.calendar-enter-active,.calendar-exit{opacity:1;transform:scale(1) translateY(0)}.calendar-exit-active{opacity:0;transform:scale(.95) translateY(-10px);transition:all .15s ease-in}.calendar-day-hover:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px);box-shadow:0 2px 8px rgba(26,23,21,.1)}.mt-8{width:100%}@media (max-width:1200px){.mt-8{padding-left:16px;padding-right:16px}}@media (max-width:960px){.grid-cols-7{grid-template-columns:repeat(6,1fr)!important}.grid-cols-7>div:nth-child(7){display:none!important}}@media (max-width:768px){.grid-cols-7{grid-template-columns:repeat(5,1fr)!important}.grid-cols-7>div:nth-child(6),.grid-cols-7>div:nth-child(7){display:none!important}.space-y-2,.time-slots-container{overflow-y:visible!important;max-height:none!important}}@media (max-width:650px){.mt-8{padding-left:8px;padding-right:8px;margin-top:1rem!important}.grid-cols-7{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.grid-cols-7>div:nth-child(5),.grid-cols-7>div:nth-child(6),.grid-cols-7>div:nth-child(7){display:none!important}.booking-step-title,.text-lg.font-semibold.mb-6{font-size:1rem!important;margin-bottom:.75rem!important}.flex.items-center.justify-between.mb-6,.week-navigation{margin-bottom:.75rem!important}.flex.items-center.px-3.py-2{padding:.5rem!important}.text-sm.font-medium.text-\[\#1A1715\],.week-date-range{font-size:.75rem!important}.time-slot-button,button.w-full.px-2.py-2.text-xs{padding:8px 4px!important;font-size:.7rem!important;min-height:42px!important}.time-slot-button.bg-neutral-100,button.w-full.px-2.py-2.text-xs.bg-neutral-100{background-color:#f3f4f6!important;color:#9ca3af!important;text-decoration:line-through!important;opacity:.8!important}.text-xs.text-gray-400.text-center.py-2{padding:10px 4px!important;font-size:.7rem!important}}@media (max-width:500px){.grid-cols-7{grid-template-columns:repeat(3,1fr)!important}.grid-cols-7>div:nth-child(4),.grid-cols-7>div:nth-child(5),.grid-cols-7>div:nth-child(6),.grid-cols-7>div:nth-child(7){display:none!important}.day-header,.text-center.mb-3{margin-bottom:.5rem!important}.text-lg.font-semibold.mt-1{font-size:1.1rem!important;margin-top:.25rem!important}.text-xs.font-medium.text-gray-600.uppercase.tracking-wide,.text-xs.text-gray-600{font-size:.65rem!important}.space-y-2,.time-slots-container{gap:.25rem!important}.text-xs.text-gray-400.text-center.py-2{padding:8px 4px!important;border-radius:4px!important;background-color:#f5f5f5!important}}@media (max-width:400px){.grid-cols-7{grid-template-columns:repeat(2,1fr)!important;gap:4px!important}.grid-cols-7>div:nth-child(3),.grid-cols-7>div:nth-child(4),.grid-cols-7>div:nth-child(5),.grid-cols-7>div:nth-child(6),.grid-cols-7>div:nth-child(7){display:none!important}.flex.items-center.px-3.py-2{padding:4px!important}.time-slot-button,button.w-full.px-2.py-2.text-xs{padding:6px 2px!important}}@media (max-width:350px){.grid-cols-7{grid-template-columns:1fr!important}.grid-cols-7>div:nth-child(2),.grid-cols-7>div:nth-child(3),.grid-cols-7>div:nth-child(4),.grid-cols-7>div:nth-child(5),.grid-cols-7>div:nth-child(6),.grid-cols-7>div:nth-child(7){display:none!important}.day-header,.text-center.mb-3{text-align:center!important;padding:8px 0!important;margin-bottom:8px!important;background:#f9fafb!important;border-radius:4px!important}.text-lg.font-semibold.mt-1{font-size:1.25rem!important}}@media (max-width:650px){.flex.flex-col{width:100%!important;min-width:0!important;overflow:visible!important}.booking-container,.mt-8,.space-y-2,.time-slots-container{overflow-y:visible!important;max-height:none!important}.time-slot-button,button.w-full.px-2.py-2.text-xs{min-height:44px!important;border-radius:6px!important;display:flex!important;justify-content:center!important;align-items:center!important}.time-slot-button:active,button.w-full.px-2.py-2.text-xs:active{transform:scale(.97)!important}.text-xs.text-gray-400.text-center.py-2{background-color:#f5f5f5!important;border-radius:6px!important;padding:10px 6px!important}.text-lg.font-semibold.mt-1{margin-top:0!important;line-height:1.2!important}.text-xs.text-gray-600{line-height:1.2!important}.grid.grid-cols-7.gap-4,.time-slots-grid{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:16px!important;display:grid!important;scrollbar-width:none!important;align-items:start!important}.grid.grid-cols-7.gap-4::-webkit-scrollbar,.time-slots-grid::-webkit-scrollbar{display:none!important}.time-slots-grid>div{display:flex!important;flex-direction:column!important;min-height:auto!important}.flex.items-center.justify-between.mb-6,.week-navigation{position:sticky!important;top:0!important;background-color:white!important;z-index:10!important;padding-top:8px!important;padding-bottom:8px!important}}@media (max-width:1024px){.booking-container,.mt-8,.space-y-2,.time-slots-container,.time-slots-grid{max-height:none!important;overflow:visible!important}.time-slots-grid{grid-auto-rows:max-content!important}}.text-xs.text-gray-400.text-center.py-2{border:1px solid #e5e5e5!important;margin:2px 0!important;padding:10px 4px!important}@media (max-width:768px){.booking-stepper-mobile{position:relative!important;display:flex!important;z-index:30!important}.mobile-nav-buttons{position:absolute!important;left:12px!important;z-index:40!important}.booking-stepper-mobile .current-step-name{margin-left:25px!important}.salon-back-btn{display:flex!important;align-items:center!important;height:40px!important}}.booking-stepper-desktop{display:flex;width:auto}.booking-stepper-desktop,.booking-stepper-mobile{position:absolute;left:50%;transform:translateX(-50%)}.booking-stepper-mobile,.mobile-step-back-btn{display:none}header.sticky>div{position:relative}.salon-back-btn{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:40!important;padding-left:16px!important}@media (max-width:768px){header.sticky>div{padding:0}.salon-back-btn{padding-left:12px!important}}@media (max-width:600px){.booking-stepper-desktop{display:none!important}.booking-stepper-mobile{display:flex!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;z-index:10!important;width:calc(100% - 100px)!important;justify-content:center!important}.booking-stepper-mobile>div{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}header.sticky>div{height:auto!important;padding:0!important;min-height:56px!important}.current-step-name{font-size:.95rem!important;font-weight:600!important;color:#1A1715!important;text-align:center!important;width:100%!important}.mobile-nav-buttons{width:auto!important;position:relative!important;z-index:40!important}.flex.mt-1.space-x-1{justify-content:center!important;width:100%!important;display:flex!important;margin-left:0!important;margin-right:0!important}.booking-stepper-mobile .w-7.h-7{display:flex;position:relative!important;z-index:20!important}.booking-stepper-mobile .flex.items-center.justify-center.w-full{position:relative!important;z-index:15!important}.salon-back-btn span{font-size:.75rem!important}.booking-stepper-mobile .current-step-name{margin-left:10px!important}}@media (max-width:400px){.salon-back-btn{padding-left:8px!important}header.sticky>div{height:auto!important;min-height:54px!important;justify-content:center!important}.booking-stepper-mobile{width:70%!important}.w-1\.5.h-1\.5{width:4px!important;height:4px!important}}@media (max-width:600px){.salon-back-btn{margin-right:10px!important}.booking-stepper-mobile .w-7.h-7,.booking-stepper-mobile button{margin-left:25px!important}}