/* Интеграция поверх стилей подрядчика (style.css не трогаем). */

/* Телефон: intl-tel-input (/js/myr-phone.js) вместо <select> с пятью кодами.
   Рамка, радиус и высота остаются на .phone-field; внутри — флаг с кодом страны
   и тот же разделитель, что был у селекта. Правило .phone-field input{width:67%}
   из style.css перебивается более специфичным .iti__tel-input. */
.phone-field .iti{display:block;flex:1;width:100%;min-width:0;--iti-dialcode-color:#193948;font:400 1.45cqw/1.2 Arial,Helvetica,sans-serif}
.phone-field .iti__tel-input{display:block;width:100%}
.phone-field .iti__selected-country{padding-right:10px;border-right:1px solid #c7c9c9}
.phone-field .iti__selected-dial-code{font:inherit;color:#193948}
/* код страны тем же кеглем, что и номер: повторяем размеры .registration-column input из style.css */
@media(min-width:701px) and (max-width:1050px){.phone-field .iti{font-size:16px}}
@media(max-width:700px){.phone-field .iti{font-size:max(16px,4.2cqw)}}

/* Поиск в списке стран получает фокус сразу при открытии; при шрифте меньше 16px
   iOS Safari приближает страницу и не отдаляет её обратно. Список живёт в <body>. */
@media(pointer:coarse){.iti__search-input{font-size:16px}}

/* Текст ошибки под кнопкой: в style.css он 1.2cqw — на 701–1050px это 8–12px. */
.registration-column .form-state{font-size:max(13px,1.2cqw)!important}
@media(max-width:700px){.registration-column .form-state{font-size:max(13px,3.5cqw)!important}}

/* Кнопка формы, пока создаётся заказ: myr-checkout.js ставит disabled и меняет текст
   («Отправляем заявку…» → «Переходим к оплате…»). Пульс и блик останавливаем,
   чтобы кнопка не выглядела активной. */
.registration-column form .action:disabled{cursor:wait;opacity:.7;animation:none;transform:none}
.registration-column form .action:disabled::before{animation:none;opacity:0}

/* Sticky-кнопка: только мобильный (брейкпоинт лендинга — 700px), ведёт к форме
   блока 13. Прячет её app.js, когда форма на экране или уже позади. */
.sticky-cta{display:none}
@media(max-width:700px){
 .sticky-cta{position:fixed;z-index:50;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 14px;border:1px solid #ffd489;border-radius:12px;background:linear-gradient(#ffb344,#ff961b 60%,#f68711);box-shadow:inset 0 1px #ffe4b2,inset 0 -2px #cb721a55,0 3px 0 #ba651c,0 8px 20px #0b373b33;color:#141d17;font:700 clamp(14px,4.1vw,19px)/1.15 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .25s ease,visibility 0s}
 .sticky-cta.is-hidden{transform:translateY(calc(100% + 24px));visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
 .sticky-cta:focus-visible{outline:3px solid #b68b30;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.sticky-cta,.sticky-cta.is-hidden{transition:none}}