.pdc-pro-grid{display:grid;gap:20px;}
@media(min-width:600px){.pdc-pro-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.pdc-pro-grid{grid-template-columns:repeat(3,1fr);}}
.pdc-pro-item{position:relative;cursor:pointer;}
.pdc-pro-item img{width:100%;border-radius:12px;display:block;transition:.3s;}
.pdc-pro-item:hover img{opacity:.8;}
.pdc-pro-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:white;text-shadow:0 0 10px black;}

#pdc-pro-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:99999;display:none;align-items:center;justify-content:center;}
.pdc-pro-content{position:relative;width:90%;max-width:600px;}
#pdc-pro-close{position:absolute;top:-40px;right:0;font-size:40px;color:white;cursor:pointer;}
#pdc-pro-frame{width:100%;height:75vh;border:none;border-radius:12px;}