.video-grid{display:grid;gap:18px;margin:20px;grid-template-columns:repeat(1,1fr)}@media (min-width:769px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1501px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-item{position:relative;cursor:pointer;overflow:hidden;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.video-item:hover{transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.3)}.video-thumb{width:100%;height:100%;transition:transform .4s ease}.video-item:hover .video-thumb{transform:scale(1.12)}.video-title{position:absolute;top:0;left:0;width:100%;padding:8px 12px;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,0));opacity:0;transition:opacity .3s ease}.video-item:hover .video-title{opacity:1}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:white;opacity:0;transition:opacity .3s ease}.video-item:hover .play-icon{opacity:1}.buttons-container{display:flex;justify-content:center;gap:10px;margin:20px;flex-wrap:wrap}.popup-content{width:80%;max-width:900px}