.phone-field{position:relative;width:100%;min-width:0;text-align:start;text-transform:none;line-height:1.4}
.phone-field .phone-field-control{display:flex;align-items:stretch;min-height:50px;width:100%;min-width:0;border:1px solid #cbd7e1;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.phone-field .phone-country-trigger{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 0 112px;min-width:0;min-height:48px;padding:10px 9px;border:0;border-inline-end:1px solid #dce5ec;border-radius:11px 0 0 11px;background:#f6f9fc;color:#23445c;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}
.phone-country-trigger::after{content:'';width:6px;height:6px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.phone-field .phone-field-control>input[type=tel]{flex:1 1 0;width:0!important;min-width:0;min-height:48px;height:auto;margin:0;padding:12px!important;border:0!important;border-radius:0 11px 11px 0;box-shadow:none!important;background:transparent;color:#203b4e;font-size:16px!important;line-height:1.4;direction:ltr;text-align:start;outline:0}
.phone-field-control:focus-within{border-color:#237ca7;box-shadow:0 0 0 3px #237ca71c}
.phone-country-trigger:focus-visible{outline:2px solid #176ba0;outline-offset:-3px}
.phone-field.has-error .phone-field-control,.phone-field-control:has(input.is-invalid){border-color:#b82f44}
.phone-field.is-disabled .phone-field-control{background:#edf1f5;color:#64748b}.phone-field.is-disabled .phone-country-trigger{color:#64748b;cursor:default}
.phone-country-popup{position:fixed;z-index:2147483000;min-width:280px;max-width:calc(100vw - 16px);padding:8px;border:1px solid #cfdae4;border-radius:14px;background:#fff;box-shadow:0 14px 40px #17355026;text-transform:none;box-sizing:border-box}
.phone-country-popup[hidden],.phone-country-empty[hidden]{display:none!important}
.phone-country-popup .phone-country-search{display:block;width:100%;height:46px;min-height:46px;padding:10px 12px;border:1px solid #cbd7e1;border-radius:9px;color:#203b4e;background:#f8fafc;font-size:16px;box-sizing:border-box}
.phone-country-options{max-height:min(260px,40vh);overflow-y:auto;overscroll-behavior:contain;margin-top:6px}
.phone-country-option{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px;border-radius:8px;color:#29475b;font-size:14px;cursor:pointer;text-transform:none}
.phone-country-option span{min-width:0;overflow-wrap:anywhere}.phone-country-option strong{flex-shrink:0;font-size:14px}.phone-country-option:hover,.phone-country-option.is-active{background:#edf5fb}.phone-country-option[aria-selected=true]{color:#085499;font-weight:600}
.phone-country-empty{margin:12px 4px;color:#66788a;font-size:14px}.phone-field-error{display:block;margin-top:6px;color:#a31b25;font-size:13px;font-weight:400;line-height:1.5}.phone-field-error:empty{display:none}
.phone-correction-notice{padding:12px 18px;background:#fff3cd;color:#513e0b;border:1px solid #dec682}.phone-correction-notice a{color:#164c70;text-decoration:underline}
[dir=rtl] .phone-country-trigger{border-radius:0 11px 11px 0}[dir=rtl] .phone-field-control>input[type=tel]{border-radius:11px 0 0 11px}
@media(max-width:480px){.phone-field .phone-country-trigger{flex-basis:100px;padding-inline:7px;gap:6px}.phone-field .phone-field-control>input[type=tel]{padding-inline:10px!important}}
@media(prefers-reduced-motion:reduce){.phone-field-control{transition:none}}