/* The slide must never be taller than its frame. Keep the complete image visible. */
#productModal .product-detail .detail-photo{
  height:clamp(280px,58dvh,620px)!important;
  min-height:0!important;
  max-height:none!important;
}
#productModal .detail-photo>.shoe-gallery,
#productModal .detail-photo .shoe-gallery-track,
#productModal .detail-photo .shoe-gallery-slide{
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
}
#productModal .detail-photo .shoe-gallery .shoe-gallery-slide>img{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
}
@media(max-width:820px){
  #productModal .product-detail .detail-photo{height:clamp(240px,82vw,520px)!important}
}

/* Position relative to the full-screen modal, using its measured viewport origin. */
#customerChatModal[data-chat-mode="order"] .customer-chat-card{
  position:absolute!important;
  top:var(--order-viewport-top,0px)!important;
  height:var(--order-viewport-height,100dvh)!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
#customerChatModal[data-chat-mode="order"][data-keyboard-open="true"] .customer-chat-form{
  flex-shrink:0!important;
  padding-bottom:4px!important;
}