/* MorozMusic — попап подписки при прокрутке v1.0. Desktop: rem (1rem = 1px при 1920), mobile <=768: px */
.mms-popup--sp .mms-popup__dialog {
  max-width: 860rem; padding: 0; gap: 0; flex-direction: row; align-items: stretch; text-align: left; overflow: hidden;
}
.mms-popup--sp .mms-popup__close { z-index: 2; }

.mms-sp__visual {
  position: relative; flex: 0 0 330rem; padding: 44rem 36rem; overflow: hidden;
  background: #1C1C1C; display: flex; flex-direction: column; justify-content: space-between; gap: 40rem;
}
.mms-sp__glow {
  position: absolute; width: 420rem; height: 420rem; left: -120rem; top: -140rem; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,31,31,.55), rgba(255,31,31,0)); pointer-events: none;
}
.mms-sp__env { position: relative; width: 150rem; margin-top: 20rem; transform: rotate(-8deg); filter: drop-shadow(0 18px 30px rgba(255,31,31,.35)); }
.mms-sp__env svg { display: block; width: 100%; height: auto; }
.mms-popup--sp ul.mms-sp__tags { position: relative; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10rem; }
.mms-popup--sp ul.mms-sp__tags li {
  margin: 0; padding: 0 0 0 26rem; position: relative; background: none;
  font: 500 15rem/1.35 "Inter", Arial, sans-serif; color: #fff;
}
.mms-popup--sp ul.mms-sp__tags li::before {
  content: ''; position: absolute; left: 0; top: 50%; width: 16rem; height: 16rem; margin-top: -8rem; border-radius: 50%;
  background: #FF1F1F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11rem no-repeat;
}

.mms-sp__body { flex: 1 1 auto; min-width: 0; padding: 48rem 44rem 36rem; display: flex; flex-direction: column; align-items: stretch; }
.mms-sp__kicker { margin: 0 0 12rem; font: 600 13rem/1.2 "Inter", Arial, sans-serif; color: #FF1F1F; text-transform: uppercase; letter-spacing: .06em; }
.mms-popup--sp .mms-popup__title { font-size: 30rem; padding-right: 40rem; }
.mms-popup--sp .mms-popup__lead { margin-top: 10rem; font-size: 15rem; }

.mms-sp__form { margin-top: 26rem; }
.mms-popup--sp .mms__field { display: flex; align-items: center; gap: 6rem; padding: 5rem 5rem 5rem 16rem; background: #F2F2F2; border: 1.5px solid transparent; border-radius: 13rem; transition: border-color .2s; }
.mms-popup--sp .mms__field:focus-within { border-color: #D0D0D0; }
.mms-popup--sp .mms__field.is-error { border-color: #FF1F1F; }
.mms-popup--sp input.mms__input {
  flex: 1 1 auto; min-width: 0; width: auto; height: 46rem; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none;
  font: 400 16rem/1 "Inter", Arial, sans-serif !important; color: #282828;
}
.mms-popup--sp input.mms__input::placeholder { color: #999; font-size: 16rem !important; }
.mms-popup--sp .mms__btn {
  flex: 0 0 auto; position: relative; height: 46rem; margin: 0; padding: 0 24rem; border: 0; border-radius: 10rem;
  background: #FF1F1F; color: #fff; font: 600 16rem/1 "Inter", Arial, sans-serif; cursor: pointer; transition: background .2s, opacity .2s;
}
.mms-popup--sp .mms__btn:hover { background: #E51414; }
.mms-popup--sp .mms__btn:disabled { opacity: .75; cursor: default; }
.mms-popup--sp .mms__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mms-popup--sp .mms__consent { margin-top: 12rem; font-size: 12rem; }
.mms-popup--sp .mms__consent--ads { margin-top: 8rem; }
.mms-popup--sp .mms__error { margin: 10rem 0 0; font-size: 12rem; }
.mms-popup--sp .mms-sp__later { align-self: flex-start; margin-top: 22rem; font-size: 13rem; }

@media (max-width: 768px) {
  .mms-popup--sp .mms-popup__dialog { flex-direction: column; max-width: none; padding: 0; gap: 0; }
  .mms-popup--sp .mms-popup__grabber { position: absolute; top: 10px; left: 50%; margin-left: -20px; z-index: 2; background: rgba(255,255,255,.35); }
  .mms-sp__visual { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 18px; padding: 30px 20px 22px; }
  .mms-sp__glow { width: 260px; height: 260px; left: -90px; top: -110px; }
  .mms-sp__env { flex: 0 0 76px; width: 76px; margin: 0; }
  .mms-popup--sp ul.mms-sp__tags { gap: 7px; }
  .mms-popup--sp ul.mms-sp__tags li { padding-left: 22px; font-size: 13px; }
  .mms-popup--sp ul.mms-sp__tags li::before { width: 14px; height: 14px; margin-top: -7px; background-size: 10px; }
  .mms-sp__body { padding: 22px 20px 26px; }
  .mms-sp__kicker { margin-bottom: 8px; font-size: 11px; }
  .mms-popup--sp .mms-popup__title { font-size: 22px; padding-right: 0; }
  .mms-popup--sp .mms-popup__lead { margin-top: 8px; font-size: 14px; }
  .mms-sp__form { margin-top: 18px; }
  .mms-popup--sp .mms__field { flex-direction: column; align-items: stretch; gap: 10px; padding: 0; background: none; border: 0; }
  .mms-popup--sp input.mms__input { height: 52px; padding: 0 16px; background: #F2F2F2; border: 1.5px solid transparent; border-radius: 12px; font-size: 16px !important; }
  .mms-popup--sp input.mms__input::placeholder { font-size: 16px !important; }
  .mms-popup--sp .mms__field.is-error input.mms__input { border-color: #FF1F1F; }
  .mms-popup--sp .mms__btn { width: 100%; height: 52px; border-radius: 12px; font-size: 16px; }
  .mms-popup--sp .mms__consent { margin-top: 12px; gap: 10px; font-size: 12px; }
  .mms-popup--sp .mms__consent--ads { margin-top: 8px; }
  .mms-popup--sp .mms__check { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 5px; }
  .mms-popup--sp .mms__check svg { width: 12px; height: 12px; }
  .mms-popup--sp .mms__error { margin-top: 8px; font-size: 12px; }
  .mms-popup--sp .mms-sp__later { align-self: center; margin-top: 16px; font-size: 14px; }
}

/* v1.1 — без «Не сейчас»; крестик закрытия виден и на мобилке (поверх тёмной шапки) */
.mms-popup--sp .mms-sp__later { display: none !important; }
@media (max-width: 768px) {
  .mms-popup--sp .mms-popup__close {
    display: flex; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 10px;
    background: rgba(255,255,255,.14); z-index: 3;
  }
  .mms-popup--sp .mms-popup__close:hover { background: rgba(255,255,255,.24); }
  .mms-popup--sp .mms-popup__close svg { width: 18px; height: 18px; }
  .mms-popup--sp .mms-popup__close svg path { stroke: #fff; }
  .mms-popup--sp .mms-sp__visual { padding-right: 60px; }
}