/* v122 — MOBILE/TABLET ONLY. Desktop v120 is frozen.
   Applies only to the four previously-broken showcase pages.
   Uses flow/grid centering so RTL/LTR cannot offset the active document. */
@media (max-width: 1024px){
  body.mobile-v122-clone.showcase-page,
  body.mobile-v122-clone.showcase-page .showcase-main,
  body.mobile-v122-clone.showcase-page .showcase-stage-wrap,
  body.mobile-v122-clone.showcase-page .showcase-stage{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body.mobile-v122-clone.showcase-page{
    overflow-x:clip!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-main,
  body.mobile-v122-clone.showcase-page .showcase-stage-wrap{
    overflow:hidden!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-stage-wrap{
    padding:10px 0 34px!important;
  }

  /* Mobile clone: one centered active page, independent of document direction. */
  body.mobile-v122-clone.showcase-page .showcase-stage{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    direction:ltr!important;
    height:clamp(420px,112vw,520px)!important;
    min-height:420px!important;
    perspective:none!important;
    overflow:hidden!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-slide,
  body.mobile-v122-clone.showcase-page [data-showcase]:not(.is-ready) .showcase-slide:first-child{
    grid-area:1 / 1!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(78vw,320px)!important;
    max-width:calc(100vw - 32px)!important;
    max-height:none!important;
    margin:auto!important;
    padding:0!important;
    translate:none!important;
    rotate:none!important;
    scale:none!important;
    transform:none!important;
    transform-origin:center center!important;
    filter:none!important;
    background:transparent!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-slide[aria-hidden="true"],
  body.mobile-v122-clone.showcase-page [data-showcase]:not(.is-ready) .showcase-slide:not(:first-child){
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-slide[aria-hidden="false"],
  body.mobile-v122-clone.showcase-page [data-showcase]:not(.is-ready) .showcase-slide:first-child{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    z-index:20!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-slide img,
  body.mobile-v122-clone.showcase-page [data-showcase]:not(.is-ready) .showcase-slide:first-child img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:8px!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-controls,
  body.mobile-v122-clone.showcase-page .showcase-progress,
  body.mobile-v122-clone.showcase-page .showcase-download-row{
    width:min(100% - 32px,340px)!important;
    max-width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-controls{
    justify-content:center!important;
  }
}

@media (max-width: 600px){
  body.mobile-v122-clone.showcase-page .showcase-stage{
    height:clamp(400px,116vw,480px)!important;
    min-height:400px!important;
  }

  body.mobile-v122-clone.showcase-page .showcase-slide,
  body.mobile-v122-clone.showcase-page [data-showcase]:not(.is-ready) .showcase-slide:first-child{
    width:min(76vw,305px)!important;
    max-width:calc(100vw - 36px)!important;
  }
}