//* Nur für diese beiden Modals scop’en (empfohlen) */
#productview-prestashop_customer_order_reference .modal-dialog,
#productview-prestashop_prestashop_quick_order .modal-dialog {
  max-height: calc(100vh - 2rem);
}

#productview-prestashop_customer_order_reference .modal-content,
#productview-prestashop_prestashop_quick_order .modal-content {
  max-height: 100%;
}

#productview-prestashop_customer_order_reference .modal-body,
#productview-prestashop_prestashop_quick_order .modal-body {
  overflow: auto; /* Inhalt scrollt, Modal bleibt kurz */
}

/* Dein bestehendes “Ready”-Pattern, erweitert um Ratio */
#productview-prestashop_customer_order_reference .js-tiny-single-item,
#productview-prestashop_prestashop_quick_order .js-tiny-single-item {
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease-in;
  aspect-ratio: 4 / 3;      /* verhindert Höhen-Sprung vor Bild-Load */
  max-height: 420px;        /* optionaler Deckel auf Desktop */
}

#productview-prestashop_customer_order_reference .js-tiny-single-item.is-ready,
#productview-prestashop_prestashop_quick_order .js-tiny-single-item.is-ready {
  opacity: 1;
  pointer-events: auto;
}

.js-tiny-single-item .tiny-slide img {
  display: block;
  width: 100%;
  height: auto;
}