/* ---------------------------------------------------------------------------
   Вход по SMS: тот же #popupEntreg и те же формы (sms_login / code_login),
   но выглядит он боковой панелью из макета — на всех страницах сайта.
   Логику не трогаем — только оболочка и масштаб.

   Почему !important: .overlayWinmod .window задан position:relative !important,
   а .popup — top/left:auto !important. Перебиваем точечно, три свойства.
   Свойство display не трогаем вообще: его инлайном ставит fadeIn/fadeOut.
   --------------------------------------------------------------------------- */
.overlayWinmod { background-color: rgba(17, 16, 16, .35); }
#popupEntreg {
  position: fixed !important;
  /* Скрипт попапов сдвигает окно на 50px вниз своей анимацией появления —
     боковой панели этот сдвиг не нужен, она и так приходит от края. */
  transform: none !important;
  top: 0 !important;
  left: auto !important;
  right: 0;
  bottom: 0;
  width: 520px;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 22px 56px 40px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  overflow: auto;
  vertical-align: top;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  color: #111010;
}

/* вкладок «Вход / Создать аккаунт» больше нет — вход и регистрация по SMS */
#popupEntreg .tabBody,
#popupEntreg .tabBody > li.current { display: block; width: auto; }

/* крестик и «закрыть» */
#popupEntreg .lc-auth-close {
  display: block;
  position: absolute;
  top: 26px;
  left: 56px;
  padding: 0;
  border: 0;
  background: none;
  color: #8a8177;
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
}
#popupEntreg .popupClose {
  top: 22px;
  right: 56px;
  width: 38px;
  height: 38px;
  border: 1px solid #ddd7cc;
}

/* заголовок панели входа */
#popupEntreg .lc-auth-head { margin: 0 0 34px; }
#popupEntreg .lc-auth-head h2 {
  margin: 0 0 14px;
  font-family: 'Jost', 'Manrope', sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.15;
  text-transform: lowercase;
}
#popupEntreg .lc-auth-head p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #5c5854;
}

/* формы телефона и кода */
#popupEntreg #sms-login-step,
#popupEntreg #sms-code-step { margin-top: 90px; }
#popupEntreg .string { margin-bottom: 18px; }
#popupEntreg label { font-size: 12px; color: #8f8b88; }
#popupEntreg input[type=text],
#popupEntreg input[type=tel],
#popupEntreg input[type=email],
#popupEntreg input[type=password] {
  width: 100%;
  height: 44px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #dedad6;
  border-radius: 0;
  background: none;
  font-size: 17px;
  letter-spacing: .06em;
  color: #111010;
}
#popupEntreg input:focus { border-bottom-color: #111010; }
#popupEntreg .btn_Form.blue {
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 0;
  background: #111010;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#popupEntreg .btn_Form.blue:hover { background: #8c3d52; }
#popupEntreg #sms-countdown,
#popupEntreg #sms-change-phone,
#popupEntreg #sms-resend { font-size: 13px; color: #5c5854; }

/* согласие внизу панели */
#popupEntreg .lc-auth-legal {
  position: static;
  margin: 48px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: #8f8b88;
  text-align: left;
}

@media (max-width: 760px) {
  #popupEntreg { padding: 20px 20px 28px; }
  #popupEntreg .lc-auth-close { left: 20px; }
  #popupEntreg .popupClose { right: 20px; }
  #popupEntreg .lc-sms-login-choice { margin-top: 60px; }
  #popupEntreg .lc-sms-login-choice h2 { font-size: 26px; }
}


/* ---------------------------------------------------------------------------
   Уведомления поверх панели входа.

   #popupEntreg и его подложка стоят на z-index 99999, а контейнер growl —
   на 50000. Сообщение об ошибке рисовалось под панелью, и со стороны
   выглядело так, будто нажатие «получить код» ничего не делает.
   --------------------------------------------------------------------------- */
#growls {
    z-index: 100010;
}

/* Сообщение об ошибке внутри панели — рядом с полем, а не всплывашкой. */
#popupEntreg .lc-auth-msg:empty { display: none; }

#popupEntreg .lc-auth-msg {
    margin: 0 0 14px;
    padding: 11px 14px;
    background: #fdf1f3;
    border-left: 2px solid #8c3d52;
    color: #8c3d52;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
}

#popupEntreg .lc-auth-switch {
    display: inline-block;
    margin-top: 18px;
    color: #8a8177;
    font-size: 13px;
    border-bottom: 1px solid #ddd7cc;
}

#popupEntreg .lc-auth-switch:hover { color: #111010; }

/* ---------------------------------------------------------------------------
   Панель входа на телефоне.

   Старая тема даёт попапам свои отступы и ширину, из-за чего панель
   вставала со сдвигом и не доходила до краёв экрана. На узких экранах
   она должна занимать его целиком.
   --------------------------------------------------------------------------- */
@media (max-width: 760px) {
    #popupEntreg {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 64px 20px 28px !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #popupEntreg .lc-auth-close { top: 22px; left: 20px; }
    #popupEntreg .popupClose { top: 18px; right: 20px; }
    #popupEntreg .lc-auth-head h2 { font-size: 26px; }
}

/* ---------------------------------------------------------------------------
   Показать набранный пароль.

   Знак рисуем фоном, а не разметкой: кнопку ставит шаблон поля, и лишние
   элементы внутри него ломали бы вёрстку формы. Без привязки к панели
   входа — те же поля есть в настройках кабинета. Вариант с .lx нужен
   потому, что ресет витрины гасит оформление кнопок своим правилом.
   --------------------------------------------------------------------------- */
.lc-pass { position: relative; }

.lc-pass input { padding-right: 46px; }

.lc-pass__eye,
.lx .lc-pass__eye {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 36px;
    height: 36px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    background: transparent center/20px 20px no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8177' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E");
    cursor: pointer;
}

.lc-pass__eye:hover,
.lc-pass__eye:focus,
.lx .lc-pass__eye:hover,
.lx .lc-pass__eye:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111010' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3C/svg%3E");
    outline: none;
}

/* Пароль виден — глаз перечёркнут. */
.lc-pass__eye.is-on,
.lx .lc-pass__eye.is-on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111010' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M4 4l16 16'/%3E%3C/svg%3E");
}