/* Consistent product frames, including narrow screens. */
.product-art{aspect-ratio:1 / 1}
.product-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:12% 8% 8%}
.product-card:hover .product-art img{transform:none}
.detail-gallery{min-width:0}
.detail-image{display:block;position:relative;aspect-ratio:1 / 1;width:100%;height:auto;max-height:none;overflow:hidden}
.image-expand{display:block;position:relative;width:100%;height:100%;padding:7%;border:0;background:transparent;cursor:zoom-in;color:inherit}
.detail-image #detail-image{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}
.image-expand-hint{position:absolute;bottom:7px;left:0;width:100%;font-size:12px;color:var(--muted);text-align:center}
#image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:64px 16px 40px;border:0;background:var(--bg);color:var(--ink);overflow:auto}
#image-viewer[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
#image-viewer>img{display:block;min-height:0;width:100%;height:100%;object-fit:contain;touch-action:pinch-zoom}
#image-viewer>p{flex:none;margin:0;font-size:13px;text-align:center}
.viewer-close{position:absolute;right:16px;top:12px;min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:28px}
@media(max-width:650px){.product-detail{min-width:0}.product-info{flex-wrap:wrap}.product-info h3{overflow-wrap:anywhere}#product-dialog{max-width:calc(100vw - 24px)}}