/* Edge-to-edge mobile product study. No duplicate media or scroll interception. */
.qp-mixup-closer__mobile-dock { display: none; }
/* Square product window: omit the original artwork's heading, never the object.
   Keep the supplied pixels and expose the wording as real, accessible text. */
.qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage figure { display: flex; flex-direction: column; justify-content: center; background: #fff; }
.qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage figure[hidden] { display: none; }
.qp-mixup-closer__accessory-crop { position: relative; flex: none; width: 100%; aspect-ratio: 1; overflow: hidden; }
.qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-crop img { position: static; display: block; width: 100%; height: auto; max-height: none; transform: translateY(-19.5%); }
.qp-read-page--mixup-seo #closer-panel-accessories figcaption { padding: 12px 24px 24px; font-size: 15px; line-height: 1.45; text-align: center; }
@media (max-width: 940px) {
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__panels { position: relative; overflow: hidden; scroll-behavior: auto; touch-action: pan-y pinch-zoom; }
  /* Apply at the hit target as well: nested overflow frames can stop the
     ancestor touch-action chain before it reaches the gesture owner. */
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__panels :is(img,video) { touch-action: pan-y pinch-zoom; }
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__panel { position: absolute; inset: 0; animation: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced {
    padding-inline: 0; --closer-view-height: min(680px,calc(100svh - 190px),calc(100vw * 4 / 3)); overflow-anchor: none;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__wrap { width: 100%; max-width: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced h2 { padding-inline: 24px; }
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__pin {
    /* A short scroll runway holds the scene, then releases it at section end. */
    min-height: calc(var(--closer-view-height) + 45svh);
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__shell {
    position: sticky; top: 60px; display: block; height: var(--closer-view-height); min-height: 0; width: 100%;
    padding: 0; border: 0; border-radius: 0; overflow: clip; transition: background-color 480ms ease, color 480ms ease;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__navigation,.qp-mixup-closer__steps) { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__panels,.qp-mixup-closer__panel) { width: 100%; height: 100%; padding: 0; min-height: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__panel[hidden] { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(#closer-panel-assembly,#closer-panel-wiring,#closer-panel-compact,#closer-panel-lighting,#closer-panel-camera,#closer-panel-tablet,#closer-panel-colours,#closer-panel-accessories) .qp-mixup-closer__visual {
    height: 100%; min-height: 0; width: 100%; overflow: hidden; border-radius: 0; touch-action: pan-y;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__lighting,.qp-mixup-closer__accessories,.qp-mixup-closer__colours,.qp-mixup-closer__tablets) { height: 100%; width: 100%; min-height: 0; display: block; margin: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__lighting-stage,.qp-mixup-closer__accessory-stage,.qp-mixup-closer__colour-stage,.qp-mixup-closer__tablet-stage) { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; border-radius: 0; overflow: hidden; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__accessory-stage figure { height: 100%; width: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__lighting-frame,.qp-mixup-closer__detail-frame,.qp-mixup-closer__assembly-frame) { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-assembly .qp-mixup-closer__assembly-frame { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-assembly .qp-mixup-closer__assembly-frame video { top: 0; height: 100%; object-fit: cover; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-accessories .qp-mixup-closer__accessory-stage figure { justify-content: flex-start; padding-top: clamp(16px,7svh,64px); box-sizing: border-box; }
  .qp-mixup-closer.is-enhanced #closer-panel-accessories figcaption { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__lighting-frame video,.qp-mixup-closer__colour-stage img) { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__colour-stage [data-colour-image="black"] { object-position: 61% center; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced :is(.qp-mixup-closer__lighting-swatches,.qp-mixup-closer__swatches,.qp-mixup-closer__detail-controls,.qp-mixup-closer__tablet-controls,.qp-mixup-closer__accessories .qp-direction-controls,.qp-mixup-closer__specs table,.qp-mixup-closer__specs .qp-button) { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__specs { height: 100%; display: grid; align-content: start; padding-top: clamp(16px,5svh,48px); box-sizing: border-box; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-compact .qp-mixup-closer__compact-frame { width: 100%; height: auto; aspect-ratio: 1; margin: 0; border-radius: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-compact .qp-mixup-closer__compact-video { aspect-ratio: 1; width: 100%; height: 100%; object-fit: cover; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__tablet { width: 100%; padding: 32px 20px 240px; border: 0; border-radius: 0; background: none; transform: none; backdrop-filter: none; -webkit-backdrop-filter: none; pointer-events: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__tablet:not([data-position="center"]) { visibility: hidden; opacity: 0; }
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__tablet span { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__mobile-dock {
    --closer-choice-space: 44px;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 12px; position: absolute; inset: 0; z-index: 4;
    min-height: 0;
    padding: 0 calc(50px + env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) calc(50px + env(safe-area-inset-left)); box-sizing: border-box; pointer-events: none;
  }
  .qp-mixup-closer__mobile-bubble {
    position: absolute; bottom: calc(max(20px,env(safe-area-inset-bottom)) + var(--closer-choice-space) + 12px);
    left: calc(50px + env(safe-area-inset-left)); right: calc(50px + env(safe-area-inset-right)); margin-inline: auto;
    width: auto; max-width: 430px; padding: 18px; box-sizing: border-box; border-radius: 24px;
    color: #283044; background: rgba(248,249,252,.9); border: 1px solid rgba(255,255,255,.65);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); pointer-events: auto; touch-action: pan-y;
    transition: color 400ms ease, background-color 400ms ease, border-color 400ms ease;
  }
  [data-closer-theme="dark"] .qp-mixup-closer__mobile-bubble { color: #f3f5fb; background: rgba(18,24,36,.87); border-color: rgba(255,255,255,.18); }
  .qp-mixup-closer__panel[data-closer-theme="light"] .qp-mixup-closer__mobile-bubble { color: #283044; background: rgba(248,249,252,.9); border-color: rgba(255,255,255,.65); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-copy { margin: 0; font-size: 15px; line-height: 1.45; }
  .qp-mixup-closer__mobile-copy strong { font-weight: 650; }
  .qp-mixup-closer__mobile-bubble[data-accessory="true"] strong { display: block; margin-bottom: 6px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-accessories .qp-mixup-closer__accessory-stage figure { align-items: center; padding-top: 12px; }
  .qp-mixup-closer.is-enhanced #closer-panel-accessories .qp-mixup-closer__accessory-crop { width: min(100%,calc(var(--closer-view-height) - 180px)); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > button {
    position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 56px;
    border: 0; padding: 0; display: grid; align-items: center; isolation: isolate;
    --dock-button-bg: rgba(248,249,252,.58);
    background: transparent; color: #283044; cursor: pointer; pointer-events: auto;
    touch-action: manipulation;
    transition: color 400ms ease, background-color 400ms ease, border-color 400ms ease;
  }
  .qp-page .qp-read-page--mixup-seo [data-closer-theme="dark"] .qp-mixup-closer__mobile-dock > button { --dock-button-bg: rgba(27,33,47,.58); color: #f3f5fb; }
  .qp-mixup-closer__mobile-dock > button::before { content: ''; position: absolute; z-index: -1; inset-block: 0; width: 28px; box-sizing: border-box; background: var(--dock-button-bg); border: 1px solid rgba(128,136,155,.28); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > [data-closer-prev] { left: 0; justify-items: start; border-radius: 0 56px 56px 0; width: calc(44px + env(safe-area-inset-left)); padding-left: calc(5px + env(safe-area-inset-left)); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > [data-closer-next] { right: 0; justify-items: end; border-radius: 56px 0 0 56px; width: calc(44px + env(safe-area-inset-right)); padding-right: calc(5px + env(safe-area-inset-right)); }
  .qp-mixup-closer__mobile-dock > [data-closer-prev]::before { left: 0; width: calc(28px + env(safe-area-inset-left)); border-radius: 0 56px 56px 0; }
  .qp-mixup-closer__mobile-dock > [data-closer-next]::before { right: 0; width: calc(28px + env(safe-area-inset-right)); border-radius: 56px 0 0 56px; }
  .qp-mixup-closer__mobile-dock > button svg { display: block; width: 18px; height: 18px; transform: rotate(-90deg); }
  .qp-mixup-closer__mobile-dock button:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
  .qp-mixup-closer__subslide-group { margin-top: 12px; border-top: 1px solid rgba(128,136,155,.28); padding-top: 10px; text-align: center; }
  .qp-mixup-closer__subslide-group[hidden] { display: none; }
  .qp-mixup-closer__subslide-label { display: block; font-size: 12px; line-height: 1.35; }
  .qp-mixup-closer__subslide-dots { display: flex; justify-content: center; }
  .qp-page .qp-mixup-closer__subslide-dots button { display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; touch-action: manipulation; }
  .qp-mixup-closer__subslide-dots button::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .45; transition: transform 180ms ease,opacity 180ms ease; }
  .qp-mixup-closer__subslide-dots button[aria-pressed="true"]::before { opacity: 1; transform: scale(1.4); }
  .qp-mixup-closer__subslide-dots button[data-swatch]::before { width: 20px; height: 20px; opacity: 1; border: 1px solid rgba(128,136,155,.55); }
  .qp-mixup-closer__subslide-dots button[data-swatch="white"]::before { background: #fff; }
  .qp-mixup-closer__subslide-dots button[data-swatch="black"]::before { background: #202124; }
  .qp-mixup-closer__subslide-dots button[data-swatch="colour"]::before { background: conic-gradient(#ee75c7,#827ef2,#71cbed,#79deaa,#f4db87,#ee75c7); }
  .qp-mixup-closer__subslide-dots button[data-swatch][aria-pressed="true"]::before { transform: none; outline: 2px solid currentColor; outline-offset: 4px; }
  .qp-mixup-closer__subslide-label[hidden] { display: none; }
  .qp-mixup-closer__subslides { width: calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)); max-width: 640px; pointer-events: auto; }
  .qp-mixup-closer__subslides:not(:has(> :not([hidden]))) { display: none; }
  .qp-mixup-closer__subslide-group.has-labelled-choices { border: 0; margin: 0; padding: 0; }
  .has-labelled-choices .qp-mixup-closer__subslide-dots { gap: 8px; flex-wrap: wrap; }
  .qp-page .has-labelled-choices .qp-mixup-closer__subslide-dots button {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto;
    padding: 8px 12px; border: 1px solid rgba(128,136,155,.32); border-radius: 999px;
    background: rgba(248,249,252,.58); color: #283044; font: inherit; font-size: 14px; font-weight: 600;
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  }
  .qp-page .has-labelled-choices .qp-mixup-closer__subslide-dots button[aria-pressed="true"] { border-color: currentColor; background: rgba(255,255,255,.72); }
  .qp-page [data-closer-theme="dark"] .has-labelled-choices .qp-mixup-closer__subslide-dots button { background: rgba(18,24,36,.58); color: #f3f5fb; }
  .qp-page [data-closer-theme="dark"] .has-labelled-choices .qp-mixup-closer__subslide-dots button[aria-pressed="true"] { background: rgba(18,24,36,.56); }
  .qp-page .has-labelled-choices .qp-mixup-closer__subslide-dots button[data-swatch]::before { flex: 0 0 18px; width: 18px; height: 18px; outline: none; }
  .has-labelled-choices .qp-mixup-closer__subslide-dots button:not([data-swatch])::before { content: none; }
  .qp-mixup-closer__mobile-dock > [data-closer-prev] svg { transform: translateX(-2px) rotate(-90deg); stroke-width: 2.5; }
  .qp-mixup-closer__mobile-dock > [data-closer-next] svg { transform: translateX(2px) rotate(-90deg); stroke-width: 2.5; }
  .qp-mixup-closer__mobile-dock button:hover { filter: brightness(1.1); }
  .qp-mixup-closer__mobile-dock button:active { filter: brightness(.9); }
}
@media (max-width: 400px) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__mobile-dock { --closer-choice-space: 96px; }
}
@media (max-width: 359px) {
  .qp-mixup-closer__mobile-bubble { padding: 14px 12px; border-radius: 20px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-copy { font-size: 14px; }
}
@media (max-width: 940px) and (max-height: 500px) and (orientation: landscape) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__mobile-dock { padding-bottom: 12px; padding-inline: calc(56px + env(safe-area-inset-left)) calc(56px + env(safe-area-inset-right)); }
  .qp-mixup-closer__mobile-bubble { max-width: 300px; padding: 12px 16px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__panels { width: 55%; margin-left: auto; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__specs { padding-top: 0; align-content: center; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__tablet { padding: 20px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__lighting-frame video { object-fit: contain; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-camera .qp-mixup-closer__accessory-stage figure { width: calc(var(--closer-view-height) * 24 / 35); margin-inline: auto; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-assembly .qp-mixup-closer__assembly-frame { width: calc(var(--closer-view-height) * .75); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced #closer-panel-accessories .qp-mixup-closer__accessory-stage figure { padding-top: 0; align-items: center; }
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__accessory-crop { width: min(100%,var(--closer-view-height)); }
}
@media (max-width: 940px) and (prefers-reduced-motion: reduce) { .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > button,.qp-mixup-closer__mobile-bubble,.qp-mixup-closer__subslide-dots button::before { transition: none; } }
@media (max-width: 940px) and (prefers-contrast: more) {
  .qp-mixup-closer__mobile-bubble { background: #f8f9fc; }
  [data-closer-theme="dark"] .qp-mixup-closer__mobile-bubble { background: #121824; }
}
@media (max-width: 940px) and (forced-colors: active) {
  .qp-mixup-closer__mobile-bubble,[data-closer-theme="dark"] .qp-mixup-closer__mobile-bubble { color: CanvasText; background: Canvas; border-color: CanvasText; }
  .qp-mixup-closer__subslide-dots button[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -12px; }
}