/* Keep Ecwid's real phone field, validation and submission; add a native country picker. */
#my-store-44278458 .dan-contact-control,
#my-store-44278458 .form-control:has(> .dan-contact-country) { position:relative; }
/* Ecwid can replace the wrapper class without replacing the input or picker. */
html[data-dan-ecwid-store="44278458"] #my-store-44278458 .ec-form .ec-form__cell input.form-control__text[data-dan-contact-ready="true"]:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  padding-left:7.1rem!important; direction:ltr!important; text-align:left!important;
}
#my-store-44278458 .form-control:has(> .dan-contact-country) .form-control__placeholder { display:none!important; }
#my-store-44278458 .dan-contact-country { position:absolute; inset:1px auto 1px 1px; width:6.2rem; z-index:2; border-right:1px solid #d9d1c3; background:#f6f3ec; }
#my-store-44278458 .dan-contact-country select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; font:16px Verdana,sans-serif; }
#my-store-44278458 .dan-contact-country-display { pointer-events:none; display:flex; align-items:center; justify-content:center; gap:.45rem; height:100%; font:600 14px Verdana,sans-serif; color:#173b31; direction:ltr; }
#my-store-44278458 .dan-contact-country-display::after { content:'⌄'; flex:0 0 22px; width:22px; height:22px; border-radius:50%; background:#17392f; color:#fffdf8; font:18px/17px Verdana,sans-serif; text-align:center; }
#my-store-44278458 .dan-contact-country-display img { width:24px; height:18px; object-fit:contain; box-shadow:0 0 0 1px #142e231f; }
#my-store-44278458 .dan-contact-country-display img[hidden] { display:none; }
#my-store-44278458 .dan-contact-country:focus-within { outline:2px solid #173b31; outline-offset:-3px; }
@media(max-width:400px) { #my-store-44278458 .dan-contact-country { width:5.5rem; } html[data-dan-ecwid-store="44278458"] #my-store-44278458 .ec-form .ec-form__cell input.form-control__text[data-dan-contact-ready="true"]:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { padding-left:6.25rem!important; } #my-store-44278458 .dan-contact-country-display { gap:.3rem; } }
/* The native arrow has its own reserved space, even for long translated names. */
html[data-dan-ecwid-store="44278458"] #my-store-44278458 .ec-form .ec-form__cell .form-control--select input.form-control__text,
html[data-dan-ecwid-store="44278458"] #my-store-44278458 .ec-form .ec-form__cell .form-control--select .form-control__select-text {
  padding-right:3.1rem!important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
}