.zcg-grid{
display:grid;
gap:20px;
}

/* Desktop */
.zcg-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.zcg-grid.cols-3{grid-template-columns:repeat(3,1fr);}

/* Tablet */
@media(max-width:1024px){
.zcg-grid{grid-template-columns:repeat(2,1fr);}
}

/* Mobil */
@media(max-width:600px){
.zcg-grid{grid-template-columns:1fr;}
}

.zcg-card{
background:#111;
color:#fff;
padding:10px;
text-align:center;
}

#zcg-lightbox{
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:black;
z-index:9999;
}

#zcg-viewer{width:100%;height:100%}

#zcg-close{
position:absolute;
top:20px;right:20px;
color:white;
font-size:40px;
cursor:pointer;
}