/* AOT: блок входа и регистрации по номеру телефона (см. aot/README.md).
   Один и тот же блок стоит в трёх местах — чекаут, страница входа, модалка в шапке,
   поэтому стили вынесены сюда из checkout.css, а не копируются. */

.aot-phone-gate{margin:0 0 8px;padding:16px;background:#fff;border-radius:8px}
.aot-phone-gate__heading{margin:0 0 8px;font-size:1.25em;font-weight:700;color:var(--heading-c)}
.aot-phone-gate__text{margin:0 0 16px;font-size:.95em;color:#888}
.aot-phone-gate__form{max-width:360px}
.aot-phone-gate__input{margin:0 0 24px}
.aot-phone-gate__btn{height:44px;font-weight:700}

/* Галочки согласий (Bitrix 3924): обязательная про обработку ПД (/privacy) и необязательная
   рекламная. Стоят во всех трёх гейтах — менять в связке (aot/README.md, «Согласия»). */
.aot-phone-gate__agree{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;
	font-size:.9em;line-height:1.35;color:#555;cursor:pointer}
.aot-phone-gate__agree input{margin:3px 0 0;flex:0 0 auto;width:auto;height:auto}
.aot-phone-gate__agree a{text-decoration:underline}
.aot-phone-gate__btn:disabled{opacity:.45;cursor:not-allowed}

/* Отмеченный чекбокс — фирменный зелёный, а не системный синий. Красим и галочки согласий
   на подтверждении чекаута: этот файл там подключён всегда (см. uni_checkout.php). */
.aot-phone-gate__agree input,
.unicheckout-sticky__confirm-input{accent-color:var(--btn-primary-bg,#5a8f3c)}

/* На чекауте отступ поля приходится отвоёвывать: main.min.css грузится позже и держит
   .main .main-checkout .form-control с margin:16px 0 0 0 — три класса против одного.
   Четыре класса перебивают их без !important. Вне чекаута этих правил нет, там хватает
   короткого селектора выше. */
.main .main-checkout .aot-phone-gate .aot-phone-gate__input{margin:0 0 24px}

/* Страница входа: блок не должен растягиваться на всю ширину колонки. */
#account-login .aot-phone-gate{max-width:420px;padding:0}

/* Плашка о невыкупленном подарке в корзине (Bitrix 3932). Карточка как у соседей —
   padding 16, белый фон, радиус 8 (см. 3892: вид на этой странице задаёт main.min.css). */
.aot-gift-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;
	padding:16px;background:#fff;border-radius:8px;border-left:4px solid var(--btn-primary-bg)}
.aot-gift-note__text{flex:1 1 260px;font-size:.95em;line-height:1.45}
.aot-gift-note__code{display:inline-block;padding:1px 7px;border-radius:4px;background:#f1f1f1;
	font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}
.aot-gift-note__btn{flex:0 0 auto;height:44px;line-height:28px;font-weight:700}
/* Набор лежит, но порог не взят: это не ошибка, а условие — жёлтый, а не красный. */
.aot-gift-note--warn{border-left-color:#e0a800;background:#fffdf5}

/* В модалке карточка не нужна — фон и скругление даёт сама модалка. */
.modal-login .aot-phone-gate{padding:0;margin:0;background:none}
.modal-login .aot-phone-gate__form{max-width:none}
.modal-login .aot-phone-gate__heading{display:none}