.salon-client-services .salon-service-modal{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:20px!important;box-sizing:border-box!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;z-index:2147483000!important}.salon-client-services .salon-service-modal:target{display:flex!important}.salon-client-services .salon-service-modal-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background:rgb(10 15 25 / .72)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.salon-client-services .salon-service-modal-box{position:relative!important;z-index:2!important;width:min(520px, 100%)!important;max-width:520px!important;max-height:calc(100dvh - 40px)!important;margin:0 auto!important;padding:28px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:#fff!important;border:1px solid rgb(20 25 35 / .08)!important;border-radius:24px!important;box-shadow:0 24px 80px rgb(0 0 0 / .28)!important;animation:salonCustomerModalIn .22s ease-out both!important}.salon-client-services .salon-service-modal-close{position:sticky!important;float:right!important;top:0!important;right:auto!important;z-index:5!important;width:38px!important;height:38px!important;margin:-8px -8px 4px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f3f4f6!important;color:#20242b!important;font-size:25px!important;line-height:1!important;text-decoration:none!important}.salon-client-services .salon-service-modal-close:active{transform:scale(.94)!important}.salon-client-services .salon-service-modal-box h3{clear:both!important;margin:0 0 14px!important;padding-top:4px!important;font-size:clamp(21px, 5vw, 26px)!important;line-height:1.25!important;letter-spacing:-.02em!important}.salon-client-services .salon-modal-price{margin:0 0 18px!important;padding:14px 0!important;border-top:1px solid #eceef1!important;border-bottom:1px solid #eceef1!important}.salon-client-services .salon-client-wallet-box,.salon-client-services .salon-payment-calculation,.salon-client-services .salon-client-payment-form{border-radius:16px!important}.salon-client-services .salon-payment-option{min-height:52px!important;border-radius:13px!important}.salon-client-services .salon-confirm-payment-button,.salon-client-services .salon-login-button{min-height:50px!important;border-radius:13px!important;font-size:16px!important;font-weight:700!important;touch-action:manipulation!important}@media (max-width:767px){.salon-client-services .salon-service-modal{align-items:flex-end!important;justify-content:center!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.salon-client-services .salon-service-modal-box{width:100%!important;max-width:680px!important;max-height:calc(100dvh - 12px)!important;min-height:0!important;margin:0!important;padding:22px 18px calc(24px + env(safe-area-inset-bottom, 0px))!important;border-radius:26px 26px 0 0!important;box-shadow:0 -18px 60px rgb(0 0 0 / .24)!important;animation:salonCustomerSheetIn .24s cubic-bezier(.22,1,.36,1) both!important}.salon-client-services .salon-service-modal-box::before{content:""!important;display:block!important;width:42px!important;height:4px!important;margin:-10px auto 16px!important;border-radius:999px!important;background:#d9dce1!important}.salon-client-services .salon-service-modal-close{width:36px!important;height:36px!important;margin:-4px -4px 4px 8px!important;font-size:23px!important}.salon-client-services .salon-modal-price strong{font-size:22px!important}.salon-client-services .salon-payment-option{min-height:54px!important;padding:12px 14px!important}.salon-client-services .salon-confirm-payment-button,.salon-client-services .salon-login-button{width:100%!important;min-height:52px!important}}@media (max-width:380px){.salon-client-services .salon-service-modal-box{padding-left:14px!important;padding-right:14px!important}.salon-client-services .salon-service-modal-box h3{font-size:20px!important}}@keyframes salonCustomerSheetIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes salonCustomerModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.salon-client-services .salon-service-modal-box{animation:none!important}}