.product-photo-open{display:block;position:relative;width:100%;height:100%;cursor:zoom-in}
.product-photo-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;white-space:nowrap;background:var(--paper);color:var(--ink);border-radius:24px;padding:8px 16px;font-size:11px}
.product-image[data-product-photo]{cursor:zoom-in}
.photo-viewer{width:calc(100% - 32px);max-width:1400px;height:calc(100dvh - 32px);max-height:none;padding:0;border:0;border-radius:18px;background:#faf8f1;color:#173e32;overflow:hidden}
.photo-viewer::backdrop{background:#10281fe6}
.photo-viewer[open]{display:flex;flex-direction:column}
.photo-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #d5d8cb;flex-shrink:0}
.photo-viewer-title{margin:0;font:500 14px/1.4 var(--sans);overflow-wrap:anywhere}
.photo-viewer-actions{display:flex;gap:8px;flex-shrink:0}
.photo-viewer-actions button{min-height:44px;padding:8px 14px;border-radius:22px;font-size:12px}
.photo-viewer-stage{overflow:auto;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:16px;overscroll-behavior:contain}
.photo-viewer-stage img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.photo-viewer-stage.is-zoomed{display:block}
.photo-viewer-stage.is-zoomed img{width:auto;height:auto;max-width:none;margin:auto;cursor:zoom-out}
html.photo-viewer-open{overflow:hidden}
@media(max-width:600px){.photo-viewer{width:100%;height:100dvh;max-width:100%;border-radius:0}.photo-viewer-bar{align-items:flex-start;flex-wrap:wrap;padding:12px}.photo-viewer-title{flex-basis:100%}.photo-viewer-actions{margin-left:auto}.photo-viewer-stage{padding:8px}}