.video-modal-overlay,.gallery-image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(5px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-y:auto;-webkit-overflow-scrolling:touch}.video-modal-content,.gallery-image-modal-content{background:white;border-radius:20px;padding:20px;max-width:90%;max-height:90vh;position:relative;animation:slideUpModal 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 20px 60px rgba(0,0,0,0.3)}#video-container{width:100%;max-width:900px;margin:0 auto}#video-container iframe,#video-container video{width:100%;height:auto;min-height:400px;border-radius:12px}.modal-close-btn{position:absolute;top:10px;right:10px;background:rgba(240,111,12,0.1);border:none;border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f06f0c;font-size:20px;transition:var(--transition-smooth);z-index:10;-webkit-tap-highlight-color:rgba(240,111,12,0.2);touch-action:manipulation;user-select:none;-webkit-user-select:none}.modal-close-btn:hover{background:rgba(240,111,12,0.2);transform:rotate(90deg) scale(1.1)}.modal-close-btn svg{width:20px;height:20px;stroke:currentColor}.modal-close-btn:active{transform:rotate(90deg) scale(0.95)}.gallery-close-modal-btn:hover{background:rgba(240,111,12,0.2);transform:rotate(90deg) scale(1.1)}.gallery-close-modal-btn:active{transform:rotate(90deg) scale(0.95)}.gallery-modal-image{max-width:100%;max-height:70vh;border-radius:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUpModal{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}