/* Fixed image area, natural copy height, one shared dialog scroll. */
#productDialog[open]{height:auto;max-height:calc(100dvh - 32px);overflow:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:90px auto;align-items:start}
#productDialog .detail-image{position:relative;display:block;box-sizing:border-box;width:100%;height:clamp(320px,60dvh,620px);min-height:0;padding:0;background:#fff;overflow:hidden}
#productDialog .detail-image img{display:block;position:static;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;visibility:visible}
#productDialog .detail-copy{min-width:0;min-height:0;height:auto;overflow:visible;padding-bottom:28px}
@media(max-width:700px){#productDialog[open]{display:block;height:auto;overflow:auto}#productDialog .detail-image{height:clamp(160px,28dvh,280px)}}

#productDialog .detail-image picture{display:block;width:100%;height:100%}

/* Keep the complete close bar reachable while reading a product. */
.reading #productDialog .popup-brand{position:sticky;top:0;z-index:10}