/* Purchase phone page: one bounded product scroller, reserved checkout area. */
@media screen and (max-width:700px),screen and (max-width:900px) and (hover:none) and (pointer:coarse){
body.purchaseMobilePage .bizWorkspace{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:0!important}
body.purchaseMobilePage .bizTopbar{flex:0 0 64px!important;position:relative!important;top:auto!important}
body.purchaseMobilePage #purchasesView.active{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
body.purchaseMobilePage #purchasesView .purchaseClone{height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.purchaseMobilePage #purchasesView .purchasePicker{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding-bottom:0!important}
body.purchaseMobilePage #purchasesView .purchaseInventorySummary,body.purchaseMobilePage #purchasesView .purchasePicker>h2,body.purchaseMobilePage #purchasesView .purchaseSearchRow{flex:0 0 auto!important}
body.purchaseMobilePage #purchasesView .purchaseProductList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 3px 16px!important;scroll-padding:12px;overscroll-behavior:contain;align-content:start!important;-webkit-overflow-scrolling:touch}
body.purchaseMobilePage #purchasesView .purchaseProductItem{flex-shrink:0!important}
body.purchaseMobilePage #purchasesView .purchaseStage{flex:0 0 auto!important;min-height:0!important;margin:0!important}
body.purchaseMobilePage #purchasesView .purchaseStageMain{max-height:25dvh!important;overflow-y:auto!important;min-height:0!important}
body.purchaseMobilePage #purchasesView .purchaseTotalBar{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;min-height:62px!important;z-index:150!important;box-sizing:content-box!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
body.saleMobilePage .bizWorkspace{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:0!important}
body.saleMobilePage .bizTopbar{flex:0 0 64px!important;position:relative!important;top:auto!important}
body.saleMobilePage #salesView.active{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
body.saleMobilePage #salesView .sellClone{height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.saleMobilePage #salesView .sellPicker{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding-bottom:0!important}
body.saleMobilePage #salesView .saleInventorySummary,body.saleMobilePage #salesView .sellPicker>h2,body.saleMobilePage #salesView .purchaseSearchRow{flex:0 0 auto!important}
body.saleMobilePage #salesView .purchaseProductList{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 3px 16px!important;scroll-padding:12px;overscroll-behavior:contain;align-content:start!important;-webkit-overflow-scrolling:touch}
body.saleMobilePage #salesView .purchaseProductItem{flex-shrink:0!important}
body.saleMobilePage #salesView .purchaseStage{flex:0 0 auto!important;min-height:0!important;margin:0!important}
body.saleMobilePage #salesView .purchaseStageMain{max-height:25dvh!important;overflow-y:auto!important;min-height:0!important}
body.saleMobilePage #salesView .sellTotalBar{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:62px!important;min-height:62px!important;z-index:150!important;box-sizing:content-box!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
}
/* v342: legacy desktop controls must not occupy the phone picker footer. */
@media screen and (max-width:700px),screen and (max-width:900px) and (hover:none) and (pointer:coarse){
body.purchaseMobilePage #purchasesView .purchaseBatch,
body.purchaseMobilePage #purchasesView .purchaseChevron,
body.purchaseMobilePage #purchasesView .purchaseCheckoutChevron,
body.purchaseMobilePage #purchasesView .purchaseCheckoutSummary,
body.saleMobilePage #salesView .purchaseBatch,
body.saleMobilePage #salesView .purchaseChevron,
body.saleMobilePage #salesView .purchaseCheckoutChevron,
body.saleMobilePage #salesView .purchaseCheckoutSummary{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}
body.purchaseMobilePage #purchasesView .purchaseStage:not(.cartActive) .purchaseStageMain,
body.saleMobilePage #salesView .purchaseStage:not(.cartActive) .purchaseStageMain{display:none!important;min-height:0!important;height:0!important}
}