html,body{margin:0;padding:0}.popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:-1}.popup-content{background-color:#FBF5FF;margin:0;padding:30px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.25);width:80%;max-width:960px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:80vh;overflow-y:auto}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background-color:#FBF5FF}.popup-content::-webkit-scrollbar-thumb{background-color:#542A80;border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover{background-color:#3b1662}.close{position:absolute;top:10px;right:10px;width:45px;height:45px;color:#fff;font-size:25px;font-weight:700;cursor:pointer;background-color:#542A80;padding:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(10%,-10%)}.close:hover,.close:focus{color:#542A80;background-color:#fff;transition:background-color 0.3s ease}.popup-form-container{display:flex;margin-top:30px}.booking-summary{width:35%;padding-right:15px;border-right:2px solid #EADDF7}.user-info-form,.payment-form{width:65%;padding-left:15px;display:none}.user-info-form.active,.payment-form.active{display:block}.phone-input{display:flex;align-items:stretch;flex-wrap:nowrap}.phone-input select{margin-right:10px;border:1px solid #EADDF7;color:#130F11;background-color:#fff}input[type=text],input[type=email],input[type=tel],select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #EADDF7;border-radius:4px;box-sizing:border-box}.next-btn,.pay-now-btn{background-color:#542A80;color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;transition:background 0.3s ease}.next-btn:hover,.pay-now-btn:hover{background-color:darken(#542A80,10%)}.steps-container{display:flex;align-items:center;justify-content:center}.step{padding:10px;display:flex;align-items:center}.step-number{width:30px;height:30px;background-color:#542A80;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;margin-right:5px;transition:background-color 0.3s ease}#step2:not(.active-step) .step-number{background-color:#EADDF7}.step-connector{height:2px;background-color:#EADDF7;flex-grow:1;margin:0 10px}.active-step{color:#542A80}.active-connector{background-color:#542A80}.step-connector{height:2px;background-color:#EADDF7;flex-grow:1;margin:0 10px;transition:background-color 0.9s ease}.active-connector{background-color:#542A80}.error-message{color:red;font-size:.8em;margin-top:5px;margin-bottom:10px}.invalid{border-color:red}.phone-field{display:flex;width:100%}#phone-code{background-color:#fff;padding:10px;margin-right:5px;border-radius:8px;width:35%;height:47px}#phone{flex-grow:1;padding:10px;border-radius:8px;width:65%}#phone:focus{outline:none}#skeleton-loader{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(251,245,255,.7);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:8px}.loader{border:5px solid #EADDF7;border-top:5px solid #542A80;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#success-message-container{margin-top:10px;margin-left:10px}#error-message-container{margin-top:10px}.success-message-card{color:green;background-color:#edfbeb;padding:10px;border-radius:8px}.error-message-card{color:red;background-color:#FCEDF0;padding:10px;border-radius:8px}#back-to-user-info{margin-bottom:20px}#back-btn{color:#542A80;text-decoration:underline;cursor:pointer}#back-btn:hover{color:#130F11}.booking-summary-header{display:none}.booking-summary{display:block}#edit-booking-details a{text-decoration:underline;cursor:pointer;color:#542A80;display:flex;align-items:center}#edit-booking-details a:hover{color:#130F11}#edit-booking-details .fas{margin-right:5px}@media (min-width:768px){.booking-summary{display:block}}@media (max-width:768px){.popup-content{display:flex;flex-direction:column;top:0;left:0;transform:translate(0,0);width:100%;height:100%;margin-top:70px;margin-bottom:70px}.booking-summary{order:-2;display:none;padding:10px;border:none}.booking-summary.active{display:block}.booking-summary-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#EADDF7;border-radius:8px;color:#130F11;cursor:pointer;order:-2;margin-bottom:20px;font-weight:600;position:relative}.header-left{display:flex;align-items:center}.booking-summary-arrow{margin-left:5px;transition:transform 0.3s ease;transform:rotate(0deg)}.booking-summary.active .booking-summary-arrow{transform:rotate(180deg)}.user-info-form,.payment-form,.booking-summary{width:100%}.popup-form-container{display:flex;margin-top:10px;flex-direction:column}}