/* ============================================================
   home-fluid.css — адаптив нового дизайна главной + кнопок.
   Подключается ПОСЛЕДНИМ, перебивает legacy style720/420/375.
   Скелет главной калиброван под 1920px (1px = 1/19.2 vw),
   поэтому на любой ширине это тот же дизайн, пропорционально
   уменьшенный. Откат = убрать <link> на этот файл.
   ============================================================ */

/* ---------- ФОН: масштабируется по ширине вьюпорта ---------- */
body.home{
  background-image:url(/img/bg-new2-3.jpg) !important;
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-color:#010101 !important;
  position:relative !important;
  min-height:219.84vw !important;   /* 4221 / 19.2 */
  overflow-x:hidden;
}

/* ---------- СКЕЛЕТ: секции прибиты к точкам фона (в vw) ---------- */
body.home .header-medium .play{
  position:absolute !important;
  /* .header-medium = containing block, его top = высота меню (80px),
     поэтому вычитаем её, чтобы привязать кнопку к точке фона y=640 */
  top:calc(33.33vw - 80px) !important; /* 640 от body */
  left:0; right:0; width:100% !important;
  text-align:center !important;
  margin:0 !important;
}
body.home .wit{
  position:absolute !important;
  top:47.45vw !important;           /* 911 */
  left:0; right:0;
  padding:0 !important; margin:0 !important;
  color:#fff;
}
body.home .video{
  position:absolute !important;
  top:110.89vw !important;          /* 2129 */
  left:0; right:0; margin:0 !important;
}
body.home .class{
  position:absolute !important;
  top:151.04vw !important;          /* 2900 */
  left:0; right:0; margin:0 !important;
}
body.home footer{
  position:absolute !important;
  top:212.0vw !important;           /* 4070 */
  left:0; right:0; margin:0 !important;
}

/* ---------- ВНУТРЕННИЕ БЛОКИ: размеры в vw (пропорц.) ---------- */
body.home .wit .title{
  width:29.17vw !important;         /* 560 */
  margin:0 auto !important;
  font-size:2.71vw !important;      /* 52 */
  line-height:1.15 !important;
}
body.home .wit .content{
  width:20.83vw !important;         /* 400 */
  margin:2.08vw auto 0 !important;  /* 40 */
  font-size:.834vw !important;      /* 16 */
}
body.home .video .content .item img{ width:auto; max-width:60%; }
body.home .video .content .item .title{ font-size:1.25vw !important; }   /* 24 */
body.home .video .content .item .text{ font-size:.73vw !important; }     /* 14 */
body.home .class .title{
  width:31.83vw !important;         /* 611 */
  margin:0 auto !important;
  font-size:2.5vw !important;       /* 48 */
  line-height:1.15 !important;
}
body.home .class .tabs-links{
  max-width:51.04vw !important;     /* 980 */
  margin-left:auto !important; margin-right:auto !important;
  margin-top:1.3vw !important;
}
body.home .class .tabs-links .tab-link img{ width:4.6vw !important; height:auto !important; }
body.home .class .tabs-links .item a{ font-size:.83vw !important; }
body.home .class .tabs{ width:60% !important; margin:1.3vw auto 0 !important; }
body.home .class .tabs .tab.active .title{ font-size:2.5vw !important; }

/* ============================================================
   КНОПКИ: заполняют контейнер до десктопного потолка,
   высота через aspect-ratio. Работает и на главной, и на
   страницах входа/регистрации (формы узкие на мобиле).
   ============================================================ */

/* PLAY NOW (главная) */
.header-medium .play .btn-play{
  width:min(620px, 78vw) !important;
  height:auto !important;
  aspect-ratio:620 / 264 !important;
}
.header-medium .play .btn-play .playnow-txt{
  font-size:clamp(18px, 3.2vw, 38px) !important;
}

/* CTA создать аккаунт / войти (картинка со шляпой) */
.rstandart, body.login .register .lsignin{
  width:100% !important;
  max-width:360px !important;
  height:auto !important;
  aspect-ratio:360 / 165 !important;
}
.rstandart span, body.login .register .lsignin span{
  font-size:clamp(13px, 4vw, 20px) !important;
}

/* соц-кнопки google / facebook */
.register .links a{
  width:100% !important;
  max-width:360px !important;
  height:auto !important;
  aspect-ratio:360 / 148 !important;
}
.register .links a span{ font-size:clamp(12px, 3.6vw, 18px) !important; }

/* сабмит-кнопки под формой */
body.register .register .form form .btn-register,
body.login .register .form form .btn-login{
  width:100% !important;
  max-width:360px !important;
  height:auto !important;
  aspect-ratio:360 / 96 !important;
}