/* ===== ADV PROMO MODAL ===== */

/* Затемняющий фон-подложка */
.adv-fog{
    position:fixed; top:0; left:0; right:0; bottom:0; width:100%;
    background:rgba(27,33,51,.72);
    -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
    z-index:var(--z-index-99999);
    visibility:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;
    cursor:pointer; transition:all .5s ease-out;
}
.adv-fog.active{visibility:visible; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1}

/* Обёртка окна: моб. 96% экрана */
.adv-modal-wrap{
    position:fixed; top:50%; left:50%;
    width:96vw; height:92vh;
    transform:translate(-50%,-46%) scale(.82);
    z-index:var(--z-index-999999);
    visibility:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0;
    transition:transform .6s var(--bounce), opacity .45s ease-out, visibility .45s;
}
.adv-modal-wrap.active{
    visibility:visible;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1;
    transform:translate(-50%,-50%) scale(1);
}

/* ПК: адаптивное вертикальное 9:16 */
@media only screen and (min-width:48rem){
    .adv-modal-wrap{
        width:auto; height:96vh; max-width:96vw;
        aspect-ratio:9/16;
    }
}

.adv-modal{position:relative; width:100%; height:100%; background:var(--color-5)}

/* Видео на всю площадь */
.adv-video{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}
.adv-video iframe{display:block; width:100%; height:100%; border:0}
.adv-content{z-index:2}
.adv-close{z-index:3}

/* Кликэтчер поверх видео (закрывает окно по клику) */
.adv-click-catcher{position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:1}

/* Нижняя подложка 30% + текст */
.adv-content{
    position:absolute; left:0; right:0; bottom:0; z-index:2;
    padding:var(--padding-big) var(--padding-base) calc(var(--padding-base)*1.6);
    background:rgba(20,27,45,.3); /* те самые 30% */
    background:linear-gradient(to top, rgba(20,27,45,.55), rgba(20,27,45,.3) 65%, transparent);
    text-align:center; pointer-events:none;
}
.adv-content > *{pointer-events:auto}

.adv-label{
    display:inline-block; padding:.5em 1.2em; margin-bottom:var(--margin-small);
    border-radius:var(--radius-xl); color:var(--color-1);
    background:linear-gradient(90deg,var(--color-6),var(--color-7),var(--color-6));
    background-size:200% auto;
    animation:advShine 2.5s linear infinite;
    box-shadow:var(--shadow-sm);
}
@keyframes advShine{to{background-position:200% center}}

.adv-title{font-size:var(--text-lg); line-height:1.2em; margin-bottom:var(--margin-small); text-shadow:var(--text-shadow)}
.adv-text{color:rgba(255,255,255,.92); text-indent:0; margin-bottom:var(--margin-base)}

.adv-btn{border-radius:var(--radius-lg); padding:.8em 1.8em; animation:advPulse 1.8s ease-in-out infinite}
@keyframes advPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(255,112,0,.55)}
    50%{box-shadow:0 0 0 14px rgba(255,112,0,0)}
}

/* Кнопка закрытия */
.adv-close{
    position:absolute; top:10px; right:10px; z-index:3;
    width:40px; height:40px; border:none; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    color:var(--color-1); background:rgba(20,27,45,.45);
    border-radius:var(--radius-50);
    transition:all .3s ease-out;
}
.adv-close svg{width:20px; height:20px}
.adv-close:hover{background:var(--color-7); transform:rotate(90deg)}

/* Каскадное появление контента */
.adv-label,.adv-title,.adv-text,.adv-btn{
    opacity:0; transform:translateY(24px);
    transition:opacity .6s ease, transform .6s var(--bounce);
}
.adv-modal-wrap.active .adv-label{opacity:1; transform:translateY(0); transition-delay:.25s}
.adv-modal-wrap.active .adv-title{opacity:1; transform:translateY(0); transition-delay:.4s}
.adv-modal-wrap.active .adv-text {opacity:1; transform:translateY(0); transition-delay:.55s}
.adv-modal-wrap.active .adv-btn  {opacity:1; transform:translateY(0); transition-delay:.7s}