product-gallery{display:block}.pgal{display:grid;gap:var(--sp-3)}.pgal__main{position:relative}.pgal__slides{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-lg);background:var(--color-surface)}.pgal__slides::-webkit-scrollbar{display:none}.pgal__slide{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.pgal__frame{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--color-surface)}.pgal--portrait .pgal__frame{aspect-ratio:4 / 5}.pgal__frame img,.pgal__frame .placeholder-svg,.pgal__video,.pgal__iframe,.pgal__frame model-viewer{display:block;width:100%;height:100%;object-fit:cover;border:0}.pgal__zoom-btn{display:block;width:100%;cursor:zoom-in}.pgal--zoom .pgal__frame img{transition:transform var(--dur-3) var(--ease-out);transform-origin:var(--zx, 50%) var(--zy, 50%)}.pgal--zoom .pgal__frame.is-zoomed img{transform:scale(2);transition-duration:var(--dur-2)}.pgal__poster{position:relative;display:block;width:100%;height:100%}.pgal__play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#ffffffe6;color:#0b0b0c;transform:translate(-50%,-50%);box-shadow:var(--shadow-lg)}.pgal__model-hint{position:absolute;left:var(--sp-3);bottom:var(--sp-3);pointer-events:none}.pgal__counter{position:absolute;right:var(--sp-3);bottom:var(--sp-3);padding:.3rem .7rem;border-radius:var(--radius-pill);background:#0000008c;color:#fff;font-size:var(--fs-xs);font-weight:var(--font-body-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none}.pgal__arrow{position:absolute;top:50%;display:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:#ffffffeb;color:#0b0b0c;box-shadow:var(--shadow-md);transform:translateY(-50%);opacity:0;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out)}.pgal__arrow--prev{left:var(--sp-4)}.pgal__arrow--next{right:var(--sp-4)}@media(hover:hover)and (pointer:fine){.pgal__arrow{display:grid}.pgal__main:hover .pgal__arrow{opacity:1}}.pgal__thumbs{position:relative;display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding:2px}.pgal__thumbs::-webkit-scrollbar{display:none}.pgal__thumb{position:relative;display:block;width:4rem;height:4rem;flex:none;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface);opacity:.6;box-shadow:inset 0 0 0 1px var(--color-border);transition:opacity var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.pgal__thumb:hover{opacity:.9}.pgal__thumb[aria-current=true]{opacity:1;box-shadow:inset 0 0 0 2px var(--color-text)}.pgal__thumb-img{width:100%;height:100%;object-fit:cover}.pgal__thumb-icon{position:absolute;inset:auto 4px 4px auto;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#0009;color:#fff}@media(min-width:990px){.pgal--thumbs-left{grid-template-columns:4.5rem minmax(0,1fr);align-items:start}.pgal--thumbs-left .pgal__main{order:2}.pgal--thumbs-left .pgal__thumbs{order:1;flex-direction:column;max-height:min(44rem,calc(100vh - var(--header-height) - var(--sp-12)));overflow-y:auto;overflow-x:hidden}.pgal__thumb{width:4.5rem;height:4.5rem}.pgal__counter{display:none}}.pgal__lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fff;overflow-y:auto;overscroll-behavior:contain}.pgal__lightbox::backdrop{background:#fff}.pgal__lightbox-list{display:flex;flex-direction:column;gap:var(--sp-2);padding-block:var(--sp-16)}.pgal__lightbox-img{width:100%;max-width:1400px;height:auto;margin-inline:auto;touch-action:pinch-zoom}.pgal__lightbox-close{position:fixed;z-index:2;top:var(--sp-4);right:var(--sp-4);display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#0b0b0c;color:#fff;box-shadow:var(--shadow-lg)}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-product-gallery.css.map */