.bungy-voucher-ui .voucher-image-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.bungy-voucher-ui .voucher-image-option {
  float: none !important;
  width: auto !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 2px solid #dbe2e8;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
}
.bungy-voucher-ui .voucher-image-option.bungy-motiv-selected {
  border-color: #1266a0;
  background: #f1f7fc;
}
.voucher-image-option .bungy-motiv-select {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100%;
  cursor: pointer;
  line-height: 1;
}
.voucher-image-option .bungy-motiv-select img {
  display: block;
  width: 180px !important;
  max-width: 100%;
  height: auto !important;
}
.voucher-image-option label {
  font-weight: bold;
  cursor: pointer;
  overflow-wrap: anywhere;
  margin: 2px 0 8px;
}
.voucher-image-option input { margin: 8px 0 2px; }
.voucher-image-option .bungy-motiv-preview,
.bungy-motiv-dialog .bungy-motiv-dialog-close {
  padding: 7px 12px !important;
  margin: 0 !important;
  border: 1px solid #1266a0 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1266a0 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  cursor: pointer;
}
.bungy-motiv-select:focus-visible,
.bungy-motiv-preview:focus-visible,
.bungy-motiv-dialog-close:focus-visible {
  outline: 3px solid #172b3a !important;
  outline-offset: 3px;
}
.bungy-motiv-dialog {
  max-width: min(900px, 92vw);
  max-height: 92vh;
  padding: 20px;
  border: 1px solid #dbe2e8;
  border-radius: 10px;
  background: #fff;
  color: #202b37;
}
.bungy-motiv-dialog::backdrop { background: rgba(18, 30, 42, .7); }
.bungy-motiv-dialog h2 { margin: 16px 0 !important; font-size: 22px !important; }
.bungy-motiv-dialog img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 65vh;
  margin: auto;
  object-fit: contain;
}
.bungy-motiv-dialog p { font-size: 14px; line-height: 1.5; margin: 14px 0 0; }
/* Local product photo slider: live reference has one steady frame and a small strip. */
.bungy-native-gallery-suspended { display: none !important; }
.bungy-photo-slider { width: 100%; margin: 0 0 24px; }
.bungy-photo-frame { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #edf0ee; touch-action: pan-y; }
.bungy-photo-main { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; object-fit: contain; object-position: center; }
.bungy-photo-slider .bungy-photo-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 44px; height: 60px; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 0 !important; background: rgba(0,0,0,.24) !important;
  color: #fff !important; font: 52px/50px Arial,sans-serif !important; cursor: pointer;
}
.bungy-photo-slider .bungy-photo-arrow:hover { background: rgba(0,0,0,.48) !important; }
.bungy-photo-previous { left: 0; } .bungy-photo-next { right: 0; }
.bungy-photo-thumbnails { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding-top: 9px; }
.bungy-photo-slider .bungy-photo-thumbnail {
  position: relative; display: block; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; width: 100%;
  padding: 0 !important; margin: 0 !important; border: 0 !important; border-top: 3px solid transparent !important;
  border-radius: 0 !important; background: #eef0ef !important; cursor: pointer; opacity: .76;
}
.bungy-photo-slider .bungy-photo-thumbnail[aria-pressed="true"] { border-top-color: #d71920 !important; opacity: 1; }
.bungy-photo-slider .bungy-photo-thumbnail:hover { opacity: 1; }
.bungy-photo-thumbnail img { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; object-fit: contain; }
.bungy-photo-status { font-size: 12px !important; color: #64716d; margin: 6px 0 0 !important; text-align: right; }
.bungy-photo-frame:focus-visible,.bungy-photo-arrow:focus-visible,.bungy-photo-thumbnail:focus-visible { outline: 3px solid #172b3a !important; outline-offset: 3px; }
.bungy-motiv-dialog { width: min(920px,92vw); box-sizing: border-box; }
.bungy-personal-preview { display: block; width: 100%; height: min(65vh,650px); min-height: 280px; border: 1px solid #dbe2e8; background: #f2f3f4; }
.bungy-personal-preview[hidden], .bungy-preview-open[hidden] { display: none !important; }
.bungy-preview-status { margin: 0 0 12px !important; }
.bungy-preview-open { display: inline-block; color: #1266a0; font-size: 14px; margin-top: 10px; text-decoration: underline; }
@media(max-width:600px) {
  .bungy-photo-thumbnails { gap: 5px; }
  .bungy-photo-slider .bungy-photo-arrow { width: 36px; height: 50px; font-size: 44px !important; }
  .bungy-motiv-dialog { padding: 12px; }
  .bungy-personal-preview { min-height: 220px; height: 55vh; }
}

.bungy-motiv-dialog img[hidden] { display:none !important; }

/* Whole-page PDF canvas instead of iOS's non-fitting embedded PDF viewer. */
.bungy-motiv-dialog { max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow:auto; }
.bungy-preview-tools { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 10px; }
.bungy-motiv-dialog .bungy-preview-tools button { min-width:44px; min-height:44px; padding:8px 12px!important; margin:0!important; border:1px solid #1266a0!important; border-radius:5px!important; background:#fff!important; color:#1266a0!important; cursor:pointer; font:16px/1.3 Arial,sans-serif!important; }
.bungy-motiv-dialog .bungy-preview-tools button:disabled { opacity:.4; cursor:default; }
.bungy-preview-tools button:focus-visible { outline:3px solid #172b3a; outline-offset:2px; }
.bungy-preview-zoom { color:#64716d; font-size:14px; }
.bungy-personal-preview { width:100%; height:min(54vh,600px); height:min(54dvh,600px); min-height:0; max-width:100%; box-sizing:border-box; padding:8px; overflow:auto; overscroll-behavior:contain; background:#edf0f2; -webkit-overflow-scrolling:touch; }
.bungy-preview-sheet { display:flex; align-items:center; justify-content:center; min-width:100%; min-height:100%; }
.bungy-preview-sheet canvas { display:block; flex:none; max-width:none!important; max-height:none!important; box-shadow:0 2px 8px #18222d26; background:#fff; }
.bungy-preview-tools[hidden],.bungy-personal-preview[hidden] { display:none!important; }
@media(max-width:600px) { .bungy-motiv-dialog { width:calc(100vw - 24px); padding:12px; } .bungy-motiv-dialog h2 { font-size:19px!important; margin:12px 0!important; } .bungy-personal-preview { height:45vh; height:45dvh; min-height:0; } .bungy-motiv-dialog p { font-size:12px; } }
