/* Owner's desktop refinements, 2026-10-05. Mobile keeps its existing viewer. */
.qp-mixup-closer__tablet-choices { display: none; }
.qp-mixup-closer__swatches .qp-mixup-closer__swatch-label { display: none; }
/* The new square photograph has no artwork heading to remove. Preserve its
   complete product outlines on both desktop and the existing mobile viewer. */
.qp-page .qp-read-page--mixup-seo #closer-panel-accessories [data-accessory-clean-square] .qp-mixup-closer__accessory-crop img { transform: none; }

@media (min-width: 941px) {
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__panels:has(> :is(#closer-panel-colours,#closer-panel-lighting,#closer-panel-wiring,#closer-panel-camera):not([hidden])) { align-self: end; }
  /* These panels contain intrinsic media AND text. Let their full content
     participate in shell sizing instead of overflowing a fixed media stage. */
  .qp-page .qp-read-page--mixup-seo #closer-look :is(#closer-panel-compact,#closer-panel-accessories) .qp-mixup-closer__visual {
    height: auto; min-height: var(--closer-media-height,720px);
  }
  .qp-page .qp-read-page--mixup-seo #closer-look #closer-panel-accessories :is([data-accessories-desktop-grid],.qp-mixup-closer__accessory-stage) {
    height: auto;
  }
  /* The open topic is a current location, not an action to repeat. Keep its
     focus ring and arrow-key access while removing mouse-action feedback. */
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__navigation [data-closer-tab][aria-disabled="true"] {
    cursor: default; background: transparent; border-color: transparent; transform: none;
  }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__navigation [data-closer-tab]:not([aria-disabled="true"]):hover { background: var(--closer-hover); }
  /* One measured media-to-button spacing. Keep existing media dimensions;
     the additional space uses the shell's existing lower inset. */
  .qp-page .qp-read-page--mixup-seo :is(#closer-panel-colours,#closer-panel-lighting,#closer-panel-wiring,#closer-panel-camera) .qp-mixup-closer__visual { overflow: visible; align-self: end; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__lighting,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__details { gap: 24px; height: calc(100% + 12px); grid-template-rows: minmax(0,1fr) 44px; align-self: flex-start; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__colours { gap: 24px; height: calc(100% + 12px); align-self: flex-start; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__lighting-swatches,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__detail-controls { align-self: start; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring [data-closer-desktop-autoplay] { align-self: start; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__detail-rail { padding-block: 0; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-camera .qp-mixup-closer__detail-rail button { height: 44px; box-sizing: border-box; line-height: 20px; }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps {
    width: 50px; box-sizing: border-box; padding: 2px; margin-inline: 0; gap: 28px;
    justify-self: center; justify-items: center; border: 1px solid var(--closer-edge); border-radius: 25px;
  }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps button { position: relative; border: 0; border-radius: 50%; }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps button:hover:not(:disabled) { background: transparent; }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps button::before {
    content: ''; position: absolute; left: 3px; top: 3px; width: 38px; height: 38px;
    border-radius: 50%; background: var(--closer-hover); opacity: 0; transition: opacity 180ms ease-out;
  }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps button:hover:not(:disabled)::before { opacity: 1; }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__steps button svg { position: relative; }
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__shell .qp-mixup-closer__steps button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring .qp-mixup-closer__detail-controls {
    width: min(100%,calc((var(--closer-media-height,720px) - 74px) * 480 / 646));
    justify-self: center;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring .qp-mixup-closer__detail-controls > :is([data-accessory-prev],[data-accessory-next]) { display: none; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring .qp-mixup-closer__detail-rail {
    width: 100%; padding: 0; gap: 8px; flex-wrap: wrap; justify-content: center; overflow: visible;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-wiring [data-detail-choice] { padding-inline: 12px; }

  .qp-page .qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__specs .qp-button {
    display: inline-flex; min-height: 48px; width: auto; max-width: calc(100% - 24px);
    margin: 24px 24px 0 0; padding: 12px 20px; box-sizing: border-box;
    background: var(--closer-glass); border: 1px solid var(--closer-edge);
    color: inherit; border-radius: 999px; font-size: 15px; font-weight: 550;
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    transition: background-color 480ms ease, border-color 480ms ease, color 480ms ease;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__specs .qp-button:hover { background: var(--closer-hover); }
  /* Keep the transport film's intrinsic ratio while leaving room for specs
     and the link on wide screens. The text stays in normal flow. */
  .qp-page .qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__compact-frame {
    width: min(100%,calc((var(--closer-media-height,720px) - 200px) * 16 / 9));
    margin-inline: auto;
  }

  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories [data-accessories-desktop-grid] {
    display: block; height: 100%;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: center;
    align-items: stretch; justify-items: stretch; width: min(100%,594px); height: 100%;
    margin-inline: auto; gap: 18px;
  }
  /* Two square rows plus captions must fit the shared media reservation.
     Shrink the pictures, not the text or the outer shell. */
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories [data-accessory-count="4"] .qp-mixup-closer__accessory-stage {
    width: min(100%,var(--closer-accessory-max-width,594px),calc(var(--closer-media-height,720px) - 160px));
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage figure {
    display: flex; flex-direction: column; justify-content: flex-start;
    box-sizing: border-box; width: 100%; max-width: none; height: auto; margin: 0; border-radius: 20px;
    border: 1px solid rgba(40,48,68,.08); background: #fff; animation: none;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage figure:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories figcaption {
    padding: 12px 16px 20px; font-size: 14px; font-weight: 550; line-height: 1.45; text-align: center;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-crop img {
    transform: translateY(-19.5%) scale(1.15); transform-origin: 50% 50%;
  }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-direction-controls { display: none; }

  .qp-page .qp-read-page--mixup-seo #closer-panel-tablet .qp-direction-controls { display: none; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-tablet .qp-mixup-closer__tablet { grid-template-rows: minmax(0,1fr); gap: 0; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-tablet .qp-mixup-closer__tablet > span { display: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button {
    width: auto; min-height: 44px; padding: 10px 16px; border-radius: 999px;
    color: #283044; font-size: 14px; font-weight: 550; background: rgba(255,255,255,.4);
    transition: background-color 180ms ease, border-color 180ms ease;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button[aria-pressed="true"] { background: rgba(255,255,255,.85); border-color: #283044; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button:hover { background: #fff; }

  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__swatches button {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: auto; min-height: 44px; padding: 10px 16px; border-width: 1px;
    border-color: rgba(40,48,68,.18); border-radius: 999px; color: #283044;
    background: rgba(255,255,255,.4); font: inherit; font-size: 14px; font-weight: 550;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__swatches button > span:first-child { flex: none; width: 20px; height: 20px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__swatches .qp-mixup-closer__swatch-label {
    display: inline; width: auto; height: auto; border: 0; border-radius: 0; background: none;
  }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__swatches button[aria-pressed="true"] { background: rgba(255,255,255,.85); border-color: #283044; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__swatches button:hover { background: #fff; }
}

@media (min-width: 1600px) {
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage { grid-template-columns: repeat(3,minmax(0,1fr)); width: min(100%,658px); }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories [data-accessory-count="4"] { --closer-accessory-max-width: 658px; }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories [data-accessory-count="4"] .qp-mixup-closer__accessory-stage { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .qp-page .qp-read-page--mixup-seo #closer-panel-accessories .qp-mixup-closer__accessory-stage figure:last-child:nth-child(odd) { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page--mixup-seo #closer-look .qp-mixup-closer__steps button::before { transition: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button,
  .qp-page .qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__specs .qp-button { transition: none; }
}

@media (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo #closer-panel-compact .qp-mixup-closer__specs .qp-button,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__tablet-choices button[aria-pressed="true"] { border-color: Highlight; }
}