/* Owner-supplied designs reuse the video filmstrip at their native 2:3 ratio. */
.qp-page [data-product="klassika"] #closer-look .qp-mixup-closer__details img { object-fit: contain; }
.qp-page .qp-read-page--mixup-seo #classic-branding .qp-classic-branding__note { margin-top: 16px; color: #475269; font-size: 16px; }
.qp-page .qp-read-page--mixup-seo #classic-branding .qp-video-results[data-image-results].is-ready .qp-video-results__stage { aspect-ratio: 100 / 51; max-height: 510px; }
.qp-classic-branding .qp-video-results__image { aspect-ratio: 2 / 3; border-radius: 24px; overflow: hidden; background: #f5f5f7; }
.qp-classic-branding .qp-video-results__image :is(picture,img) { display: block; width: 100%; height: 100%; }
.qp-classic-branding .qp-video-results__image img { object-fit: contain; }
.qp-classic-branding .qp-video-results.is-ready .qp-video-results__film { aspect-ratio: 2 / 3; }
.qp-classic-branding figcaption { margin-top: 16px; color: #283044; text-align: center; font-weight: 600; line-height: 1.4; }
.qp-classic-branding .is-ready figcaption { position: absolute; inset: 100% 0 auto; margin-top: 16px; }
.qp-classic-branding .is-ready [data-format-active="false"] figcaption { visibility: hidden; }
.qp-page .qp-read-page--mixup-seo #classic-branding [data-image-results] .qp-video-results__controls { margin-top: 64px; }
@media (max-width: 940px) {
  .qp-page .qp-read-page--mixup-seo #classic-branding .qp-video-results[data-image-results].is-ready .qp-video-results__stage { aspect-ratio: 50 / 51; max-height: 472.5px; }
  .qp-page .qp-read-page--mixup-seo #classic-branding [data-image-results] { padding-bottom: 120px; }
  .qp-page .qp-read-page--mixup-seo #classic-branding [data-image-results] .qp-video-results__controls { margin-top: 0; bottom: 120px; }
  .qp-page .qp-read-page--mixup-seo #classic-branding [data-image-results] .qp-video-results__pagination { top: calc(100% + 56px); }
}
@media (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo #classic-branding :is(p,figcaption) { color: CanvasText; }
}

/* Classic detail photography: no copy over the hardware under examination. */
@media (max-width: 940px) {
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced { --classic-detail-height: min(520px, 100vw); }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__pin { min-height: 0; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__shell { position: relative; top: auto; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__panels { width: 100%; margin: 0; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__visual { height: var(--classic-detail-height); min-height: 0; width: 100%; overflow: hidden; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__visual :is(picture,img,.qp-mixup-closer__details,.qp-mixup-closer__detail-stage,.qp-mixup-closer__detail-slide) { height: 100%; max-height: 100%; width: 100%; object-fit: contain; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__panel:not([hidden]) { display: block; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__panel > .qp-mixup-closer__mobile-dock { position: relative; inset: auto; height: auto; padding: 16px; gap: 12px; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__mobile-bubble { position: static; inset: auto; width: 100%; max-width: 640px; padding: 18px; margin: 0; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__mobile-copy { font-size: 16px; line-height: 1.5; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__mobile-copy strong { display: block; margin-bottom: 6px; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__mobile-dock > button { top: calc(var(--classic-detail-height) / 2); }
}

/* Fill the existing desktop study area instead of a 480px thumbnail window. */
@media (min-width: 941px) {
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__shell { grid-template-columns: 44px minmax(240px, 28%) minmax(0, 1fr); gap: 20px; padding: 24px; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__panels { width: 100%; min-width: 0; align-self: stretch; display: grid; align-items: center; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__visual { height: var(--closer-media-height, 720px); width: 100%; max-width: none; overflow: visible; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__details { width: 100%; max-width: none; height: 100%; margin: 0; grid-template-rows: minmax(0, 1fr) 44px; gap: 16px; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__accessory-stage { width: 100%; min-height: 0; height: 100%; }
  .qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look .qp-mixup-closer__accessory-stage figure { width: 100%; max-width: none; height: 100%; }
}

/* The photo itself owns its rounded edge; the study stage stays transparent. */
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced :is(.qp-mixup-closer__visual,.qp-mixup-closer__accessory-stage figure,.qp-mixup-closer__detail-slide) { background: transparent; box-shadow: none; border-radius: 0; }
.qp-page .qp-read-page--mixup-seo[data-product="klassika"] #closer-look.is-enhanced .qp-mixup-closer__visual img:not(.qp-media-preview) { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 24px; }