/* MorozMusic — редизайн попапов «Авторизация» и «Заказать звонок» (fancybox .styleforsmallpopup) v1.0
   Откат: удалить строку MMP-POPUPS в шаблоне или этот файл. */
.fancybox-overlay:has(+ .fancybox-wrap .styleforsmallpopup), .fancybox-overlay { background: rgba(20,20,20,.55) !important; }
.fancybox-skin:has(.styleforsmallpopup) { background: #fff !important; border-radius: 16px !important; box-shadow: 0 24px 64px rgba(0,0,0,.28) !important; }
.fancybox-skin:has(.styleforsmallpopup) .fancybox-inner { border-radius: 16px; }

.fancybox-wrap .styleforsmallpopup { background: #fff; border: 0 !important; border-radius: 16px; font-family: "Inter", Arial, sans-serif; color: #282828; text-align: left; }
.fancybox-wrap .styleforsmallpopup * { box-sizing: border-box; }
.fancybox-wrap .styleforsmallpopup .popup_head {
  background: none !important; color: #1C1C1C !important; text-align: left !important; text-shadow: none !important;
  height: auto !important; margin: 0; padding: 28px 72px 0 28px !important; border: 0 !important;
  font: 700 22px/1.25 "Inter", Arial, sans-serif !important; letter-spacing: 0; text-transform: none;
}
.fancybox-wrap .styleforsmallpopup .popup_dashed { border: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; }
.fancybox-wrap .styleforsmallpopup .popup_body { padding: 20px 28px 28px !important; background: none !important; border: 0 !important; }
.fancybox-wrap .styleforsmallpopup br { display: none; }

/* поля */
.fancybox-wrap .styleforsmallpopup input.textinput40,
.fancybox-wrap .styleforsmallpopup textarea.textinput40,
.fancybox-wrap .styleforsmallpopup input[type="text"],
.fancybox-wrap .styleforsmallpopup input[type="password"],
.fancybox-wrap .styleforsmallpopup input[type="email"] {
  display: block; width: 100% !important; height: 48px !important; margin: 0 0 10px !important; padding: 0 14px !important;
  background: #F4F4F4 !important; background-image: none !important; border: 1.5px solid transparent !important; border-radius: 10px !important;
  box-shadow: none !important; outline: 0; color: #1C1C1C !important; font: 400 15px/1.2 "Inter", Arial, sans-serif !important;
  transition: border-color .2s, background .2s;
}
.fancybox-wrap .styleforsmallpopup input.textinput40::placeholder { color: #8A8A8A; opacity: 1; }
.fancybox-wrap .styleforsmallpopup input.textinput40:hover { background: #EFEFEF !important; }
.fancybox-wrap .styleforsmallpopup input.textinput40:focus { background: #fff !important; border-color: #282828 !important; }
.fancybox-wrap .styleforsmallpopup input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #F4F4F4 inset !important; -webkit-text-fill-color: #1C1C1C; }

/* «Забыли?» внутри поля пароля */
.fancybox-wrap .styleforsmallpopup .user_password { position: relative; }
.fancybox-wrap .styleforsmallpopup .user_password input { padding-right: 84px !important; }
.fancybox-wrap .styleforsmallpopup .user_password a {
  position: absolute; right: 14px; top: 24px; transform: translateY(-50%); margin: 0 !important;
  color: #8A8A8A !important; font: 500 13px/1 "Inter", Arial, sans-serif; text-decoration: none; border: 0;
}
.fancybox-wrap .styleforsmallpopup .user_password a:hover { color: #FF1F1F !important; }

/* капча */
.fancybox-wrap .styleforsmallpopup input.textinput40.textinput_captcha { display: inline-block !important; vertical-align: top; width: calc(100% - 196px) !important; }
.fancybox-wrap .styleforsmallpopup .captcha_image { display: inline-block; vertical-align: top; width: 180px; height: 48px; margin: 0 0 10px 12px; border-radius: 10px; border: 1.5px solid #EDEDED; object-fit: fill; }

/* чекбоксы */
.fancybox-wrap .styleforsmallpopup input[type="checkbox"] {
  width: 18px; height: 18px; margin: 0 8px 0 0; vertical-align: middle; accent-color: #FF1F1F; cursor: pointer;
  position: static !important; opacity: 1 !important;
}
.fancybox-wrap .styleforsmallpopup label { font: 400 13px/1.4 "Inter", Arial, sans-serif !important; color: #5A5A5A !important; vertical-align: middle; cursor: pointer; }
.fancybox-wrap .styleforsmallpopup label::before, .fancybox-wrap .styleforsmallpopup label::after { display: none !important; }
.fancybox-wrap .styleforsmallpopup label a { color: #1C1C1C !important; text-decoration: underline; text-underline-offset: 2px; }
.fancybox-wrap .styleforsmallpopup .errortext, .fancybox-wrap .styleforsmallpopup .errortext * { color: #FF1F1F !important; font: 500 13px/1.4 "Inter", Arial, sans-serif; margin-bottom: 8px; }
.fancybox-wrap .styleforsmallpopup .notetext { color: #1C1C1C; font: 500 15px/1.45 "Inter", Arial, sans-serif; }

/* строка «Запомнить меня» + кнопка */
.fancybox-wrap .styleforsmallpopup form > .clearfix { display: flex; flex-direction: column; gap: 16px; margin-top: 4px; }
.fancybox-wrap .styleforsmallpopup form > .clearfix::before, .fancybox-wrap .styleforsmallpopup form > .clearfix::after { display: none; }
.fancybox-wrap .styleforsmallpopup .remember { order: -1; float: none !important; margin: 0 !important; padding: 0 !important; display: flex; align-items: center; }

/* кнопка */
.fancybox-wrap .styleforsmallpopup .btn2 {
  display: block; float: none !important; width: 100% !important; height: 48px; margin: 6px 0 0 !important; padding: 0 20px !important;
  background: #FF1F1F !important; background-image: none !important; border: 0 !important; border-radius: 10px !important; box-shadow: none !important;
  color: #fff !important; text-align: center; text-shadow: none !important; text-decoration: none !important; text-transform: none !important;
  font: 600 16px/48px "Inter", Arial, sans-serif !important; transition: background .2s;
}
.fancybox-wrap .styleforsmallpopup .btn2:hover { background: #E01414 !important; }
.fancybox-wrap .styleforsmallpopup .clearfix .btn2 { margin-top: 0 !important; }

/* подвал «Регистрация» */
.fancybox-wrap .styleforsmallpopup .popup_foot {
  margin: 0 !important; padding: 16px 28px 20px !important; background: none !important; border-top: 1px solid #EDEDED !important;
  text-align: center; font: 400 14px/1.4 "Inter", Arial, sans-serif; color: #8A8A8A;
}
.fancybox-wrap .styleforsmallpopup .popup_foot a {
  color: #1C1C1C !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important;
  font: 600 14px/1.4 "Inter", Arial, sans-serif !important; text-decoration: underline !important; text-underline-offset: 3px;
}
.fancybox-wrap .styleforsmallpopup .popup_foot a:hover { color: #FF1F1F !important; }

/* крестик */
.fancybox-wrap:has(.styleforsmallpopup) .fancybox-close {
  top: 22px !important; right: 22px !important; width: 36px !important; height: 36px !important; border-radius: 50%;
  background: #F4F4F4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23282828' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px no-repeat !important;
  transition: background-color .2s; opacity: 1 !important;
}
.fancybox-wrap:has(.styleforsmallpopup) .fancybox-close::before, .fancybox-wrap:has(.styleforsmallpopup) .fancybox-close::after { display: none !important; }
.fancybox-wrap:has(.styleforsmallpopup) .fancybox-close:hover { background-color: #EAEAEA !important; }

/* строка согласия в «Заказать звонок» */
.fancybox-wrap .styleforsmallpopup div:has(> input[type="checkbox"]) { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 4px 0 8px !important; }
.fancybox-wrap .styleforsmallpopup div:has(> input[type="checkbox"]) > .errortext { flex: 0 0 100%; }
.fancybox-wrap .styleforsmallpopup div:has(> input[type="checkbox"]) > input[type="checkbox"] { flex: 0 0 18px; margin-top: 1px; }
.fancybox-wrap .styleforsmallpopup div:has(> input[type="checkbox"]) > label { flex: 1 1 0; min-width: 0; }

/* ширина и мобилка */
.fancybox-wrap .styleforsmallpopup { width: 400px; max-width: 100%; }
@media (max-width: 480px) {
  .fancybox-wrap .styleforsmallpopup .popup_head { padding: 24px 64px 0 20px !important; font-size: 20px !important; }
  .fancybox-wrap .styleforsmallpopup .popup_body { padding: 18px 20px 22px !important; }
  .fancybox-wrap .styleforsmallpopup .popup_foot { padding: 14px 20px 18px !important; }
  .fancybox-wrap:has(.styleforsmallpopup) .fancybox-close { top: 18px !important; right: 16px !important; }
  .fancybox-wrap .styleforsmallpopup input.textinput40.textinput_captcha { width: calc(100% - 158px) !important; }
  .fancybox-wrap .styleforsmallpopup .captcha_image { width: 146px; height: 48px; margin-left: 10px; }
  .fancybox-wrap .styleforsmallpopup input.textinput40 { font-size: 16px !important; }
}

/* v1.1 — убрать рамку фокуса вокруг попапа */
.fancybox-wrap, .fancybox-wrap:focus, .fancybox-wrap:focus-visible, .fancybox-skin, .fancybox-outer, .fancybox-inner { outline: none !important; }