:root { --iti-path-flags-1x: url('/assets/phone/img/flags.webp'); --iti-path-flags-2x: url('/assets/phone/img/flags@2x.webp'); }
.laffazi-phone { width: 100%; min-width: 0; text-align: left; }
.laffazi-phone input { width: 100%; min-width: 0; box-sizing: border-box; padding-left: 108px !important; }
.laffazi-phone .iti__selected-country { border-radius: 6px 0 0 6px; }
.laffazi-email-mode .iti__country-container { display: none; }
.laffazi-email-mode input { padding-left: 14px !important; }
.iti--detached-country-selector { z-index: 2147483647; max-width: calc(100vw - 16px); }
.iti__country-selector { background: #fff; color: #222; border: 1px solid #d8dce0; border-radius: 6px; box-shadow: 0 8px 24px #0002; max-width: calc(100vw - 16px); }
.iti__search-input { font-size: 16px !important; min-height: 44px; color: #222 !important; background: #fff !important; }
.iti__country-list { max-height: min(280px, 40dvh); }
.iti__country { font-size: 14px; min-height: 36px; white-space: normal; }
.iti__country-name { overflow-wrap: anywhere; }
@media (max-width: 600px) { .laffazi-phone input { font-size: 16px !important; } .iti__selected-country { min-height: 44px; } }