.pg{min-width:0;align-self:start;background:#fff;border-radius:12px;padding:10px}
.pg-main{display:flex;align-items:center;justify-content:center;width:100%;min-height:280px;padding:0;border:0;background:#fff;cursor:zoom-in}
.pg-main img{max-width:100%;max-height:62vh;object-fit:contain;display:block;touch-action:pan-y}
.pg-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0;font:600 14px system-ui,sans-serif}
.pg-controls button,.pg-close{min-width:44px;min-height:44px;border:1px solid #ccd8d2;border-radius:50%;background:#fff;color:#203b30;font-size:27px;cursor:pointer}
.pg-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pg-thumbs button{padding:3px;background:#fff;border:2px solid transparent;border-radius:9px;cursor:pointer;min-height:64px}
.pg-thumbs button[aria-pressed=true]{border-color:#167654}
.pg-thumbs img{width:100%;height:80px;display:block;object-fit:contain}
.pg button:focus-visible{outline:3px solid #217a5d;outline-offset:3px}
.pg-zoom{border:0;padding:48px 14px 12px;background:#fff;border-radius:14px;max-width:94vw;max-height:94vh;overflow:auto;color:#203b30}
.pg-zoom::backdrop{background:rgba(0,0,0,.85)}
.pg-zoom>img{display:block;max-width:88vw;max-height:72vh;margin:auto;object-fit:contain;touch-action:pan-y}
.pg-close{position:absolute;right:8px;top:4px}
.pg-empty{display:grid;place-items:center;min-height:280px;color:#65716a}
@media(max-width:740px){.pg-main{min-height:240px}.pg-thumbs img{height:64px}.pg-zoom>img{max-height:66vh}}