/* Family Food V19 — persistent capture defects: real layout fixes */
:root{--ff-v19-navbar:76px}
html,body{max-width:100%;overflow-x:clip}
/* Prevent the fixed bottom navigation masking content. */
@media(max-width:900px){
 .app-main{padding-bottom:calc(var(--ff-v19-navbar) + env(safe-area-inset-bottom, 0px) + 54px)!important;min-width:0!important}
 .mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;min-height:var(--ff-v19-navbar)!important;box-sizing:border-box!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
 .mobile-bottom-nav>a{min-width:0!important;overflow:visible!important}
 .toast{bottom:calc(var(--ff-v19-navbar) + env(safe-area-inset-bottom,0px) + 14px)!important;max-width:calc(100vw - 30px)!important}
 .review-section{margin-bottom:18px!important}
}
/* Product QR — stop QR canvas, logo and descriptive text colliding */
.product-purchase .qr-product{display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;gap:14px!important;align-items:center!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:14px!important}
.product-purchase .qr-product>div:first-child{min-width:0!important;overflow-wrap:break-word!important}
.product-purchase .qr-product #qr{position:relative!important;display:grid!important;place-items:center!important;width:112px!important;height:112px!important;max-width:100%!important;justify-self:center!important;overflow:hidden!important;padding:5px!important;background:white!important;border:1px solid #e8dad0!important;border-radius:14px!important;box-sizing:border-box!important}
.product-purchase .qr-product #qr .ff-qr-code{position:relative!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;min-width:0!important}
.product-purchase .qr-product #qr .ff-qr-code canvas,.product-purchase .qr-product #qr .ff-qr-code img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.product-purchase .qr-product #qr .ff-qr-logo{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
.review-section .page-head{align-items:start!important;gap:8px!important}
.review-section .page-head h2{font-size:clamp(19px,4.3vw,26px)!important;line-height:1.2!important;overflow-wrap:anywhere}
.review-section #rating-summary{min-width:0!important;display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important}
.review-section #reviews .empty{padding:20px 8px!important;min-height:0!important;text-align:center!important}
@media(max-width:420px){.product-purchase .qr-product{grid-template-columns:minmax(0,1fr) 102px!important;gap:7px!important;padding:10px!important}.product-purchase .qr-product #qr{width:100px!important;height:100px!important}.product-purchase .qr-product>div:first-child .small{font-size:12px!important}}
/* Content privacy, app theme and tap areas */
:root[data-theme=dark] .product-purchase .qr-product #qr{background:white!important}