.promo-video-widget{
    position:fixed;left:16px;bottom:16px;z-index:90;
    width:140px;height:240px;border-radius:18px;overflow:hidden;
    background:#000;box-shadow:0 20px 50px rgba(0,0,0,.4);
    border:2px solid rgba(255,255,255,.15);
    transition:transform .25s ease, box-shadow .25s ease;
}
.promo-video-widget:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 25px 60px rgba(0,0,0,.5)}
.promo-video-widget .pv-video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.promo-video-widget .pv-close,
.promo-video-widget .pv-expand,
.promo-video-widget .pv-unmute{
    position:absolute;border:0;cursor:pointer;
    background:rgba(0,0,0,.65);color:#fff;backdrop-filter:blur(6px);
    width:28px;height:28px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;line-height:1;padding:0;
    transition:background .15s, transform .15s;
}
.promo-video-widget .pv-close:hover,
.promo-video-widget .pv-expand:hover,
.promo-video-widget .pv-unmute:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}
.promo-video-widget .pv-close{top:6px;right:6px; z-index: 1000;}
.promo-video-widget .pv-expand{top:6px;left:6px}
.promo-video-widget .pv-unmute{bottom:6px;right:6px}
@media(max-width:600px){
    .promo-video-widget{width:110px;height:190px;left:10px;bottom:10px}
}

.promo-video-fullscreen{
    position:fixed;inset:0;z-index:200;
    background:rgba(0,0,0,.92);
    display:flex;align-items:center;justify-content:center;
    padding:20px;
}
.promo-video-fullscreen[hidden]{display:none}
.pvf-video{max-width:min(500px,100%);max-height:90vh;border-radius:14px;background:#000}
.pvf-close{
    position:absolute;top:18px;right:18px;
    background:rgba(255,255,255,.15);color:#fff;border:0;cursor:pointer;
    width:44px;height:44px;border-radius:50%;
    font-size:28px;display:flex;align-items:center;justify-content:center;
    backdrop-filter:blur(8px);transition:background .15s;
}
.pvf-close:hover{background:rgba(255,255,255,.3)}