.storefront-phone-field .iti {
    display: block;
    width: 100%;
}

.storefront-phone-field .iti__tel-input {
    width: 100%;
}

.storefront-phone-field .iti__selected-country {
    border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
}

.storefront-phone-field .iti__selected-country:hover,
.storefront-phone-field .iti__selected-country:focus-visible {
    background: color-mix(in srgb, var(--pink) 10%, transparent);
}

.storefront-phone-field .iti__selected-country:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--pink) 22%, transparent);
}

.storefront-phone-field .iti__dropdown-content {
    z-index: 1080;
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--bs-box-shadow-lg);
    overflow: hidden;
}

.storefront-phone-field .iti__search-input {
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

.storefront-phone-field .iti__country.iti__highlight,
.storefront-phone-field .iti__country:hover {
    background: color-mix(in srgb, var(--pink) 12%, var(--bs-body-bg));
}

@media (max-width: 575.98px) {
    .storefront-phone-field .iti__dropdown-content {
        max-width: calc(100vw - 2rem);
    }
}