@layer components{.product-gallery{display:block;container-type:inline-size;container-name:gallery}.product-gallery__layout{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:990px){.product-gallery__layout{grid-template-columns:80px 1fr;gap:var(--space-4);align-items:start}.product-gallery__layout:not(:has(.product-gallery__thumbs)){grid-template-columns:1fr}}.product-gallery__thumbs{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;order:2}@media(min-width:990px){.product-gallery__thumbs{flex-direction:column;order:1;max-height:600px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}}.product-gallery__thumb-item{scroll-snap-align:start;flex-shrink:0}.product-gallery__thumb{display:block;width:64px;height:64px;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.product-gallery__thumb:hover{border-color:var(--color-border-strong)}.product-gallery__thumb.is-active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.product-gallery__thumb img{width:100%;height:100%;object-fit:contain}.product-gallery__stage{position:relative;aspect-ratio:1 / 1;background:radial-gradient(120% 80% at 50% 30%,#fff,#f5f5f7 70%,#ececef);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;order:1}@media(min-width:990px){.product-gallery__stage{order:2}}.product-gallery__main{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.product-gallery__main[hidden]{display:none}.product-gallery__main img,.product-gallery__main video{width:100%;height:100%;object-fit:contain;padding:var(--space-4)}.product-gallery__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface),var(--color-surface-elevated))}.product-gallery__zoom-trigger{position:absolute;bottom:var(--space-3);right:var(--space-3);width:40px;height:40px;background:var(--color-surface-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.product-gallery__zoom-trigger:hover{background:var(--color-surface-elevated)}.product-gallery__lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:#0b0b0df5;border:0;color:var(--color-text)}.product-gallery__lightbox::backdrop{background:#0b0b0de6}.product-gallery__lightbox-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-gallery__lightbox-stage{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center}.product-gallery__lightbox-frame{margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-gallery__lightbox-frame[hidden]{display:none}.product-gallery__lightbox-frame img,.product-gallery__lightbox-frame video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.product-gallery__lightbox-close,.product-gallery__lightbox-nav{position:absolute;width:var(--tap-target-min);height:var(--tap-target-min);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.product-gallery__lightbox-close:hover,.product-gallery__lightbox-nav:hover{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.product-gallery__lightbox-close{top:var(--space-4);right:var(--space-4)}.product-gallery__lightbox-nav--prev{left:var(--space-4)}.product-gallery__lightbox-nav--next{right:var(--space-4)}@media(max-width:749px){.product-gallery__zoom-trigger{width:36px;height:36px;bottom:var(--space-2);right:var(--space-2)}.product-gallery__lightbox-stage{width:100vw;height:100dvh}.product-gallery__lightbox-close{top:max(var(--space-3),env(safe-area-inset-top));right:var(--space-3)}}@media(prefers-reduced-motion:reduce){.product-gallery__thumb,.product-gallery__zoom-trigger,.product-gallery__lightbox-close,.product-gallery__lightbox-nav{transition:none}}}@layer components{.product-gallery__video{width:100%;height:100%;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-gallery.css.map */