.pg{position:relative;width:100%}.pg__stage{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.pg__media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.pg__media.is-video{background:#000;cursor:default}.pg__media.is-loading{cursor:progress}.pg__media.is-loading .pg__image{opacity:.45}.pg__media.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(0,0,0,.12);border-top-color:#ec1b24;border-radius:50%;animation:pg-spin .8s linear infinite,pg-appear .2s .2s both}.pg__image{display:block;width:100%;height:100%;padding:16px;object-fit:contain;transition:opacity .2s;animation:pg-fade .25s ease}.pg__video{width:100%;aspect-ratio:16/9;border:0}.pg__arrow,.pg__zoom,.pg__lightbox-close{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e5e5e5;border-radius:50%;background:rgba(255,255,255,.92);color:#1f1f1f;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.pg__arrow .ss-icon,.pg__zoom .ss-icon,.pg__lightbox-close .ss-icon{width:22px;height:22px}.pg__arrow:hover,.pg__zoom:hover,.pg__lightbox-close:hover{border-color:#ec1b24;background:#ec1b24;color:#fff}.pg__arrow:focus-visible,.pg__zoom:focus-visible,.pg__lightbox-close:focus-visible{outline:3px solid rgba(236,27,36,.35);outline-offset:2px}.pg__arrow[hidden],.pg__zoom[hidden],.pg__lightbox-close[hidden]{display:none}.pg__arrow{top:50%;transform:translateY(-50%)}.pg__arrow--prev{left:12px}.pg__arrow--next{right:12px}.pg__zoom{top:12px;right:12px;width:38px;height:38px}.pg__zoom .ss-icon{width:18px;height:18px}.pg__counter{position:absolute;bottom:12px;left:12px;z-index:2;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:.75rem;font-weight:600;line-height:1.5;pointer-events:none}.pg__thumbs{display:flex;gap:10px;margin:12px 0 0;padding:2px 2px 6px;overflow-x:auto;list-style:none;scroll-snap-type:x proximity;scrollbar-width:thin}.pg__thumbs li{flex:0 0 auto;scroll-snap-align:start}.pg__thumb{position:relative;display:block;width:84px;height:84px;padding:4px;overflow:hidden;border:2px solid #e5e5e5;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .15s}.pg__thumb img{display:block;width:100%;height:100%;object-fit:contain}.pg__thumb:hover{border-color:#bdbdbd}.pg__thumb.is-active{border-color:#ec1b24}.pg__thumb:focus-visible{outline:3px solid rgba(236,27,36,.35);outline-offset:1px}.pg__thumb--video{padding:0}.pg__thumb--video img{object-fit:cover}.pg__thumb--video::after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;background:rgba(236,27,36,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/18px no-repeat;transform:translate(-50%, -50%);pointer-events:none}.pg__lightbox{width:min(92vw,1000px);max-width:none;max-height:92vh;padding:0;overflow:visible;border:0;border-radius:10px;background:#fff}.pg__lightbox::backdrop{background:rgba(0,0,0,.8)}.pg__lightbox .pg__arrow--prev{left:-22px}.pg__lightbox .pg__arrow--next{right:-22px}.pg__lightbox-image{display:block;width:100%;max-height:92vh;padding:24px;object-fit:contain}.pg__lightbox-close{top:-18px;right:-18px;width:38px;height:38px}html:has(.pg__lightbox[open]){overflow:hidden}@media(max-width: 600px){.pg__arrow{width:38px;height:38px}.pg__arrow--prev{left:8px}.pg__arrow--next{right:8px}.pg__thumb{width:64px;height:64px}.pg__lightbox .pg__arrow--prev{left:6px}.pg__lightbox .pg__arrow--next{right:6px}.pg__lightbox-close{top:6px;right:6px}}@keyframes pg-fade{from{opacity:0}to{opacity:1}}@keyframes pg-spin{to{transform:rotate(360deg)}}@keyframes pg-appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion: reduce){.pg__image{animation:none}.pg__thumbs{scroll-behavior:auto}}