#modalConfirmation .mdr-confirm-short { display: none; }
/* Mobile confirmation: keep the full crop and actions inside the visible viewport. */
@media (max-width: 767px) {
  #fotolia-detail-vue #modalConfirmation { width: 100vw; min-width: 0; padding: 8px; padding-top: max(8px, env(safe-area-inset-top)); padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  #fotolia-detail-vue #modalConfirmation .modal-dialog { width: 100%; max-width: 520px; margin: 0 auto; }
  #fotolia-detail-vue #modalConfirmation .modal-content { border-radius: 10px; }
  #fotolia-detail-vue #modalConfirmation .modal-header { padding: 12px 48px 10px 14px; }
  #fotolia-detail-vue #modalConfirmation .close { position: absolute; top: 2px; right: 2px; width: 44px; height: 44px; margin: 0; font-size: 22px; }
  #fotolia-detail-vue #modalConfirmation .modal-title { font-size: 17px; line-height: 1.25; margin: 0; }
  #fotolia-detail-vue #modalConfirmation .modal-title .bg-red { display: block; font-size: 13px; line-height: 1.3; padding: 6px 8px; margin-top: 6px; }
  #fotolia-detail-vue #modalConfirmation .mdr-confirm-long { display: none; }
  #fotolia-detail-vue #modalConfirmation .mdr-confirm-short { display: inline; }
  #fotolia-detail-vue #modalConfirmation .modal-body { padding: 10px 14px 12px; }
  #fotolia-detail-vue #modalConfirmation .modal-body > .row { margin: 0; }
  #fotolia-detail-vue #modalConfirmation .modal-body > .row > [class*="col-"] { width: 100%; padding: 0; }
  #fotolia-detail-vue #modalConfirmation .image { margin: 0; text-align: center; }
  #fotolia-detail-vue #modalConfirmation .image img { display: block; width: 100%; height: auto; max-height: clamp(64px, calc(100vh - 440px), 210px); max-height: clamp(64px, calc(100svh - 440px), 210px); object-fit: contain; margin: 0 auto; }
  #fotolia-detail-vue #modalConfirmation .mdr-confirm-image-number { font-size: 11px; line-height: 14px; margin: 3px 0 5px; text-align: center; }
  #fotolia-detail-vue #modalConfirmation .infos { display: flow-root; margin: 0; padding-top: 4px; font-size: 13px; line-height: 1.3; }
  #fotolia-detail-vue #modalConfirmation .infos > div { margin-bottom: 3px; }
  #fotolia-detail-vue #modalConfirmation .infos .col-xs-12 { margin-bottom: 3px; }
  #fotolia-detail-vue #modalConfirmation .infos > .col-xs-12 { display: flex; align-items: baseline; gap: 8px; }
  #fotolia-detail-vue #modalConfirmation .infos .col-xs-6 { width: 50%; min-width: 0; }
  #fotolia-detail-vue #modalConfirmation .infos .col-xs-6:last-child { text-align: right; }
  #fotolia-detail-vue #modalConfirmation .confirmation-inches-added { font-size: 11px; line-height: 1.3; }
  #fotolia-detail-vue #modalConfirmation .infos .total { margin-top: 4px; padding-top: 6px; font-size: 16px; border-top: 1px solid #f00; }
  #fotolia-detail-vue #modalConfirmation .taxes-text { display: block; font-size: 10px; line-height: 1.3; }
  #fotolia-detail-vue #modalConfirmation .buttons { margin: 0; display: flex; clear: both; gap: 8px; padding-top: 8px; }
  #fotolia-detail-vue #modalConfirmation .buttons > div { width: 50%; padding: 0; margin: 0; }
  #fotolia-detail-vue #modalConfirmation .buttons .btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; min-height: 44px; margin: 0 !important; padding: 8px 5px; font-size: 14px; line-height: 1.2; white-space: normal; }
}
@media (max-width: 767px) and (max-height: 550px) and (orientation: landscape) {
  #fotolia-detail-vue #modalConfirmation .modal-dialog { max-width: 740px; }
  #fotolia-detail-vue #modalConfirmation .modal-body > .row { display: flex; gap: 14px; align-items: center; }
  #fotolia-detail-vue #modalConfirmation .modal-body > .row > .col-sm-5 { width: 36%; }
  #fotolia-detail-vue #modalConfirmation .modal-body > .row > .col-sm-7 { width: 64%; }
  #fotolia-detail-vue #modalConfirmation .image img { max-height: calc(100vh - 150px); max-height: calc(100svh - 150px); }
}


@media (max-width: 359px) {
  #fotolia-detail-vue #modalConfirmation .image img { max-height: clamp(64px, calc(100vh - 480px), 170px); max-height: clamp(64px, calc(100svh - 480px), 170px); }
}
@media (max-width: 767px) and (max-height: 550px) and (orientation: landscape) {
  #fotolia-detail-vue #modalConfirmation .modal-header { padding-top: 8px; padding-bottom: 6px; }
  #fotolia-detail-vue #modalConfirmation .modal-title { font-size: 16px; }
  #fotolia-detail-vue #modalConfirmation .infos { font-size: 12px; line-height: 1.2; }
  #fotolia-detail-vue #modalConfirmation .infos > div { margin-bottom: 2px; }
  #fotolia-detail-vue #modalConfirmation .infos .col-xs-12 { margin-bottom: 2px; }
  #fotolia-detail-vue #modalConfirmation .modal-body { padding-top: 6px; padding-bottom: 8px; }
}