/* Only the initial readiness hand-off; scroll/menu motion keeps its own owner. */
html.qp-header-pending #site-header {
  opacity: 0;
  pointer-events: none;
}

@keyframes qp-header-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
  #site-header[data-ui-ready] {
    animation: qp-header-arrive 180ms cubic-bezier(.23, 1, .32, 1);
  }
}

/* Approved light product materials: outer scenes remain continuous. */
body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits > .wrap,
body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #faq .dzl-faq {
  background: rgba(238, 240, 243, .28);
  border: 1px solid rgba(40, 48, 68, .16);
  box-shadow: none;
}

body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefit-grid > div,
body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #faq .dzl-faq-item {
  background: rgba(255, 255, 255, .32);
  border: 1px solid rgba(40, 48, 68, .16);
}

/* Same outer material, radius and spacing as the existing ROI calculator. */
body.qp-page[data-market="global"] .qp-read-page:is([data-product="mixup"], [data-product="mini"]) .qp-product-specs-panel {
  box-sizing: border-box;
  min-width: 0;
  padding: 32px;
  background: rgba(250, 252, 255, .58);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 32px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

@media not (forced-colors: active) {
  body.qp-page[data-market="global"]:has(.qp-read-page[data-product="mixup"]) > .site-footer {
    position: relative;
    z-index: 1;
    isolation: isolate;
    background: #090a0d;
  }
}

@media (max-width: 768px) {
  body.qp-page[data-market="global"] .qp-read-page:is([data-product="mixup"], [data-product="mini"]) .qp-product-specs-panel {
    padding: 20px;
    border-radius: var(--qp-radius-frame, 20px);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.qp-page[data-market="global"] .qp-read-page:is([data-product="mixup"], [data-product="mini"]) .qp-product-specs-panel {
    background: #f7f8fa;
  }
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits > .wrap,
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #benefits .qp-mixup-benefit-grid > div,
  body.qp-page[data-market="global"] .qp-read-page[data-product="mixup"] #faq :is(.dzl-faq, .dzl-faq-item),
  body.qp-page[data-market="global"] .qp-read-page:is([data-product="mixup"], [data-product="mini"]) .qp-product-specs-panel {
    background: Canvas;
    color: CanvasText;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

.qp-page .qp-home-refresh .qp-home-hero-action > .qp-mixup-hero__request {
  width: 100%;
  box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 44px; padding: 9px 20px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px;
  background: linear-gradient(110deg,#3359d7,#7041c9); color: #fff; box-shadow: none;
  font-family: inherit; font-size: 15px; font-weight: 650; cursor: pointer;
}
.qp-page .qp-read-page[data-product="mini"] #mixup-format-mini-mobility [data-format-cards] > [data-format-item] {
  left: 47%;
  width: var(--cascade-width, 90%);
  height: var(--cascade-height, 88%);
}