/* ============================================================
   mobile-restore.css
   На планшете/мобиле (<=992px) отменяет ДЕСКТОПНЫЙ редизайн главной
   (абсолютное позиционирование секций + min-height), который живёт
   без media-запросов в style.min.css и протекал на малые экраны.
   После сброса в поток снова работают исходные адаптивные правила
   из style720/420/375.min.css — то есть мобильный/планшетный вид
   возвращается к исходному.
   Десктоп (>=993px) НЕ затрагивается. Кнопки и локализацию не трогаем.
   Откат = убрать <link> на этот файл.
   ============================================================ */
/* Распорка вместо удалённого блока новостей: на десктопе (>=993px) скрыта,
   на <=992px показывается с исходными min-height из style720/420/375
   (2000/2150/2225px) — возвращает прежнее пустое пространство. */
@media screen and (min-width:993px){
  body.home .home-news-spacer{ display:none !important; }
}

@media screen and (max-width:992px){
  body.home{
    position:static !important;
    min-height:auto !important;
  }
  body.home .wit,
  body.home .video,
  body.home .class,
  body.home footer{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
  }
}

/* ------------------------------------------------------------
   Кнопка PLAY на мобиле/планшете.
   Новая кнопка = фон-текстура + текст (без <img>), поэтому старые
   правила вида ".btn-play img{width:...}" больше ни на что не влияли
   и кнопка оставалась десктопной (620px). Возвращаем исходные размеры
   по тем же брейкпоинтам, что были у старой кнопки (345.5/300/280/255).
   Высота — через aspect-ratio оригинала (620x264).
   ------------------------------------------------------------ */
@media screen and (max-width:992px){
  .header-medium .play .btn-play{
    width:345.5px !important;
    height:auto !important;
    aspect-ratio:620 / 264 !important;
  }
  .header-medium .play .btn-play .playnow-txt{ font-size:21px !important; }
}
@media screen and (max-width:767px){
  .header-medium .play .btn-play{ width:300px !important; }
  .header-medium .play .btn-play .playnow-txt{ font-size:18px !important; }
}
@media screen and (max-width:479px){
  .header-medium .play .btn-play{ width:280px !important; }
  .header-medium .play .btn-play .playnow-txt{ font-size:17px !important; }
}
@media screen and (max-width:370px){
  .header-medium .play .btn-play{ width:255px !important; }
  .header-medium .play .btn-play .playnow-txt{ font-size:15px !important; }
}

/* ------------------------------------------------------------
   Соц-кнопки Google/Facebook на странице входа/регистрации.
   Новая кнопка = фон-текстура + текст (без <img>), поэтому
   фиксированная width:360px вылезала за узкий экран. Делаем по
   ширине контейнера, высота — через aspect-ratio оригинала (360x148).
   ------------------------------------------------------------ */
@media screen and (max-width:992px){
  body.register .register .links a,
  body.login .register .links a{
    width:100% !important;
    max-width:360px !important;
    height:auto !important;
    aspect-ratio:360 / 148 !important;
  }
  body.register .register .links a span,
  body.login .register .links a span{
    font-size:clamp(12px, 4.2vw, 18px) !important;
  }
}

/* ------------------------------------------------------------
   CTA-кнопка "Войти/Создать" (.lsignin / .rstandart) на мобиле.
   У неё фиксированная height:165px — при уменьшении ширины (300px)
   текстура растягивалась по высоте и налезала на баннер сверху.
   Снимаем фикс. высоту, считаем её от ширины через aspect-ratio
   оригинала (360x165) — текстура не тянется.
   ------------------------------------------------------------ */
@media screen and (max-width:992px){
  body.login .register .lsignin,
  body.login .register .rstandart,
  body.register .register .lsignin,
  body.register .register .rstandart{
    height:auto !important;
    aspect-ratio:360 / 165 !important;
  }
}

/* ------------------------------------------------------------
   Накладка CTA-кнопки на баннер в диапазоне 768–992px.
   Здесь фон (bg-login-720 / bg-register-720) показывается в нативном
   размере (bg-size:auto), баннер «LOGIN/REGISTRATION» на фиксированной
   высоте ~410px, а .register margin-top:41% плавающий (~295–394px) —
   кнопка садится на баннер. Задаём фиксированный отступ под баннер.
   ------------------------------------------------------------ */
@media screen and (min-width:768px) and (max-width:992px){
  body.login .register,
  body.register .register{
    margin-top:410px !important;
  }
}