/* Autoplay countdown uses the AI explorer's approved contour, not a spinner. */
body.qp-page .qp-read-page--mixup-seo .qp-mini-carousel__autoplay > .qp-autoplay-ring {
  position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
  fill: none; transform: rotate(-90deg); opacity: 0; transition: opacity 180ms ease-out;
}
body.qp-page .qp-read-page--mixup-seo [data-playing="true"] > .qp-autoplay-ring { opacity: 1; }
.qp-autoplay-ring circle { fill: none; stroke-width: 2.5; }
.qp-autoplay-ring__track { stroke: rgba(40,48,68,.14); }
.qp-autoplay-ring [data-autoplay-progress] { stroke: #6554f4; stroke-dasharray: 100; stroke-dashoffset: 100; }
.qp-read-page--mixup-seo .qp-format-autoplay { position: relative; }
.qp-read-page--mixup-seo .qp-video-results { position: relative; }
body.qp-page .qp-read-page--mixup-seo .qp-video-results__autoplay {
  position: absolute; right: 0; bottom: 1px; width: 56px; height: 56px;
  min-width: 44px; min-height: 44px; color: #283044; background: rgba(238,240,243,.72);
  border: 1px solid rgba(255,255,255,.7); box-shadow: none;
}
body.qp-page .qp-read-page--mixup-seo .qp-video-results__autoplay[hidden] { display: none; }
@media (hover: hover) {
  body.qp-page .qp-read-page--mixup-seo .qp-video-results__autoplay:hover { background: rgba(248,249,252,.9); }
}
@media (min-width: 941px) {
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__autoplay { position: relative; }
}
@media (max-width: 940px) {
  body.qp-page .qp-read-page--mixup-seo .qp-video-results__autoplay { bottom: 6px; top: auto; right: 0; width: 44px; height: 44px; z-index: 5; }
  body.qp-page .qp-read-page--mixup-seo .qp-video-results { padding-bottom: 80px; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__controls { bottom: 80px; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__pagination {
    position: absolute; top: calc(100% + 24px); left: 50%; transform: translateX(-50%);
    display: flex; width: max-content; height: 50px; padding: 3px; gap: 0; margin: 0;
    border: 0; border-radius: 999px; background: rgba(238,240,243,.9); pointer-events: auto;
  }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__pagination button { width: 44px; height: 44px; min-width: 44px; border: 0; padding: 0; background: none; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__pagination button::after { content: ''; display: block; width: 6px; height: 6px; border-radius: 99px; background: currentColor; opacity: .5; transition: width 240ms ease, opacity 240ms ease; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__pagination button[aria-current="true"]::after { width: 26px; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  body.qp-page .qp-read-page--mixup-seo .qp-mini-carousel__autoplay > .qp-autoplay-ring { display: none; transition: none; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__pagination button::after { transition: none; }
}
@media (forced-colors: active) {
  .qp-autoplay-ring__track { stroke: GrayText; }
  .qp-autoplay-ring [data-autoplay-progress] { stroke: Highlight; }
  body.qp-page .qp-read-page--mixup-seo .qp-video-results__autoplay { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
}

/* One matte material for video controls on MixUp, including the AI preview. */
body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]),
body.qp-page .qp-read-page--mixup-seo #reviews .qp-video-toggle {
  color: #283044; background: rgba(248,249,252,.68); border: 0;
  box-shadow: none; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
@media (hover: hover) {
  body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]):hover,
  body.qp-page .qp-read-page--mixup-seo #reviews .qp-video-toggle:hover { background: rgba(248,249,252,.82); }
}
body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]):focus-visible { outline: 2px solid #3968c5; outline-offset: 3px; }

.qp-ai-explorer__edge-controls, .qp-mixup-closer__pagination { display: none; }
.qp-mixup-closer__footer { display: none; }
@media (max-width: 940px) {
  .qp-mixup-closer.is-enhanced .qp-mixup-closer__footer { display: flex; align-items: center; justify-content: center; position: relative; margin-top: 16px; padding-inline: 60px; min-height: 50px; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__footer .qp-mixup-closer__pagination { margin: 0; max-width: 100%; height: 50px; min-height: 50px; border: 0; }
  body.qp-page .qp-read-page--mixup-seo [data-closer-cycle] { position: absolute; right: 16px; width: 44px; height: 44px; min-width: 44px; }
  body.qp-page .qp-read-page--mixup-seo [data-closer-cycle][hidden] { display: none; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider .qp-mini-carousel__controls { height: 50px; min-height: 50px; margin: 8px 0 0; padding: 0; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-photos__slider [data-carousel-autoplay] { position: absolute; z-index: 5; top: auto; bottom: 3px; right: 0; width: 44px; height: 44px; min-width: 44px; padding: 0; border: 0; box-shadow: none; background: rgba(238,240,243,.9); color: #283044; }
  body.qp-page .qp-read-page--mixup-seo .qp-mini-carousel__autoplay svg:not(.qp-autoplay-ring) { width: 20px; height: 20px; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__pagination { display: flex; position: relative; width: max-content; max-width: calc(100% - 16px); margin: 16px auto 0; padding: 3px; gap: 0; background: rgba(238,240,243,.9); border-radius: 999px; }
  body.qp-page .qp-read-page--mixup-seo #formats .qp-mini-carousel__bar { height: 50px; min-height: 50px; padding: 3px; gap: 0; border: 0; }
  body.qp-page .qp-read-page--mixup-seo .qp-mini-carousel__autoplay { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex-basis: 44px; }
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__bar {
    display: flex; position: absolute; top: calc(100% + 24px); left: 50%; transform: translateX(-50%);
    width: max-content; height: 50px; min-height: 50px; padding: 3px; gap: 0; margin: 0; border: 0;
    border-radius: 999px; background: rgba(238,240,243,.9); pointer-events: auto; overflow: hidden;
  }
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__bar button { background: transparent; }
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__bar button:focus-visible { outline-offset: -3px; }
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__bar button[hidden] { display: none; }
  body.qp-page .qp-read-page--mixup-seo #photos [data-carousel-indicator] { display: none; }
  /* Keep the 44px hit targets; give the shorter mark more breathing room. */
  body.qp-page .qp-read-page--mixup-seo :is(#formats,#closer-look,#photos,#video-results) .qp-mini-carousel__bar { padding-inline: 9px; }
  body.qp-page .qp-read-page--mixup-seo .qp-pagination-marker { width: 28px; margin-left: 6px; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination button { display: grid; place-items: center; flex: 0 1 44px; width: 44px; min-width: 0; height: 44px; border: 0; padding: 0; border-radius: 50%; background: transparent; color: #283044; cursor: pointer; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination button::before { content: ''; width: 6px; height: 6px; border-radius: 999px; background: currentColor; opacity: .5; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination button[aria-current="true"]::before { width: 24px; opacity: 1; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination.qp-pagination-ready button[aria-current="true"]::before { opacity: 0; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination button:focus-visible { outline: 2px solid #3968c5; outline-offset: -3px; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination button[hidden] { display: none; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination { overflow: hidden; }
  @media (prefers-reduced-motion: no-preference) {
    body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pagination.qp-pagination-ready .qp-pagination-marker { transition: transform 350ms cubic-bezier(.22,1,.36,1); }
  }
  /* This overlay spans the gallery: never let the legacy mobile blur cap
     turn it into a full-frame filter. Glass belongs to the small paddles. */
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls,.qp-mixup-photos__navigation) { background: transparent; border: 0; box-shadow: none; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .qp-ai-explorer__edge-controls:not([hidden]) { display: block; position: absolute; inset: 0 calc(-1 * var(--mixup-mobile-gutter)); pointer-events: none; z-index: 8; }
  .qp-page .qp-ai-explorer__edge-controls button { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 56px; padding: 0; border: 0; display: grid; align-items: center; background: transparent; color: #283044; pointer-events: auto; isolation: isolate; }
  .qp-ai-explorer__edge-controls button::before { content: ''; position: absolute; inset-block: 0; z-index: -1; width: 28px; background: rgba(248,249,252,.68); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .qp-ai-explorer__edge-controls button:first-child { left: 0; justify-items: start; padding-left: 3px; }
  .qp-ai-explorer__edge-controls button:last-child { right: 0; justify-items: end; padding-right: 3px; }
  .qp-ai-explorer__edge-controls button:first-child::before { left: 0; border-radius: 0 56px 56px 0; }
  .qp-ai-explorer__edge-controls button:last-child::before { right: 0; border-radius: 56px 0 0 56px; }
  .qp-ai-explorer__edge-controls .ti { font-size: 18px; }
  body.qp-page .qp-read-page--mixup-seo :is(.qp-event-proof__description,.qp-event-proof__support) { display: none; }
  body.qp-page .qp-read-page--mixup-seo .qp-event-proof__metrics { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
  body.qp-page .qp-read-page--mixup-seo :is(.qp-video-results,.qp-mixup-photos__slider) { position: relative; }
  body.qp-page .qp-read-page--mixup-seo #video-results .qp-video-results__controls {
    position: absolute; inset: 0 calc(-1 * var(--mixup-mobile-gutter)) 80px; width: auto; height: auto; margin: 0; padding: 0;
    border: 0; border-radius: 0; background: none; box-shadow: none; pointer-events: none; z-index: 4;
  }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation {
    position: absolute; inset: 8px calc(-1 * var(--mixup-mobile-gutter)) auto; width: auto; height: var(--mini-slide-height);
    padding: 0; background: none; border-radius: 0; pointer-events: none; z-index: 4;
  }
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button) {
    position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 56px;
    display: grid; align-items: center; padding: 0; border: 0; border-radius: 0;
    color: #283044; background: transparent; box-shadow: none; isolation: isolate; pointer-events: auto;
  }
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button)::before {
    content: ''; position: absolute; inset-block: 0; z-index: -1; width: 28px;
    background: rgba(248,249,252,.68); border: 0; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  }
  body.qp-page .qp-read-page--mixup-seo :is([data-result-prev],.qp-mixup-photos__navigation [data-carousel-prev]) { left: 0; justify-items: start; padding-left: 3px; }
  body.qp-page .qp-read-page--mixup-seo :is([data-result-next],.qp-mixup-photos__navigation [data-carousel-next]) { right: 0; justify-items: end; padding-right: 3px; }
  body.qp-page .qp-read-page--mixup-seo :is([data-result-prev],.qp-mixup-photos__navigation [data-carousel-prev])::before { left: 0; border-radius: 0 56px 56px 0; }
  body.qp-page .qp-read-page--mixup-seo :is([data-result-next],.qp-mixup-photos__navigation [data-carousel-next])::before { right: 0; border-radius: 56px 0 0 56px; }
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button) svg { width: 18px; height: 18px; stroke-width: 2.5; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation path { stroke-width: 2.5; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-photos__navigation > button:focus-visible { outline: 2px solid #3968c5; outline-offset: -3px; }
}
@media (max-width: 380px) {
  body.qp-page .qp-read-page--mixup-seo #photos .qp-mini-carousel__bar { transform: translateX(calc(-50% - 18px)); }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__footer { padding-inline: 54px; }
  body.qp-page .qp-read-page--mixup-seo .qp-mixup-closer__footer .qp-mixup-closer__pagination { transform: translateX(-18px); }
}
@media (prefers-contrast: more) {
  body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]),
  body.qp-page .qp-read-page--mixup-seo #reviews .qp-video-toggle,
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button)::before { background: #f8f9fc; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (forced-colors: active) {
  body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]),
  body.qp-page .qp-read-page--mixup-seo #reviews .qp-video-toggle,
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button) { color: ButtonText; }
  body.qp-page .qp-read-page--mixup-seo :is(.qp-video-toggle, .qp-ai-explorer__frame-controls [data-ai-play]),
  body.qp-page .qp-read-page--mixup-seo #reviews .qp-video-toggle,
  body.qp-page .qp-read-page--mixup-seo :is(#video-results .qp-video-results__controls > button,.qp-mixup-photos__navigation > button)::before { background: ButtonFace; border: 1px solid ButtonText; backdrop-filter: none; -webkit-backdrop-filter: none; }
}