.product-gallery{display:grid;min-width:0;grid-template-areas:"stage"}.product-gallery--multiple{grid-template-areas:"thumbnails stage";grid-template-columns:6.25rem minmax(0,1fr)}.product-gallery__stage{position:relative;display:grid;min-width:0;aspect-ratio:4/3;grid-area:stage;place-items:center;overflow:hidden;background:var(--storefront-color-surface)}.product-gallery__meta{position:absolute;z-index:3;top:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem);display:flex;align-items:baseline;gap:.65rem;color:var(--storefront-color-text-muted);font-family:var(--storefront-font-display);font-size:.6875rem;font-weight:700;line-height:1}.product-gallery__meta strong{color:var(--storefront-color-accent);font-size:.875rem}.product-gallery__controls{position:absolute;z-index:4;right:clamp(1rem,2vw,1.5rem);bottom:clamp(1rem,2vw,1.5rem);display:flex;gap:1px}.product-gallery__controls .storefront-icon-button{background:var(--storefront-color-surface)}.product-gallery__image-frame{position:relative;display:grid;width:min(80%,38rem);height:82%;place-items:center}.product-gallery__image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.product-gallery__video{display:block}.product-gallery__image-wipe{position:absolute;inset:0;z-index:2;background:var(--storefront-color-accent);pointer-events:none;transform:scaleX(0)}.product-gallery__thumbnails{display:flex;min-width:0;grid-area:thumbnails;flex-direction:column;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--storefront-color-rule-muted);background:var(--storefront-color-bg);list-style:none;scrollbar-color:var(--storefront-color-accent) var(--storefront-color-surface);scrollbar-width:thin}.product-gallery__thumbnails li{flex:0 0 6.75rem;border-bottom:1px solid var(--storefront-color-rule-muted)}.product-gallery__thumbnail{position:relative;display:grid;width:100%;height:100%;grid-template-rows:1fr auto;gap:.35rem;place-items:center;padding:.65rem .5rem;overflow:hidden;border:0;background:var(--storefront-color-bg);color:var(--storefront-color-text-muted);cursor:pointer;transition:background-color var(--storefront-motion-fast) ease,color var(--storefront-motion-fast) ease}.product-gallery__thumbnail:after{position:absolute;inset:0 0 0 auto;width:2px;background:var(--storefront-color-accent);content:"";transform:scaleY(0);transform-origin:top;transition:transform var(--storefront-motion-control) var(--storefront-motion-ease)}.product-gallery__thumbnail:is(:hover,:focus-visible,.is-active){background:var(--storefront-color-surface-raised);color:var(--storefront-color-text)}.product-gallery__thumbnail:focus-visible{box-shadow:var(--storefront-focus-ring)}.product-gallery__thumbnail.is-active:after{transform:scaleY(1)}.product-gallery__thumbnail :is(img,video){width:4.4rem;height:4.4rem;object-fit:contain}.product-gallery__thumbnail span{font-family:var(--storefront-font-display);font-size:.625rem;font-weight:700;line-height:1}@media (max-width:899px){.product-gallery--multiple{grid-template-areas:"stage" "thumbnails";grid-template-columns:minmax(0,1fr);grid-template-rows:auto 6.25rem}.product-gallery__thumbnails{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--storefront-color-rule-muted);border-right:0}.product-gallery__thumbnails li{flex-basis:6.25rem;border-right:1px solid var(--storefront-color-rule-muted);border-bottom:0}.product-gallery__thumbnail:after{inset:auto 0 0;width:auto;height:2px;transform:scaleX(0);transform-origin:left}.product-gallery__thumbnail.is-active:after{transform:scaleX(1)}}@media (max-width:620px){.product-gallery__stage{aspect-ratio:1}.product-gallery__image-frame{width:82%;height:82%}}@media (max-width:390px){.product-gallery__meta{top:.85rem;left:.85rem}.product-gallery__controls{right:.85rem;bottom:.85rem}}