.phone-callback-bubble{position:fixed;z-index:9999;display:none;opacity:0;transform:scale(0.8);transition:opacity .3s ease,transform .3s ease}.phone-callback-bubble.visible{opacity:1;transform:scale(1)}.phone-callback-bubble.position-bottom-right{bottom:30px;right:30px}.phone-callback-bubble.position-bottom-left{bottom:30px;left:30px}.phone-callback-bubble.position-top-right{top:30px;right:30px}.phone-callback-bubble.position-top-left{top:30px;left:30px}.phone-callback-bubble .phone-bubble-btn{width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.phone-callback-bubble .phone-bubble-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.phone-callback-bubble .phone-bubble-btn:active{transform:scale(0.95)}.phone-callback-bubble .phone-bubble-btn .phone-icon{width:28px;height:28px}.phone-callback-bubble.animation-pulse .phone-bubble-btn{animation:phone-pulse 2s infinite}.phone-callback-bubble.animation-bounce .phone-bubble-btn{animation:phone-bounce 2s infinite}.phone-callback-bubble.animation-shake .phone-bubble-btn{animation:phone-shake 3s infinite}.phone-callback-bubble.animation-ring .phone-bubble-btn{animation:phone-ring 1.5s infinite}@media(max-width: 768px){.phone-callback-bubble.position-bottom-right,.phone-callback-bubble.position-bottom-left{bottom:20px}.phone-callback-bubble.position-top-right,.phone-callback-bubble.position-top-left{top:20px}.phone-callback-bubble.position-bottom-right,.phone-callback-bubble.position-top-right{right:20px}.phone-callback-bubble.position-bottom-left,.phone-callback-bubble.position-top-left{left:20px}.phone-callback-bubble .phone-bubble-btn{width:60px;height:60px}.phone-callback-bubble .phone-bubble-btn .phone-icon{width:24px;height:24px}}@keyframes phone-pulse{0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 0 rgba(25,135,84,.7)}50%{box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 15px rgba(25,135,84,0)}}@keyframes phone-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes phone-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes phone-ring{0%,100%{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}.phone-callback-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.phone-callback-modal.active .phone-modal-overlay{opacity:1}.phone-callback-modal.active .phone-modal-content{opacity:1;transform:scale(1)}.phone-callback-modal .phone-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.phone-callback-modal .phone-modal-content{position:relative;background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);opacity:0;transform:scale(0.9);transition:opacity .3s ease,transform .3s ease;z-index:1}.phone-callback-modal .phone-modal-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0);border:none;font-size:28px;line-height:1;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease}.phone-callback-modal .phone-modal-close:hover{background:#f8f9fa;color:#212529}.phone-callback-modal .phone-modal-body{padding:40px 30px 30px}.phone-callback-modal .phone-modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.phone-callback-modal .phone-modal-icon svg{animation:phone-ring 1.5s ease-in-out}.phone-callback-modal .phone-modal-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:10px;color:#212529}.phone-callback-modal .phone-modal-description{text-align:center;margin-bottom:30px;font-size:14px}.phone-callback-modal .phone-callback-form .form-label{font-weight:500;margin-bottom:8px;display:block;font-size:14px;color:#495057}.phone-callback-modal .phone-callback-form .form-control{width:100%;padding:10px 15px;border:1px solid #ced4da;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.phone-callback-modal .phone-callback-form .form-control:focus{outline:none;border-color:#198754;box-shadow:0 0 0 3px rgba(25,135,84,.1)}.phone-callback-modal .phone-callback-form textarea.form-control{resize:vertical;min-height:80px}.phone-callback-modal .phone-callback-form .btn{padding:12px 24px;font-size:16px;font-weight:500;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.phone-callback-modal .phone-callback-form .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.phone-callback-modal .phone-callback-form .btn:active{transform:translateY(0)}.phone-callback-modal .phone-callback-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none !important}.phone-callback-modal .phone-callback-form .form-message{border-radius:8px;padding:12px;font-size:14px}@media(max-width: 576px){.phone-callback-modal{padding:10px}.phone-callback-modal .phone-modal-content{border-radius:12px}.phone-callback-modal .phone-modal-body{padding:30px 20px 20px}.phone-callback-modal .phone-modal-icon{width:60px;height:60px}.phone-callback-modal .phone-modal-icon svg{width:28px;height:28px}.phone-callback-modal .phone-modal-title{font-size:20px}.phone-callback-modal .phone-modal-description{font-size:13px}}
