.phone-country-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}
.phone-country-control select,
.phone-country-control input { width: 100%; min-width: 0; box-sizing: border-box; }
.phone-country-control select { text-overflow: ellipsis; padding-right: 38px; }
.phone-country-control + .field-help { display: block; margin-top: 7px; }
#customer-phone-error { margin: 7px 0 0; color: #b42318; font-size: 0.875rem; }
@media (min-width: 540px) and (max-width: 900px) {
  .phone-country-control { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}