#cpg-gallery { text-align:center; position:relative; }
.cpg-main { position:relative; display:inline-block; }
#cpg-main-image { max-width:100%; height:auto; cursor:pointer; }
.cpg-prev, .cpg-next {
    position:absolute; top:50%; transform:translateY(-50%);
    background:#000; color:#fff; border:none; padding:10px;
    cursor:pointer; opacity:0.7;
}
.cpg-prev { left:0; }
.cpg-next { right:0; }
.cpg-thumbs { margin-top:10px; display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.cpg-thumbs img { width:80px; cursor:pointer; border:2px solid transparent; }
.cpg-thumbs img:hover { border-color:#333; }
#cpg-lightbox {
    position:fixed; top:0; left:0; width:100%; height:100%;
    background:rgba(0,0,0,0.8); display:flex; justify-content:center; align-items:center;
    z-index:9999;
}
#cpg-lightbox img { max-width:90%; max-height:90%; }