/* MixUp v2.5 ports: retain the shared composition, never invent media. */
.qp-template-slot__surface { min-height: 280px; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 32px; border: 1px solid rgba(40,48,68,.18); border-radius: 24px; background: #f0f1f3; color: #283044; }
.qp-template-slot__surface p { margin: 0; font-size: 20px; line-height: 1.5; }
.qp-template-slot__surface span { font-size: 16px; line-height: 1.6; color: #475269; }
.qp-template-proof { position: relative; overflow: hidden; }
.qp-template-proof .qp-event-proof__scene { min-height: 440px; }
.qp-template-proof__photos { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); opacity: .65; }
.qp-template-proof__photos picture { min-width: 0; min-height: 0; overflow: hidden; }
.qp-template-proof__photos picture:last-child:nth-child(odd) { grid-column: span 2; }
.qp-template-proof__photos img { width: 100%; height: 100%; object-fit: cover; }
.qp-template-proof .qp-event-proof__glass { position: relative; }
.qp-template-proof li p { margin: 4px 0 16px; }
.qp-template-details { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 40px; }
.qp-template-details article { min-width: 0; }
.qp-template-details img { width: 100%; height: 320px; object-fit: contain; border-radius: 24px; }
.qp-template-details p { font-size: 16px; line-height: 1.6; }
.qp-read-page[data-product-template="mixup-v2.5"] .qp-mixup-closer__navigation { max-height: none; }
.qp-read-page[data-product-template="mixup-v2.5"] .qp-mixup-closer__visual > picture { display: flex; align-items: center; justify-content: center; }
.qp-read-page[data-product-template="mixup-v2.5"] .qp-mixup-closer__visual > picture img { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 20px; }
/* Mini's local example chooser follows the horizontal slide axis. */
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__navigation { flex-direction: row; }
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__navigation button::before { content: none; }
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__navigation button span {
  display: block; width: 8px; height: 8px; font-size: 0;
  border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(-135deg);
}
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__navigation [data-format-next] span { transform: rotate(45deg); }
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__navigation [data-format-status] {
  position: absolute; width: 1px; height: 1px; min-width: 0; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__dots {
  flex-direction: row; width: auto; height: 44px; padding: 0 10px;
}
.qp-page .qp-read-page--mixup-seo[data-product="mini"] .qp-format-gallery__dot-marker {
  top: calc(50% - 2.5px); left: 10px; width: 16px; height: 5px;
  transform: translateX(calc(var(--format-dot-index, 0) * var(--format-dot-step) - 5.5px));
}
@media(max-width:940px) {
  .qp-template-details { grid-template-columns: 1fr; }
  .qp-template-proof__photos { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .qp-template-proof .qp-event-proof__scene { min-height: 320px; }
  .qp-template-slot__surface { min-height: 220px; padding: 24px; border-radius: 20px; }
}