.vn{padding:10px;text-align:center}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:0 auto}.video-thumbnail{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease}.video-thumbnail:hover{transform:scale(1.03)}.video-thumbnail img{width:100%;height:auto;display:block}.video-thumbnail .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center}.video-thumbnail .play-icon::after{content:"";display:block;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #333;margin-left:5px}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-overlay.active{opacity:1;visibility:visible}.video-container{position:relative;width:80%;max-width:800px}.video-container video{width:100%;border-radius:8px;display:block}.close-btn{position:absolute;top:-40px;right:0;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;font-weight:700}