/* Keep the last product reachable above the phone checkout bar. */
@media screen and (max-width:700px),screen and (max-width:900px) and (hover:none) and (pointer:coarse){
#purchasesView .purchaseClone,#salesView .sellClone{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
#purchasesView .purchasePicker,#salesView .sellPicker{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding-bottom:12px!important}
#purchasesView .purchaseProductList,#salesView .purchaseProductList{height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
#purchasesView .purchaseSearchRow,#salesView .purchaseSearchRow{display:grid!important;grid-template-columns:minmax(0,1fr) 38px 38px 38px!important;gap:5px!important;align-items:center!important}
#purchasesView .purchaseSearch,#salesView .purchaseSearch{min-width:0!important;width:100%!important}
#purchasesView .purchaseSearch input,#salesView .purchaseSearch input{min-width:0!important;width:100%!important;font-size:14px!important}
#purchasesView .purchaseBarcodeField,#salesView .purchaseBarcodeField{width:38px!important;min-width:0!important;overflow:hidden!important}
#purchasesView .pickerTool,#salesView .pickerTool{width:38px!important;min-width:0!important;margin:0!important;padding:0!important}
#purchasesView .purchaseProductItem,#salesView .purchaseProductItem{grid-template-columns:46px minmax(0,1fr) 74px!important;gap:8px!important}
#purchasesView .purchaseProductItem .prodIcon,#salesView .purchaseProductItem .prodIcon{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important}
#purchasesView .purchaseProductItem .purchaseProductInfo,#salesView .purchaseProductItem .purchaseProductInfo{min-width:0!important}
#purchasesView .purchaseProductItem .purchaseProductName,#salesView .purchaseProductItem .purchaseProductName{white-space:normal!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:1.35!important}
#purchasesView .purchaseProductItem .addWrap,#salesView .purchaseProductItem .addWrap{display:flex!important;width:74px!important;min-width:0!important;position:relative!important}
#purchasesView .purchaseProductItem .addBtn,#salesView .purchaseProductItem .addBtn{width:44px!important;min-width:44px!important;max-width:44px!important;height:36px!important;padding:0!important;font-size:0!important;line-height:1!important;overflow:hidden!important}
#purchasesView .purchaseProductItem .addBtn::after,#salesView .purchaseProductItem .addBtn::after{content:"+"!important;font-size:23px!important}
#purchasesView .purchaseProductItem .addMore,#salesView .purchaseProductItem .addMore{width:30px!important;min-width:30px!important;height:36px!important;padding:0!important}
#purchasesView .purchaseTotalBar,#salesView .sellTotalBar{padding-bottom:env(safe-area-inset-bottom,0px)!important;min-height:62px!important;box-sizing:content-box!important}
}