.phone-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.phone-modal:not(.is-open){display:none!important}.phone-modal.is-open{display:flex!important;opacity:1;visibility:visible;pointer-events:all}.phone-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(24,29,39,.5);backdrop-filter:blur(4px);cursor:pointer}.phone-modal__container{position:relative;z-index:1;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(20px);transition:transform .3s ease}.phone-modal.is-open .phone-modal__container{transform:scale(1) translateY(0)}.phone-modal__content{background:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);overflow:hidden}.phone-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-secondary)}.phone-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin:0;font-family:var(--font-family-arabic)}.phone-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--color-text-light);cursor:pointer;transition:all .2s ease;flex-shrink:0}.phone-modal__close:hover{background:var(--color-gray-light);color:var(--color-text-dark)}.phone-modal__close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.phone-modal__close svg{width:20px;height:20px}.phone-modal__body{padding:var(--spacing-lg)}.phone-modal__description{font-size:var(--font-size-base);color:var(--color-text-medium);margin:0 0 var(--spacing-lg);line-height:1.6;font-family:var(--font-family-arabic)}.phone-modal__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.phone-modal__form .form-group{margin-bottom:0}.phone-modal__form .form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-family-arabic)}.phone-modal__form .required{color:var(--color-secondary);margin-right:2px}.phone-modal__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.phone-modal__actions .btn{flex:1}@media (max-width:640px){.phone-modal__container{width:95%;max-height:95vh}.phone-modal__body,.phone-modal__header{padding:var(--spacing-md)}.phone-modal__title{font-size:var(--font-size-lg)}.phone-modal__actions{flex-direction:column}}body.modal-open{overflow:hidden}@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{transform:scale(.95) translateY(20px)}to{transform:scale(1) translateY(0)}}.phone-modal.is-open{animation:a .3s ease}.phone-modal.is-open .phone-modal__container{animation:b .3s ease}.phone-modal-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;line-height:1.4;margin-top:16px;font-family:var(--font-family-arabic,"Noto Kufi Arabic","Tahoma",sans-serif);direction:rtl;text-align:right}.phone-modal-error svg{flex-shrink:0;color:#dc2626;margin-top:2px}.phone-modal-error span{flex:1}.phone-modal__form .tel-input-container .tel-input-field.is-invalid,.phone-modal__form .tel-input-field.is-invalid{border-color:#dc2626;background-color:#fef2f2}.phone-modal__form .tel-input-container .tel-input-field.is-invalid:focus,.phone-modal__form .tel-input-field.is-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.phone-modal__actions .btn .btn-spinner{display:inline-flex;align-items:center;justify-content:center}.phone-modal__actions .btn .btn-spinner svg{animation:c 1s linear infinite}.phone-modal__actions .btn.is-loading{cursor:not-allowed;opacity:.7}@keyframes c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phone-modal__reassure{font-size:12.5px;color:#757a85;text-align:center;margin:12px 0 0}