/* V103 — Keep the whole main product photograph within the visible browser height at 100% zoom. */
/* Scope to the product-detail gallery. Header, catalog thumbnails and admin stay unchanged. */
.md91-gallery{
  --md103-photo-height:clamp(140px,calc(100dvh - 255px),680px);
  align-items:start;
}
.md91-gallery .md75-main-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:var(--md103-photo-height) !important;
  max-height:var(--md103-photo-height);
  min-height:0;
  aspect-ratio:auto !important;
  background:#ffffff;
  overflow:hidden;
}
.md91-gallery .md75-main-photo img{
  display:block;
  width:100%;height:100%;
  max-width:100%;max-height:100%;
  object-fit:contain !important;
  object-position:center;
  transform:none !important;
}
.md91-gallery .md75-thumbs{
  max-height:var(--md103-photo-height);
  align-self:start;
}
@media (max-width:820px){
  .md91-gallery{--md103-photo-height:clamp(140px,calc(100dvh - 260px),580px)}
}
@media (max-width:540px){
  /* On phones, the main photo remains fully visible and the thumbnail strip scrolls horizontally. */
  .md91-gallery{--md103-photo-height:min(calc(100vw - 40px),calc(100dvh - 200px))}
  .md91-gallery .md75-thumbs{max-height:none}
}