.video-popup-container{position:relative;width:100%;cursor:pointer}.video-popup-cover{position:relative;width:100%;overflow:hidden}.video-popup-image{width:100%;height:auto;display:block}.video-popup-image-desktop{display:block}.video-popup-image-mobile{display:none!important}.video-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);transition:background 0.3s ease}.video-popup-container:hover .video-popup-overlay{background:rgba(0,0,0,.2)}.video-popup-play-icon{max-width:80px;max-height:80px;width:auto;height:auto;opacity:.9;transition:transform 0.3s ease}.video-popup-container:hover .video-popup-play-icon{transform:scale(1.1)}.video-popup-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.video-popup-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.video-popup-close{position:absolute;top:-40px;right:0;width:40px;height:40px;cursor:pointer;transition:opacity 0.3s ease;filter:brightness(0) invert(1)}.video-popup-close:hover{opacity:.7}@media (max-width:768px){.video-popup-play-icon{max-width:60px;max-height:60px}.video-popup-image-desktop{display:none!important}.video-popup-image-mobile{display:block!important}}