.cpig-gallery{width:100%}
.cpig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cpig-item,.cpig-thumb{display:block;padding:0;border:0;background:transparent;cursor:pointer}
.cpig-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.cpig-modal{display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:30px}
.cpig-modal.is-open{display:flex}
.cpig-inner{width:min(1100px,90vw);text-align:center}
.cpig-main{display:block;width:auto;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}
.cpig-thumbs{display:flex;justify-content:center;gap:8px;margin-top:18px;overflow-x:auto;padding:3px}
.cpig-thumb{width:68px;height:55px;flex:0 0 68px;opacity:.55;border:2px solid transparent}
.cpig-thumb.is-active{opacity:1;border-color:#fff}
.cpig-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.cpig-close,.cpig-prev,.cpig-next{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;line-height:1}
.cpig-close{top:18px;right:25px;font-size:42px}
.cpig-prev,.cpig-next{top:50%;transform:translateY(-50%);font-size:38px;padding:15px}
.cpig-prev{left:15px}
.cpig-next{right:15px}
@media(max-width:767px){
    .cpig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .cpig-modal{padding:15px}
    .cpig-main{max-width:88vw;max-height:68vh}
    .cpig-prev,.cpig-next{font-size:28px;padding:8px}
    .cpig-close{font-size:36px}
}