/* Original references: readable photographs rather than compact thumbnails.
   This stylesheet is loaded only by the six product sheets. */
.original-references .product-gallery{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;padding-block:24px 0;
}
.original-references .product-gallery:has(>.render-card:only-child){
  grid-template-columns:minmax(0,1fr);max-width:920px;margin-inline:auto;
}
.original-references .product-gallery .render-card,
.original-references .product-gallery .render-card:first-child{
  grid-column:auto;min-width:0;align-self:start;
}
.original-references .product-gallery .render-card .render-open{
  display:block;width:100%;height:auto;aspect-ratio:auto;background:#fff;
}
.original-references .product-gallery .render-card img,
.original-references .product-gallery .render-card:first-child img{
  display:block;width:100%;height:clamp(440px,42vw,600px);
  min-height:0;max-height:none;padding:16px;
  object-fit:contain;object-position:center;transform:none;
}
.original-references .render-card figcaption{padding:20px 22px}
.original-references .render-card h3{font-size:21px;line-height:1.3}
.original-references .render-card figcaption p{font-size:14px;line-height:1.55}
.original-references .zoom-label{font-size:13px}
/* Keep the existing native dialog and full-resolution hrefs. */
.viewer{
  box-sizing:border-box;width:min(1280px,calc(100vw - 32px));
  max-width:none;max-height:calc(100dvh - 32px);
  padding:62px 20px 20px;overflow:auto;
}
.viewer[open]{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.viewer img{
  display:block;flex:0 1 auto;width:auto;height:auto;
  max-width:100%;max-height:calc(100dvh - 160px);
  object-fit:contain;margin:0 auto;
}
.viewer p{flex:none;font-size:14px;line-height:1.45;margin:0;text-align:center}
.viewer-close{float:none;z-index:1}
@media(max-width:700px){
  .original-references .product-gallery{grid-template-columns:minmax(0,1fr);gap:22px}
  .original-references .product-gallery .render-card img,
  .original-references .product-gallery .render-card:first-child img{
    height:auto;max-height:none;padding:12px;aspect-ratio:auto;
  }
  .original-references .render-card figcaption{padding:18px}
  .viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:60px 8px 16px}
  .viewer img{max-height:calc(100dvh - 150px)}
  .viewer-close{right:12px;top:12px}
}