.tp-pk-phone{
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
  border:1px solid var(--line, var(--tp-border, #cbd5e1));
  border-radius:11px;
  background:var(--tp-surface-2, #f8fafc);
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.tp-pk-phone:focus-within{
  border-color:var(--tp-muted-2, #64748b);
  background:var(--tp-surface, #fff);
  box-shadow:0 0 0 4px rgba(100,116,139,.1);
}
.tp-pk-phone__prefix{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:98px;
  padding:0 12px;
  border-right:1px solid var(--line, var(--tp-border, #cbd5e1));
  background:#f1f5f9;
  color:#0b2f53;
  font-size:13px;
  line-height:1;
  white-space:nowrap;
  user-select:none;
}
.tp-pk-phone__flag{font-size:20px;line-height:1}
.tp-pk-phone__prefix strong{font-size:13px;font-weight:800;letter-spacing:.01em}
.tp-pk-phone__input,
.field .tp-pk-phone__input,
.tp-pk-phone input.tp-pk-phone__input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  height:auto;
  min-height:44px;
  margin:0;
  padding:11px 13px;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--ink, var(--tp-text, #0f172a));
}
.tp-pk-phone__input:focus{box-shadow:none!important}
.tp-pk-phone:has(.tp-pk-phone__input:disabled){opacity:.72;background:#f1f5f9}
@media(max-width:480px){
  .tp-pk-phone__prefix{min-width:91px;padding-inline:10px;gap:6px}
  .tp-pk-phone__flag{font-size:18px}
}