.evm-video-masonry { position: relative; }
.evm-grid { display: flex; flex-wrap: wrap; }
.evm-grid-item { position: relative; width: 33.33%; }
.evm-thumb { position: relative; cursor: pointer; overflow: hidden; }
.evm-thumb img { width: 100%; display: block; transition: transform .3s ease; }
.evm-thumb:hover img { transform: scale(1.05); }
.evm-hover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.6); color: #fff; opacity: 0; transition: opacity .3s ease; padding: 10px; }
.evm-thumb:hover .evm-hover { opacity: 1; }
.evm-modal { position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; visibility: hidden; opacity:0; transition: all .3s ease; z-index: 9999; }
.evm-modal.active { visibility: visible; opacity: 1; }
.evm-modal iframe { width: 80vw; height: 45vw; max-width: 960px; max-height: 540px; border: none; }
.evm-close { position: absolute; top: 20px; right: 30px; background: none; border: none; color: #fff; font-size: 2rem; cursor: pointer; }