.video-popup .video-popup__wrapper{border-radius:var(--border-radius,12px);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.video-popup .video-popup__wrapper:hover{transform:scale(1.02)}.video-popup .video-popup__wrapper:hover .video-popup__overlay{opacity:1}.video-popup .video-popup__wrapper:hover .video-popup__play-button{transform:translate(-50%,-50%) scale(1.1)}.video-popup .video-popup__thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-bottom:var(--aspect-ratio,56.25%);position:relative;width:100%}.video-popup .video-popup__thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.video-popup .video-popup__overlay{align-items:center;background:var(--overlay-color,rgba(0,0,0,.5));display:flex;height:100%;justify-content:center;left:0;opacity:.8;position:absolute;top:0;transition:opacity .3s ease;width:100%}.video-popup .video-popup__play-button{background:transparent;border:none;color:var(--play-button-bg,#3b82f6);cursor:pointer;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;z-index:10}.video-popup .video-popup__play-button svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.video-popup .video-popup__play-button:focus{outline:2px solid var(--play-button-color,#fff);outline-offset:4px}.video-popup .video-popup__modal{align-items:center;display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999999}.video-popup .video-popup__modal--open{opacity:1}.video-popup .video-popup__modal-overlay{background:rgba(0,0,0,.95);height:100%;left:0;position:absolute;top:0;width:100%}.video-popup .video-popup__modal-content{max-width:1200px;position:relative;width:90%;z-index:10}.video-popup .video-popup__close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.video-popup .video-popup__close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.video-popup .video-popup__close:focus{outline:2px solid #fff;outline-offset:2px}.video-popup .video-popup__video-wrapper{background:#000;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-popup .video-popup__video-wrapper iframe,.video-popup .video-popup__video-wrapper video{height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:767px){.video-popup .video-popup__modal-content{width:95%}.video-popup .video-popup__close{height:36px;top:-45px;width:36px}}