.product-gallery{min-width:0;align-self:start}
.gallery-open{position:relative;cursor:zoom-in}
.gallery-caption{display:flex;justify-content:space-between;gap:12px;margin:9px 0 12px;color:#777;font-size:13px;line-height:1.5}
.gallery-thumbnails{display:flex;gap:9px;margin-top:12px;overflow-x:auto;padding:3px 2px 9px;scrollbar-width:thin;overscroll-behavior-x:contain}
.gallery-thumbnails button{flex:0 0 68px;width:68px;height:68px;padding:3px;border:1px solid #ddd;background:#fff}
.gallery-thumbnails button[aria-pressed=true]{border:2px solid var(--navy);padding:2px}
.gallery-thumbnails button:hover{border-color:var(--navy)}
.gallery-thumbnails img{width:100%;height:100%;object-fit:contain}
.gallery-empty .gallery-caption{justify-content:center}
.image-dialog{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:0;background:#fff;color:#444;box-shadow:0 10px 60px #0007}
.image-dialog::backdrop{background:#000d}
.image-dialog button{min-height:44px;min-width:44px;border:1px solid #ddd;background:#fff;color:#333;padding:6px 12px}
.image-dialog button:hover,.image-dialog button[aria-pressed=true]{background:#edf1f6;border-color:var(--navy)}
.image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.image-toolbar>div{display:flex;gap:8px}
.image-stage{height:min(650px,calc(100dvh - 200px));min-height:150px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f6f6f6;overscroll-behavior:contain}
.image-stage img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.image-dialog.is-zoomed .image-stage{display:block}
.image-dialog.is-zoomed .image-stage img{width:200%;height:auto;max-width:none;max-height:none;cursor:zoom-out}
.image-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}
.image-navigation>p{flex:1;text-align:center;font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:0}
.image-navigation>button{font-size:28px;line-height:1}
@media(max-width:549px){
 .gallery-thumbnails button{flex-basis:62px;width:62px;height:62px}
 .image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px}
 .image-toolbar{font-size:13px;gap:6px}
 .image-toolbar>div{gap:5px}
 .image-toolbar button{font-size:13px;padding:6px 8px}
 .image-stage{height:calc(100dvh - 190px)}
 .image-navigation{gap:8px}
 .image-navigation>p{font-size:12px}
}