.pg-main{position:relative;width:100%;min-width:0;background:#fff;aspect-ratio:1/1;align-self:start}.pg-open{display:block;width:100%;height:100%;cursor:zoom-in}.detail-image .pg-main img{display:block;width:100%;height:100%;object-fit:contain;padding:20px}.pg-enlarge{position:absolute;bottom:14px;left:14px;padding:8px 12px;background:#171b24e6;color:#fff;border-radius:4px;font-size:13px}.pg-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;background:#171b24d9;color:white;border:0;border-radius:4px;cursor:pointer;display:grid;place-items:center;z-index:2}.pg-arrow[hidden]{display:none}.pg-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5}.pg-prev{left:8px}.pg-next{right:8px}.pg-count{position:absolute;right:14px;bottom:18px;background:#171b24d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.pg-thumbnails{grid-template-columns:repeat(auto-fill,minmax(90px,120px));padding-top:16px;margin-top:16px}.pg-thumb{position:relative;border:2px solid #555;background:#fff;padding:0;cursor:pointer;border-radius:4px;overflow:hidden}.pg-thumb[aria-pressed=true]{border-color:#f44336;box-shadow:0 0 0 1px #f44336}.pg-thumb img,.product-gallery .pg-thumb img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;padding:6px}.pg-thumb span{position:absolute;bottom:3px;left:3px;padding:2px 5px;background:#171b24d9;color:#fff;font-size:11px;border-radius:2px}.pg-main a:focus-visible,.pg-thumb:focus-visible,.pg-dialog button:focus-visible,.pg-arrow:focus-visible{outline:3px solid #29a9ff;outline-offset:3px}.pg-dialog{width:min(1100px,96vw);max-width:96vw;height:min(900px,94dvh);max-height:94dvh;padding:16px;border:1px solid #555;border-radius:8px;background:#151922;color:#fff;overflow:hidden}.pg-dialog[open]{display:flex;flex-direction:column;gap:12px}.pg-dialog::backdrop{background:#000c}.pg-toolbar{display:flex;align-items:center;gap:10px;flex-shrink:0}.pg-toolbar>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.pg-toolbar button{padding:10px 14px;border:1px solid #727782;background:#252b38;color:#fff;border-radius:4px;cursor:pointer;white-space:nowrap;min-height:44px}.pg-view{position:relative;flex:1;min-height:0}.pg-stage{width:100%;height:100%;overflow:auto;background:#fff;touch-action:pan-x pan-y pinch-zoom}.pg-stage img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}.pg-stage.is-zoomed img{width:200%;height:auto;max-width:none;max-height:none;cursor:zoom-out}.pg-status{display:flex;gap:12px;font-size:12px;color:#c6cbd4;flex-shrink:0}.pg-status>span:first-child{white-space:nowrap}.pg-view-thumbs{display:flex;gap:8px;overflow-x:auto;padding:3px;flex-shrink:0}.pg-view-thumbs .pg-thumb{width:76px;min-width:76px}.pg-view-thumbs img{height:60px}.pg-dialog .pg-arrow{background:#171b24dd}@media(max-width:600px){.pg-dialog{padding:10px;gap:8px}.pg-toolbar{flex-wrap:wrap;gap:6px}.pg-toolbar>span{flex-basis:100%;font-size:12px}.pg-toolbar button{flex:1}.pg-status{font-size:11px}.pg-view-thumbs .pg-thumb{width:60px;min-width:60px}.pg-view-thumbs img{height:48px}.pg-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.pg-arrow{width:40px;height:48px}.pg-stage.is-zoomed img{width:250%}}