/* MixUp mobile acceptance, 06 Oct 2026. Desktop composition is untouched.
   One readable column, thumb-sized controls, no scroll interception. */
.qp-highlight-copy--mobile { display: none; }
@media (max-width: 940px) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-highlight-copy--full { display: none; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-highlight-copy--mobile { display: block; }
  .qp-page .qp-read-page--mixup-seo { --mixup-mobile-gutter: 24px; }
  .qp-page .qp-read-page--mixup-seo :is(section[id], h2[id]) { scroll-margin-top: 84px; }
  .qp-page .qp-read-page--mixup-seo :is(input, select, textarea) { font-size: max(16px, 1em); }
  .qp-page:has(.qp-read-page--mixup-seo) .dzq-box :is(input,select,textarea) { font-size: 16px; }
  .qp-page:has(.qp-read-page--mixup-seo) .dzq-box { max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-hero__request { min-height: 52px; }
  .qp-page .qp-read-page--mixup-seo #formats.qp-mixup-highlights { --highlight-gutter: var(--mixup-mobile-gutter); padding-block: 56px; }
  .qp-page .qp-read-page--mixup-seo #formats.qp-mixup-highlights > .wrap { width: calc(100% - 2 * var(--mixup-mobile-gutter)); }
  .qp-page .qp-read-page--mixup-seo #formats.qp-mixup-highlights > .wrap { padding-inline: 0; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced h2 { padding-inline: var(--mixup-mobile-gutter); }
  .qp-page .qp-mixup-highlights [data-format-highlights] { position: relative; --highlight-media-height: clamp(360px, 100vw, 480px); }
  .qp-page .qp-mixup-highlights .qp-format-galleries__media { align-items: stretch; gap: 0; padding: 0; scroll-padding-inline: 0; }
  /* Flex stretch gives every slide the tallest copy's height, including zoom.
     No fixed text box, inner scroll area or height jump between sections. */
  .qp-page .qp-read-page--mixup-seo #formats [data-format-panel] {
    --highlight-media-height: inherit; --highlight-outer-radius: 0px; --highlight-inner-radius: 20px;
    flex-basis: 100%; height: auto; min-height: 0; border: 0; border-radius: 0; box-shadow: none;
    grid-template-columns: minmax(0,1fr); grid-template-rows: 1fr var(--highlight-media-height);
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-highlight__copy { position: static; z-index: auto; grid-row: 1; padding: 28px var(--mixup-mobile-gutter) 12px; min-height: 0; }
  .qp-page .qp-mixup-highlights .qp-mixup-highlight__copy :is(h3,p) { position: relative; z-index: 2; }
  .qp-page .qp-mixup-highlights .qp-mixup-highlight__copy h3 { font-size: 24px; line-height: 1.15; margin-bottom: 14px; }
  .qp-page .qp-mixup-highlights .qp-mixup-highlight__copy p { font-size: 16px; line-height: 1.5; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__track {
    grid-column: 1; grid-row: 2; width: 100%; height: var(--highlight-media-height);
    margin: 0; border-radius: 0; overflow: hidden; overscroll-behavior: auto; touch-action: pan-x pan-y pinch-zoom;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__named-track { --mini-slide-height: var(--highlight-media-height); }
  /* The section is edge-to-edge; the actual films remain inset rounded cards. */
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__track:not(.qp-format-gallery__named-track) {
    width: calc(100% - 32px); height: calc(var(--highlight-media-height) - 32px);
    --mini-slide-height: calc(var(--highlight-media-height) - 32px);
    margin: 16px; border-radius: var(--highlight-inner-radius);
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__film { overflow: hidden; }
  /* Reuse the approved desktop transport crop to enlarge the subject. */
  .qp-page .qp-read-page--mixup-seo #mixup-format-mobility .qp-format-gallery__film {
    width: min(100%, calc((var(--highlight-media-height) - 32px) * 27 / 34)); height: 100%;
  }
  .qp-page .qp-read-page--mixup-seo #mixup-format-mobility .qp-format-gallery__film video {
    height: calc(100% * 24 / 17); object-fit: cover; transform: translateY(-16.666667%); border-radius: 0;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-stack { width: calc(100% - 48px); height: calc(100% - 88px); margin-bottom: 48px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-highlight-colours,
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choices {
    position: absolute; z-index: 5; inset: auto 12px 16px; width: auto; margin: 0; padding: 0;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    pointer-events: none;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-highlight-colours button { pointer-events: auto; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-highlight-colours { bottom: 32px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choice-rail { gap: 6px; flex-wrap: wrap; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choice-rail button { padding-inline: 10px; font-size: 13px; gap: 5px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choice-icon { width: 16px; height: 16px; flex-basis: 16px; }
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button) {
    color: #283044; background: rgba(245,246,249,.58); border: 1px solid rgba(255,255,255,.8);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  }
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button)[aria-pressed="true"] { background: rgba(255,255,255,.72); border-color: #283044; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choices [data-format-autoplay-proxy] { display: none; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mini-carousel__controls { position: static; height: 56px; margin: 16px auto 0; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation { display: contents; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction {
    position: absolute; z-index: 6; top: calc((100% - 72px) / 2); bottom: auto; transform: translateY(-50%);
    display: grid; align-items: center; width: 44px; height: 56px; padding: 0; margin: 0;
    border: 0; background: transparent; color: #283044; isolation: isolate;
    cursor: pointer; touch-action: manipulation;
    transition: opacity 180ms ease-out, background-color 180ms ease-out;
  }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; width: 28px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.75); background: rgba(245,246,249,.58); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:first-child { left: 0; justify-items: start; padding-left: 5px; border-radius: 0 56px 56px 0; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:last-child { right: 0; justify-items: end; padding-right: 5px; border-radius: 56px 0 0 56px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:first-child::before { left: 0; border-radius: 0 56px 56px 0; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:last-child::before { right: 0; border-radius: 56px 0 0 56px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:first-child svg { transform: translateX(-2px); }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:last-child svg { transform: translateX(2px); }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:disabled { opacity: .4; cursor: default; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction:focus-visible { outline: 2px solid #3968c5; outline-offset: -4px; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .qp-page .qp-mixup-highlights .qp-format-gallery__navigation { left: 50%; }
  .qp-page .qp-mixup-highlights .qp-format-gallery__navigation [data-format-status] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .qp-page .qp-mixup-highlights .qp-format-gallery__navigation button > span { display: none; }
  .qp-page .qp-mixup-highlights .qp-format-gallery__navigation button::before { content: ''; width: 9px; height: 9px; border: solid currentColor; border-width: 1.5px 1.5px 0 0; transform: rotate(-45deg); }
  .qp-page .qp-mixup-highlights .qp-format-gallery__navigation [data-format-next]::before { transform: rotate(135deg); }
  .qp-page .qp-read-page--mixup-seo .qp-event-proof__scene { --proof-inset: 24px; }
  .qp-page .qp-read-page--mixup-seo .qp-event-proof__glass { padding: 24px 20px; background: rgba(245,246,249,.93); }
  .qp-page .qp-read-page--mixup-seo .qp-event-proof__subtitle { font-size: 21px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__pin { min-height: var(--closer-view-height); overflow-anchor: none; }
  /* Match the enhanced viewer's specificity: this section no longer pins.
     A viewport-wide sticky viewer also makes Safari fill its bottom toolbar. */
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer.is-enhanced .qp-mixup-closer__shell { position: relative; top: auto; }
  .qp-page .qp-read-page--mixup-seo :is(.qp-mixup-closer__mobile-bubble,.qp-ai-explorer__controls button,.qp-ai-explorer__frame-controls button) { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-photos__wrap { width: calc(100% - 2 * var(--mixup-mobile-gutter)); }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-ai-explorer > .wrap { width: calc(100% - 2 * var(--mixup-mobile-gutter)); }
  .qp-page .qp-mixup-ai-explorer h2 { font-size: 30px; line-height: 1.15; margin-bottom: 32px; }
  .qp-ai-explorer__stage { height: min(560px, calc((100vw - 2 * var(--mixup-mobile-gutter)) * .961)); touch-action: pan-y pinch-zoom; }
  .qp-ai-explorer__stage :is(button,img,video) { touch-action: pan-y pinch-zoom; }
  .qp-ai-explorer__frame { width: min(361px,62%); border-radius: 20px; }
  .qp-ai-explorer__side { width: min(274.36px,47.12%); border-radius: 15.2px; }
  .qp-ai-explorer__side--left { left: 4%; }
  .qp-ai-explorer__side--right { right: 4%; }
  .qp-page .qp-ai-explorer .qp-ai-explorer__choice-title { display: flex; align-items: center; justify-content: center; min-height: 44px; width: 100%; box-sizing: border-box; padding-inline: 44px; margin: 24px auto 12px; font-size: 24px; }
  .qp-ai-explorer__controls { display: block; position: relative; }
  .qp-ai-explorer__styles { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .qp-page .qp-ai-explorer__styles button { min-width: 0; min-height: 44px; padding: 7px 10px; font-size: 13px; line-height: 18px; white-space: normal; }
  .qp-ai-explorer__styles [data-ai-transform] svg { flex-shrink: 0; width: 18px; }
  .qp-ai-explorer__frame-controls button[data-ai-play], .qp-ai-explorer__controls .qp-ai-explorer__autoplay { width: 48px; min-height: 48px; flex-basis: 48px; }
  .qp-page .qp-ai-explorer__controls .qp-ai-explorer__autoplay { position: absolute; top: -56px; right: 0; width: 44px; min-height: 44px; height: 44px; }
  .qp-page .qp-ai-explorer__autoplay > svg:not(.qp-ai-explorer__autoplay-ring) { width: 20px; height: 20px; }
  .qp-page .qp-read-page--mixup-seo #production .qp-company-production__film > video { object-fit: cover; }
  .qp-ai-explorer__frame-controls { inset: auto 10px 10px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-video-results .qp-video-results__header p { font-size: 16px; line-height: 1.6; }
  .qp-video-results__stage, .qp-video-results__stage :is(button,img,video) { touch-action: pan-y pinch-zoom; }
  .qp-video-results__film:not([data-position="center"]) .qp-video-toggle { visibility: hidden; pointer-events: none; }
  .qp-page .qp-read-page--mixup-seo #benefits header { margin-bottom: 24px; }
  .qp-page .qp-read-page--mixup-seo #benefits .qp-mixup-benefits-intro { padding: 0 0 24px; }
  .qp-page .qp-read-page--mixup-seo #benefits .qp-mixup-benefit-grid dd { font-size: 16px; line-height: 1.55; }
  .qp-page .qp-read-page--mixup-seo #economics input:is([type="range"],[type="number"]) { min-height: 44px; height: 44px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-calculator-footnotes p { font-size: 13px; line-height: 1.55; }
  .qp-page .qp-read-page--mixup-seo #order li { font-size: 16px; line-height: 1.5; }
  .qp-page .qp-read-page--mixup-seo #technical-specifications :is(th,td) { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
}
@media (max-width: 480px) {
  .qp-page .qp-read-page--mixup-seo { --mixup-mobile-gutter: 16px; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-hero h1 { font-size: clamp(32px,9vw,36px); }
  body.qp-page[data-market="ru"] .qp-read-page--mixup-seo .qp-mixup-hero__intro-glass .qp-mixup-hero__lead { font-size: 15px; }
  body.qp-page[data-market="ru"] .qp-read-page--mixup-seo .qp-mixup-hero__intro-glass .qp-mixup-trust li { font-size: 12px; }
  .qp-page .qp-read-page--mixup-seo .qp-event-proof__scene { --proof-inset: 20px; }
  .qp-page .qp-read-page--mixup-seo .qp-event-proof__glass { padding-inline: 20px; }
}
@media (max-width: 940px) and (orientation: landscape) and (max-height: 500px) {
  .qp-ai-explorer__stage { height: 360px; max-width: 560px; margin-inline: auto; }
  .qp-ai-explorer__frame { width: 232px; }
  .qp-ai-explorer__side { width: 176.32px; }
}
@media (max-width: 400px) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choice-icon { display: none; }
  .qp-page .qp-read-page--mixup-seo #formats .qp-format-gallery__choice-rail button { padding-inline: 4px; }
}
@media (max-width: 940px) and (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction { transition: none; }
}
@media (max-width: 940px) and (prefers-contrast: more) {
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button,.qp-mixup-desktop-format-navigation__direction) { background: #fff; border-color: #283044; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo :is(.qp-event-proof__glass,.qp-mixup-closer__mobile-bubble,.qp-ai-explorer__controls button,.qp-ai-explorer__frame-controls button) { background-color: #f5f6f9; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__shell[data-closer-theme="dark"] .qp-mixup-closer__mobile-bubble { background-color: #181e2a; }
}
@media (max-width: 940px) and (prefers-contrast: more) {
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button),
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction::before,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > button::before,
  .qp-page .qp-read-page--mixup-seo .has-labelled-choices .qp-mixup-closer__subslide-dots button { background: #f5f6f9; color: #283044; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo [data-closer-theme="dark"] .qp-mixup-closer__mobile-dock > button { color: #283044; }
}
@media (max-width: 940px) and (forced-colors: active) {
  .qp-page .qp-read-page--mixup-seo #formats .qp-mixup-desktop-format-navigation__direction::before,
  .qp-page .qp-read-page--mixup-seo .qp-mixup-closer__mobile-dock > button::before,
  .qp-page .qp-read-page--mixup-seo .has-labelled-choices .qp-mixup-closer__subslide-dots button { background: Canvas; color: CanvasText; border-color: CanvasText; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo .has-labelled-choices .qp-mixup-closer__subslide-dots button[aria-pressed="true"] { outline-offset: 2px; border-color: Highlight; }
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button,.qp-mixup-desktop-format-navigation__direction) { background: Canvas; color: CanvasText; border: 1px solid CanvasText; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo #formats :is(.qp-highlight-colours button,.qp-format-gallery__choice-rail button)[aria-pressed="true"] { background: Highlight; color: HighlightText; }
  .qp-page .qp-read-page--mixup-seo :is(.qp-event-proof__glass,.qp-mixup-closer__mobile-bubble,.qp-ai-explorer__controls button,.qp-ai-explorer__frame-controls button) { background: Canvas; color: CanvasText; border: 1px solid CanvasText; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .qp-page .qp-read-page--mixup-seo .qp-ai-explorer__styles [aria-pressed="true"] { background: Highlight; color: HighlightText; }
}
