.booking-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000;display:none;justify-content:center;align-items:center}.booking-modal-overlay.show{display:flex}.booking-modal{background:#fff;border-radius:10px;width:90%;max-width:1000px;min-height:500px;height:auto;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.booking-modal-close{position:absolute;top:0;right:0;background:0 0;border:0;font-size:24px;list-style:1.5;color:#999;cursor:pointer;width:30px;display:flex;align-items:center;justify-content:center;z-index:1}.booking-modal-close:hover{color:#333}.booking-modal-content{display:flex;min-height:500px;height:auto}.booking-modal-left{background:linear-gradient(135deg,#00317c 0,#074ad1 100%);color:#fff;padding:40px;flex:4;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.puyu-modal-left{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:40px;flex:4;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.booking-modal-logo{width:220px;height:auto;margin-bottom:30px}.puyu-modal-logo{width:300px;height:auto;margin-bottom:30px}.booking-modal-phone{font-size:36px;font-weight:700;margin-bottom:20px;text-align:center}.booking-modal-right{padding:40px;flex:6}.booking-modal-tabs{display:flex;margin-bottom:30px;border-bottom:1px solid #eee}.booking-tab{flex:1;text-align:center;padding:15px;cursor:pointer;background:0 0;border:0;font-size:16px;color:#666;border-bottom:2px solid transparent;transition:all .3s}.booking-tab.active{color:#667eea;border-bottom-color:#667eea;font-weight:500}.booking-tab-content{display:none}.booking-tab-content.active{display:block;min-height:450px}.booking-form-group{margin-bottom:20px}.booking-form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.booking-form-group input,.booking-form-group select,.booking-form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s}.booking-form-group input:focus,.booking-form-group select:focus,.booking-form-group textarea:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.booking-form-group textarea{resize:vertical;min-height:100px}.booking-form-row{display:flex;gap:15px}.booking-form-row .booking-form-group{flex:1}.booking-gender-group{display:flex;gap:20px;margin-top:10px}.booking-gender-option{display:flex;align-items:center;gap:8px}.booking-gender-option input[type=radio]{width:auto}.booking-submit-btn{background:linear-gradient(135deg,#0041d6 0,#074ad1 100%);color:#fff;border:0;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;width:100%}.booking-submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3)}.booking-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.qr-section{text-align:center;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-section img{width:200px;height:200px;margin:20px 0}.qr-section .puimg{width:280px;height:280px;margin:20px 0}.qr-description{color:#666;font-size:14px;line-height:1.5}.qr-description h4{color:#333;margin-bottom:10px}.booking-form-message{margin-top:20px;padding:15px;border-radius:5px;display:none;font-size:14px}.booking-form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.booking-form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.booking-trigger-btn{background:linear-gradient(135deg,#0041d6 0,#074ad1 100%)!important;color:#fff!important;border:0;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.booking-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.3);color:#fff!important;text-decoration:none}@media (max-width:768px){.booking-modal{width:95%;margin:20px}.booking-modal-content{flex-direction:column}.booking-modal-left{padding:30px 20px}.booking-modal-right{padding:30px 20px}.booking-form-row{flex-direction:column;gap:0}.booking-modal-phone{font-size:28px}}