.mbe-cd .mbe-phone-field { position: relative; }
.mbe-cd .mbe-phone-widget { position: relative; width: 100%; min-width: 0; }
.mbe-cd .mbe-phone-input { min-height: 54px; border-radius: 3px; overflow: visible; }
.mbe-cd .mbe-phone-toggle {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 9px;
    min-width: 113px; margin: 0; padding: 0 13px; border: 0; border-right: 1px solid #e1e4dc;
    border-radius: 2px 0 0 2px; background: #fff; color: #292d28; cursor: pointer; font: inherit;
}
.mbe-cd .mbe-phone-toggle .mbe-cd-phone-code { font-size: .88rem; }
.mbe-cd .mbe-phone-chevron { width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); margin: -3px 0 0 4px; }
.mbe-cd .mbe-phone-toggle[aria-expanded="true"] .mbe-phone-chevron { transform: rotate(225deg); margin-top: 3px; }
.mbe-cd .mbe-phone-input input.mbe-phone-number { flex: 1 1 0%; width: 0; min-width: 0; min-height: 52px; margin: 0; padding: 12px; border: 0; font-size: 16px; background: #fff; color: #292d28; }
.mbe-cd .mbe-phone-widget [hidden] { display: none !important; }
.mbe-cd .mbe-phone-panel { position: absolute; top: calc(100% + 7px); left: 0; width: 100%; z-index: 50; background: #fff; color: #292d28; border: 1px solid #d4d7d1; border-radius: 3px; box-shadow: 0 8px 22px #26351c1a; }
.mbe-cd .mbe-phone-search-wrap { position: relative; padding: 0; border-bottom: 1px solid #e1e4dc; }
.mbe-cd .mbe-phone-panel input.mbe-phone-search { display: block; width: 100%; min-width: 0; height: 54px; margin: 0; padding: 13px 44px 13px 18px; border: 0; border-radius: 2px 2px 0 0; font: inherit; font-size: 16px; background: #fff; color: #292d28; }
.mbe-cd .mbe-phone-search-icon { position: absolute; right: 22px; top: 18px; width: 14px; height: 14px; border: 1.5px solid currentColor; border-radius: 50%; pointer-events: none; }
.mbe-cd .mbe-phone-search-icon::after { content: ''; position: absolute; width: 7px; height: 1.5px; background: currentColor; right: -5px; bottom: -3px; transform: rotate(45deg); }
.mbe-cd .mbe-phone-list { max-height: 300px; overflow-y: auto; overscroll-behavior: contain; }
.mbe-cd button.mbe-phone-option { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 52px; margin: 0; padding: 13px 18px; border: 0; border-radius: 0; background: #fff; color: #292d28; font: inherit; font-size: .9rem; text-align: left; cursor: pointer; }
.mbe-cd .mbe-phone-option[aria-selected="true"] { font-weight: 600; }
.mbe-cd .mbe-phone-option:hover, .mbe-cd .mbe-phone-option.is-active { background: #f1f7e9; }
.mbe-cd .mbe-phone-country-name { min-width: 0; overflow-wrap: anywhere; }
.mbe-cd .mbe-phone-country-code { margin-left: auto; padding-left: 8px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mbe-cd .mbe-phone-empty { margin: 0; padding: 18px; color: #626762; font-size: .9rem; }
.mbe-cd .mbe-phone-field.has-error .mbe-phone-input { border-color: #c62828; }
.mbe-cd .mbe-phone-toggle:focus-visible, .mbe-cd .mbe-phone-search:focus-visible { outline: 2px solid #45652d; outline-offset: -3px; }
@media(max-width: 380px) {
    .mbe-cd .mbe-phone-toggle { min-width: 103px; padding: 0 10px; gap: 7px; }
    .mbe-cd button.mbe-phone-option { padding: 13px 14px; gap: 12px; }
    .mbe-cd .mbe-phone-list { max-height: 250px; }
}