/* FINISH-002L / 012H — Mobile live Marketplace viewport + handoff correction.
   Mobile only. Prevent legacy/live shell paint beneath the accepted mobile catalog,
   and constrain the governed live detail sheet to vertical scrolling. */
@media (max-width:760px){
  html,body.rewards-page{max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
  body.rewards-page .market-shell{display:none!important}
  body.rewards-page.market-detail-open{overflow:hidden!important}

  body.rewards-page .reward-detail{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:pan-y!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  body.rewards-page .reward-detail-sheet{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    overflow:hidden!important;
    overscroll-behavior-x:none!important;
    touch-action:pan-y!important;
  }
  body.rewards-page .reward-detail-body{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-x:none!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch;
  }
  body.rewards-page .reward-detail-body *,
  body.rewards-page .reward-detail-content,
  body.rewards-page .reward-detail-hero,
  body.rewards-page .detail-hero-content,
  body.rewards-page .market-transaction-bar{
    box-sizing:border-box;
    max-width:100%;
  }
}