.product-image-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;width:100%}.product-image-gallery__thumbnails{display:flex;flex-direction:column;gap:10px;max-height:540px;overflow:auto;padding:2px}.product-image-gallery__thumbnail{display:block;width:72px;aspect-ratio:1;border:2px solid transparent;border-radius:10px;padding:4px;background:var(--surface);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.product-image-gallery__thumbnail:hover{border-color:var(--border-strong)}.product-image-gallery__thumbnail.is-active{border-color:var(--primary);box-shadow:0 0 0 2px hsl(var(--accent-h) var(--accent-s) var(--accent-l)/.12)}.product-image-gallery__thumbnail:focus-visible,.product-image-gallery__main:focus-visible,.product-image-lightbox button:focus-visible{outline:3px solid hsl(var(--accent-h) var(--accent-s) var(--accent-l)/.28);outline-offset:2px}.product-image-gallery__thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.product-image-gallery__viewer{min-width:0}.product-image-gallery__main{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:clamp(320px,48vw,540px);padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;cursor:zoom-in}.product-image-gallery__main img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.product-image-gallery__zoom-badge{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;color:var(--text);background:hsl(var(--white-h) var(--white-s) var(--white-l)/.94);box-shadow:var(--shadow)}.product-image-gallery__zoom-badge svg,.product-image-lightbox svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-image-gallery__meta{display:flex;justify-content:space-between;gap:16px;margin-top:9px;color:var(--muted);font-size:12px}.product-image-management{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.product-image-management__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0}.product-image-management__info{display:flex;align-items:center;gap:10px;min-width:0}.product-image-management__info img{width:42px;height:42px;object-fit:contain;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.product-image-management__info small{color:var(--muted)}.product-image-lightbox{width:min(96vw,1200px);max-width:none;height:min(94vh,900px);border-radius:16px;background:var(--surface)}.product-image-lightbox__head,.product-image-lightbox__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.product-image-lightbox__head{border-bottom:1px solid var(--border)}.product-image-lightbox__foot{border-top:1px solid var(--border);color:var(--muted);font-size:12px}.product-image-lightbox__body{position:relative;display:grid;place-items:center;height:calc(100% - 112px);min-height:0;background:var(--surface);overflow:hidden}.product-image-lightbox__canvas{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;padding:28px 76px;border:0;background:transparent;overflow:hidden;cursor:zoom-in;touch-action:pan-y}.product-image-lightbox__canvas.is-zoomed{cursor:zoom-out}.product-image-lightbox__canvas img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:scale(1);transition:transform .18s ease}.product-image-lightbox__canvas.is-zoomed img{transform:scale(2.25)}.product-image-lightbox__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:60px;margin-top:-30px;border:1px solid var(--border);border-radius:10px;background:hsl(var(--white-h) var(--white-s) var(--white-l)/.94);color:var(--text);box-shadow:var(--shadow)}.product-image-lightbox__nav.is-previous{left:16px}.product-image-lightbox__nav.is-next{right:16px}
@media(max-width:720px){.product-image-gallery{display:flex;flex-direction:column-reverse}.product-image-gallery__thumbnails{flex-direction:row;max-height:none;max-width:100%;order:0}.product-image-gallery__thumbnail{flex:0 0 64px;width:64px}.product-image-gallery__main{height:clamp(280px,78vw,460px);padding:12px}.product-image-gallery__meta span:last-child{display:none}.product-image-lightbox{width:100vw;height:100dvh;max-height:none;border-radius:0}.product-image-lightbox__canvas{padding:18px 54px}.product-image-lightbox__nav{width:40px;height:52px}.product-image-lightbox__nav.is-previous{left:7px}.product-image-lightbox__nav.is-next{right:7px}.product-image-management__item{align-items:flex-start;flex-direction:column}.product-image-management__item .inline-actions{width:100%}}
.product-image-gallery__zoom-badge,.product-image-lightbox__nav,.product-image-lightbox__head .icon-button{border-color:var(--primary);background:var(--primary);color:var(--on-primary);transition:background .16s ease,color .16s ease,border-color .16s ease}
.product-image-gallery__main:hover .product-image-gallery__zoom-badge,.product-image-lightbox__nav:hover,.product-image-lightbox__head .icon-button:hover{border-color:var(--primary-dark);background:var(--primary-dark);color:var(--on-primary-hover)}