#video-popup{position:fixed;bottom:20px;right:20px;width:160px;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.4);display:none;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:9999;opacity:0;transform:scale(0.8);transition:all 0.6s ease-in-out}#video-popup.shown{display:flex;opacity:1;transform:scale(1)}#video-popup .teaser{width:100%;height:100%;object-fit:cover;display:block}#video-popup video#charango-video{width:100%;height:100%;display:none;object-fit:cover}#video-popup.active-vertical{width:280px;height:280px;bottom:20px;right:20px;transform:none}#video-popup.active-horizontal{width:90vw;height:80vh;right:50%;bottom:50%;transform:translate(50%,50%)}#video-popup .play-btn,#video-popup .expand-btn,#video-popup .close-btn,#video-popup .close-initial{position:absolute;cursor:pointer;z-index:10000;font-size:22px;color:white;background:rgba(0,0,0,0.6);padding:6px 10px;border-radius:50%;transition:all 0.3s ease-in-out}#video-popup .play-btn{top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 1.5s infinite}#video-popup .play-btn:hover{background:red;color:white}#video-popup .expand-btn{top:10px;left:10px;display:none}#video-popup .close-btn{top:10px;right:10px;display:none}#video-popup .close-initial{top:10px;right:10px;display:block}#video-popup .close-btn:hover,#video-popup .close-initial:hover{transform:rotate(720deg);transition:transform 0.8s ease-in-out}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:0.7}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}