.popup-video-wrapper{position:fixed;bottom:0;width:220px;height:320px;background:#000;box-shadow:0 10px 25px rgba(0,0,0,.3);border-radius:10px 10px 0 0;overflow:hidden;padding:10px;box-sizing:border-box;transition:all .4s ease-in-out,opacity 1s ease;color:#fff;opacity:0;pointer-events:none;margin:15px;z-index:6001}.popup-video-wrapper.bottom-right{right:0}.popup-video-wrapper.bottom-left{left:0}.popup-video-wrapper.visible{opacity:1;pointer-events:auto}.popup-video-wrapper.expanded{width:700px;height:405px}.popup-video-wrapper .popup-video-iframe{width:100%;height:100%;border:none;border-radius:6px;display:none}.popup-video-wrapper .popup-close-btn{position:absolute;top:4px;right:8px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;z-index:10001;background:rgba(0,0,0,.4);padding:2px 8px;border-radius:6px;-webkit-tap-highlight-color:transparent;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center}.popup-video-wrapper .popup-close-btn:hover{background:rgba(0,0,0,.7)}.popup-video-wrapper .popup-video-content{width:100%;height:calc(100% - 22px);position:relative}.popup-video-wrapper .popup-video-title{font-size:14px;font-weight:700;color:#ff4d4d;margin-bottom:6px}.popup-video-wrapper.expanded .popup-video-title{display:none}.popup-video-wrapper .popup-preview{position:relative;width:100%;height:100%;background-size:cover;background-position:center;border-radius:6px;cursor:pointer;overflow:hidden;transition:transform .3s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.popup-video-wrapper .popup-preview:hover{transform:scale(1.03)}.popup-video-wrapper .popup-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff;opacity:.85;text-shadow:0 0 10px rgba(0,0,0,.6);pointer-events:none;transition:opacity .3s ease}.popup-video-wrapper .popup-preview:hover .popup-play-icon{opacity:1}.popup-video-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:10000;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.popup-video-modal[style*="display: flex"]{display:flex!important}.popup-video-modal .popup-video-modal-iframe{width:100%;max-width:700px;aspect-ratio:16/9;border:none;border-radius:10px}.popup-video-modal .popup-modal-close{position:fixed;top:20px;right:20px;font-size:30px;font-weight:700;color:#fff;cursor:pointer;z-index:10001;background:rgba(0,0,0,.5);border-radius:50%;padding:10px 15px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;line-height:1;text-align:center}.popup-video-modal .popup-modal-close:hover{background:rgba(0,0,0,.7)}.popup-video-content-wrapper{position:relative;display:block;width:100%;max-width:700px;margin:25px auto;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow:hidden;padding:20px;box-sizing:border-box;border:1px solid #eaeaea}.popup-video-content-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:4px solid #15b0b0;line-height:1.4}.popup-video-content-container{position:relative;width:100%;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background-color:#000}.popup-video-content-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;cursor:pointer;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}.popup-video-content-preview:hover{opacity:.95}.popup-video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:#fff;opacity:.85;text-shadow:0 0 20px rgba(0,0,0,.6);pointer-events:none;transition:all .3s ease}.popup-video-content-preview:hover .popup-video-play-icon{transform:translate(-50%,-50%) scale(1.1);opacity:1}.popup-video-content-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width:768px){.popup-video-wrapper{width:180px;height:260px;border-radius:10px 10px 0 0;padding:8px;margin:10px}.popup-video-wrapper.expanded{width:180px;height:260px}.popup-video-wrapper .popup-video-title{display:none}.popup-video-wrapper .popup-close-btn{min-width:36px;min-height:36px;font-size:20px}.popup-video-wrapper .popup-play-icon{font-size:40px}.popup-video-wrapper .popup-preview:active{opacity:.9;transform:scale(.98);transition:opacity .1s,transform .1s}.popup-video-modal .popup-modal-close{top:15px;right:15px;font-size:28px;padding:8px 12px;width:44px;height:44px}.popup-video-content-wrapper{max-width:100%;margin:15px auto;padding:15px}.popup-video-content-title{font-size:16px}.popup-video-play-icon{font-size:50px}.popup-video-content-preview:active{opacity:.9}}@media (max-width:480px){.popup-video-wrapper{width:150px;height:220px;margin:8px}.popup-video-modal{padding:10px}.popup-video-modal .popup-modal-close{top:10px;right:10px;font-size:24px;padding:6px 10px;width:40px;height:40px}.popup-video-content-wrapper{padding:12px;border-radius:10px}.popup-video-content-title{font-size:15px}.popup-video-play-icon{font-size:40px}}@media (hover:none) and (pointer:coarse){.popup-video-wrapper .popup-preview:hover{transform:none}.popup-video-wrapper .popup-close-btn:hover{background:rgba(0,0,0,.4)}.popup-video-modal .popup-modal-close:hover{background:rgba(0,0,0,.5)}.popup-video-content-preview:hover{opacity:1}.popup-video-content-preview:hover .popup-video-play-icon{transform:translate(-50%,-50%);opacity:.85}}