/*
 * Product page on phones (max-width:767px): there is NO bottom navigation here. The "Add to cart / Buy now" bar owns the
 * bottom edge instead. Every other page keeps the standard bottom navigation (Home, Shop, Cart, Upload Rx, Account), and so
 * do tablets (768-1023px), where the buy box sits beside the product and there is no sticky bar.
 * Loaded on single product pages only, after theme.min.css. Same breakpoint as the sticky bar (.mm-mbar).
 */
@media (max-width:767px){
	body.mm-is-product .tcc-bnav{display:none}
	body.mm-is-product,body.mm-is-product.has-bnav{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
	body.mm-is-product.has-bnav .mm-pdp{padding-bottom:24px}
	body.mm-is-product.has-bnav .mm-mbar{bottom:0;z-index:90;padding:10px var(--gutter,16px) calc(10px + env(safe-area-inset-bottom,0px))}
	body.mm-is-product.has-bnav .chat-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
	body.mm-is-product.has-bnav .mm-toasts{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}