.dep-yts{
    padding:48px 0;
    text-align:center;
}
.dep-yts__title{
    font-size:clamp(26px,3vw,42px);
    line-height:1.15;
    margin:0 0 30px;
    color:#111;
    font-weight:800;
    text-align:left
}
.dep-yts__swiper{
    width:100%;
    padding:4px 44px 42px;
    box-sizing:border-box
}
.dep-yts__card{
    position:relative;
    aspect-ratio:9/16;
    border-radius:22px;
    overflow:hidden;
    background:#0f172a;
    box-shadow:0 18px 40px rgba(15,23,42,.15)
}
.dep-yts__card iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0
}
.dep-yts__facade{
    position:absolute;
    inset:0;
    cursor:pointer;
    overflow:hidden;
    background:#0f172a
}
.dep-yts__facade img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.dep-yts__play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:68px;
    height:48px;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));
    transition:transform .15s ease
}
.dep-yts__facade:hover .dep-yts__play,
.dep-yts__facade:focus .dep-yts__play{
    transform:translate(-50%,-50%) scale(1.12)
}
.dep-yts__button-wrap{
    margin-top:10px
}
.dep-yts__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ed001b;
    color:#fff!important;
    text-decoration:none;
    font-weight:800;
    font-size:20px;
    line-height:1;
    padding:18px 38px;
    border-radius:8px;
    box-shadow:0 18px 35px rgba(237,0,27,.25)
    ;transition:transform .2s ease,box-shadow .2s ease
}
.dep-yts__button:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 42px rgba(237,0,27,.32)
}
.dep-yts__empty{
    max-width:1100px;
    margin:0 auto 14px;
    background:#f8fafc;
    color:#14213d;
    border-radius:16px;
    padding:24px;
    text-align:left;
    font-size:20px
}
.dep-yts__debug{
    max-width:1100px;
    margin:10px auto;
    background:#111;
    color:#fff;
    text-align:left;
    border-radius:12px;
    padding:16px;
    white-space:pre-wrap
}
.dep-yts .swiper-button-prev,.dep-yts .swiper-button-next{
    width:54px;
    height:54px;
    border-radius:50%;
    background:#f8fafc;
    color:#111;
    box-shadow:0 12px 30px rgba(15,23,42,.16)
}
.dep-yts .swiper-button-prev:after,.dep-yts .swiper-button-next:after{
    font-size:22px;
    font-weight:900
}
.dep-yts .swiper-pagination-bullet-active{
    background:#ed001b
}
@media(max-width:767px){
    .dep-yts{
        padding:32px 0
    }
    .dep-yts__title{
        text-align:left;
        font-size:28px
    }
    .dep-yts__swiper{
        padding:4px 20px 42px
    }
    .dep-yts .swiper-button-prev,.dep-yts .swiper-button-next{
        display:none
    }
    .dep-yts__button{
        font-size:17px;
        padding:15px 24px
    }
}