.contact-phone { display:flex; gap:8px; min-width:0; align-items:stretch; }
.contact-phone > input { flex:1; width:0; min-width:0; min-height:44px; }
.contact-phone__prefix { flex:0 1 145px; width:145px; min-width:100px; min-height:44px; padding:10px 44px 10px 12px; appearance:none; border:1px solid var(--border); border-radius:var(--radius-sm,9px); color:var(--text); background-color:var(--bg2); font:inherit; font-size:.85rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; }
.contact-phone__prefix:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.contact-help { margin-top:4px; color:var(--text2); font-size:.75rem; line-height:1.45; }
.contact-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:390px) { .contact-phone__prefix { flex-basis:120px; width:120px; } }

[dir="rtl"] .contact-phone__prefix { padding:10px 12px 10px 44px; background-position:left 16px center; }
@media(max-width:600px) { .checkout-contact-methods.form-row { grid-template-columns:minmax(0,1fr); } }