
:root{
  --m4t-phone-border:rgba(10,35,66,.16);
  --m4t-phone-focus:#5d8fd8;
  --m4t-phone-navy:#0A2342;
  --m4t-phone-muted:#65768b;
  --m4t-phone-orange:#FF7A00;
}
.m4t-intl-phone{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  width:100%;
  min-height:48px;
  border:1px solid var(--m4t-phone-border);
  border-radius:12px;
  background:#fff;
  overflow:visible;
}
.m4t-intl-phone:focus-within{
  border-color:var(--m4t-phone-focus);
  box-shadow:0 0 0 4px rgba(93,143,216,.15);
}
.m4t-intl-phone .m4t-country-trigger{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:112px;
  min-height:46px;
  padding:0 12px;
  border:0;
  border-right:1px solid rgba(10,35,66,.10);
  border-radius:11px 0 0 11px;
  background:#fffaf4;
  color:var(--m4t-phone-navy);
  font:inherit;
  font-size:.86rem;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.m4t-country-trigger:focus-visible{
  outline:2px solid var(--m4t-phone-focus);
  outline-offset:-3px;
}
.m4t-country-flag{
  width:24px;
  height:16px;
  min-width:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:2px;
  background:#F2F5F8;
  line-height:1;
  box-shadow:0 0 0 1px rgba(10,35,66,.08);
}
.m4t-country-flag-img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}
.m4t-country-flag-fallback{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  color:var(--m4t-phone-navy);
  background:#F2F5F8;
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.02em;
}
.m4t-country-arrow{
  font-size:.68rem;
  opacity:.75;
}
.m4t-intl-phone input[name="whatsapp"]{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:11px 13px!important;
  border:0!important;
  border-radius:0 11px 11px 0!important;
  background:transparent!important;
  color:var(--m4t-phone-navy)!important;
  box-shadow:none!important;
  font-size:16px!important;
}
.m4t-intl-phone input[name="whatsapp"]:focus{
  outline:none!important;
  box-shadow:none!important;
}
.m4t-country-panel{
  position:fixed;
  z-index:10000020;
  width:min(390px,calc(100vw - 24px));
  max-height:min(460px,72vh);
  display:none;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(10,35,66,.14);
  border-radius:14px;
  background:#fff;
  box-shadow:0 24px 70px rgba(10,35,66,.28);
}
.m4t-country-panel.is-open{display:flex}
.m4t-country-search-wrap{
  padding:10px;
  border-bottom:1px solid rgba(10,35,66,.09);
  background:#fff;
}
.m4t-country-search{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid rgba(10,35,66,.16);
  border-radius:10px;
  color:var(--m4t-phone-navy);
  font-size:16px;
}
.m4t-country-search:focus{
  outline:none;
  border-color:var(--m4t-phone-focus);
  box-shadow:0 0 0 3px rgba(93,143,216,.14);
}
.m4t-country-list{
  margin:0;
  padding:6px;
  overflow:auto;
  overscroll-behavior:contain;
  list-style:none;
}
.m4t-country-option{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:8px 10px;
  border:0;
  border-radius:9px;
  background:#fff;
  color:var(--m4t-phone-navy);
  text-align:left;
  cursor:pointer;
}
.m4t-country-option:hover,
.m4t-country-option.is-active,
.m4t-country-option[aria-selected="true"]{
  background:#FFF3E8;
}
.m4t-country-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.82rem;
  font-weight:700;
}
.m4t-country-code{
  color:#526A84;
  font-size:.8rem;
  font-weight:800;
}
.m4t-country-empty{
  padding:20px;
  color:var(--m4t-phone-muted);
  text-align:center;
  font-size:.82rem;
}
.m4t-contact-shared-error{
  display:none;
  grid-column:1/-1;
  color:#B42318;
  font-size:.7rem;
  font-weight:750;
}
.m4t-contact-shared-error.is-visible{display:block}
@media(max-width:760px){
  .m4t-intl-phone{min-height:50px}
  .m4t-intl-phone .m4t-country-trigger{
    min-width:105px;
    min-height:48px;
    padding:0 10px;
  }
  .m4t-intl-phone input[name="whatsapp"]{
    min-height:48px!important;
    font-size:16px!important;
  }
  .m4t-country-panel{
    left:8px!important;
    right:8px!important;
    top:max(8px,env(safe-area-inset-top))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:none!important;
  }
}

/* Rev62.6 popup phone interaction fix */
.m4t-country-panel{z-index:2147483600;overscroll-behavior:contain}
.m4t-country-panel .m4t-country-list{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#m4t-r40-overlay .m4t-intl-phone,#m4t-r40-overlay .m4t-country-trigger{touch-action:manipulation}
.m4t-country-panel--mobile{inset:0!important;width:100%!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);overflow:hidden}
.m4t-country-panel--mobile .m4t-country-list{max-height:calc(100dvh - 132px)}
@supports not (height:100dvh){.m4t-country-panel--mobile .m4t-country-list{max-height:calc(100vh - 132px)}}



/* Rev62.14 cross-browser local flag rendering guard. */
.m4t-country-trigger .m4t-country-flag,
.m4t-country-option .m4t-country-flag{
  flex:0 0 24px;
}
@media (forced-colors:active){
  .m4t-country-flag{border:1px solid CanvasText;box-shadow:none}
}
