/* ============================================================
   popups.css — все модальные окна
   Перенос из src: css/popup-1.1.min.css + .t702-правила all.min.css.
   Этап 4: оверлей/контейнер/крестик + форма-попапы fancy (3 шт.);
   этапы 6–7 добавят faq/fancy остальных хуков.

   Хуки: #popup:actionbasepopup, #popup:actioncomfortpopup,
   #popup:actionpremiumpopup, #popup:orderpopup,
   #popup:consultpopup, #popup:infopopup, #popup:infoblock,
   #popup:infomontage, #popup:infosale.
   ============================================================ */
.page-body.popup-showed{
height:100vh;
min-height:100vh;
overflow:hidden;
}
.popup{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
overflow-y:auto;
opacity:0;
transition:opacity ease-in-out .3s;
width:100%;
height:100%;
box-sizing:border-box;
cursor:pointer;
padding:0 20px;
background-color:rgba(0,0,0,.6);
z-index:9999999;
display:none;
outline:0;
}
.popup.is-opened{opacity:1;}
.popup__container{
background:#fff;
margin:0 auto;
width:auto;
position:absolute;
top:50%;
right:20px;
left:20px;
z-index:1;
cursor:default;
transform:translateY(-30%) scale(.9);
}
.popup__container.is-animated{
transition:transform ease-in-out .3s;
}
.popup.is-opened .popup__container{
transform:translateY(-50%);
}
.popup__container.is-static{
margin:65px auto;
top:0;
position:relative;
left:auto;
right:auto;
width:100%;
transform:translateY(30%) scale(.9);
/*4.2: останавливает схлопывание margin-top картинки с margin контейнера,
  иначе в статичном режиме картинка прилипает к верху.*/
overflow:hidden;
}
.popup.is-opened .popup__container.is-static{
transform:translateY(0);
}
.popup__close{
position:fixed;
top:10px;
right:10px;
width:43px;
height:43px;
cursor:pointer;
transition:opacity ease-in-out .3s;
z-index:9;
}
@media (min-width:429px) and (hover:hover){
.popup__close:hover{opacity:.7;}
}
.popup__close-btn{
width:23px;
padding:10px;
font-size:0;
border:none;
background-color:transparent;
cursor:pointer;
display:block;
}
.popup__img{
width:calc(100% - 20px);
display:block;
margin:10px auto 0;
}
/*4.2: картинка не расширяет попап, а укладывается с отступом 10px
   сверху, слева и справа (снизу — без отступа, как в оригинале). */
.popup__container .popup__img:first-child{
border-radius:0;
}
.popup__wrapper{padding:40px 45px;}
@media screen and (max-width:640px){
.popup__wrapper{padding:20px;}
}
.popup__text-wrapper{margin-bottom:24px;}
@media screen and (max-width:640px){
.popup__text-wrapper{margin-bottom:14px;}
}
.popup__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:36px;
line-height:1.23;
margin-bottom:11px;
}
@media screen and (max-width:1200px){
.popup__title{font-size:32px;}
}
@media screen and (max-width:640px){
.popup__title{font-size:28px;margin-bottom:6px;}
}
.popup__descr{
font-family:'Roboto',Arial,sans-serif;
font-weight:300;
color:#000;
font-size:16px;
line-height:1.55;
}
@media screen and (max-width:1200px){
.popup__descr{font-size:14px;}
}
@media screen and (max-width:640px){
.popup__descr{font-size:12px;line-height:1.45;}
}
@media screen and (max-width:560px){
.popup{
padding:0;
}
.popup.is-opened .popup__container,
.popup.is-opened .popup__container.is-static{
max-width:100%;
right:0;
left:0;
top:0;
bottom:0;
padding-top:50px;
margin:0;
box-sizing:border-box;
min-height:100vh;
transform:translateY(0);
position:relative;
}
.popup__close{
position:fixed;
top:0;
right:0;
left:0;
z-index:2;
display:flex;
justify-content:flex-end;
align-items:center;
width:100%;
height:50px;
background:#000;
}
.popup__close-btn{
display:table-cell;
vertical-align:middle;
width:16px;
margin-right:10px;
padding:10px;
font-size:0;
text-align:right;
}
.popup__close-icon{
width:16px;
height:16px;
}
}
.popup__container-info{background-color:#fbfbf9;}
.popup__info-img{
display:block;
width:100%;
}
.popup__info-wrapper{padding:40px 45px;}
@media screen and (max-width:960px){
.popup__info-wrapper{padding:30px;}
}
@media screen and (max-width:640px){
.popup__info-wrapper{padding:20px;}
}
.popup__info-uptitle{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
letter-spacing:2.5px;
font-size:12px;
margin-bottom:12px;
}
@media screen and (max-width:640px){
.popup__info-uptitle{font-size:10px;margin-bottom:6px;}
}
.popup__info-title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:32px;
line-height:1.17;
}
@media screen and (max-width:1200px){.popup__info-title{font-size:30px;}}
@media screen and (max-width:640px){.popup__info-title{font-size:26px;}}
.popup__info-descr{
margin-top:17px;
font-family:'Roboto',Arial,sans-serif;
font-weight:400;
color:#000;
font-size:16px;
line-height:1.3;
}
@media screen and (max-width:1200px){.popup__info-descr{font-size:14px;}}
@media screen and (max-width:640px){.popup__info-descr{font-size:12px;line-height:1.45;}}
@media screen and (max-width:480px){.popup__info-descr{font-size:16px;}}
.popup__info-descr_plain{
font-family:'Unbounded',Arial,sans-serif;
font-weight:300;
line-height:1.55;
}
.popup__info-descr_plain p{margin:0;}
@media screen and (max-width:1200px){.popup__info-descr_plain{font-size:14px;}}
@media screen and (max-width:640px){.popup__info-descr_plain{font-size:12px;line-height:1.45;}}