/* Enlarged photos apply only to tablet detailRows; classic thumbnails retain their existing size. */
@media(min-width:1101px){
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList[data-order-display-mode="2"] .row td.o-i-img>img,
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList[data-order-display-mode="2"] .row td.o-i-img:hover>img{width:223.08px!important;height:283.92px!important;min-width:223.08px!important;max-width:223.08px!important;min-height:283.92px!important;max-height:283.92px!important;object-fit:contain!important;position:static!important;transform:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList[data-order-display-mode="2"] td.o-i-img{width:280px!important;min-width:264px!important;box-sizing:border-box!important;text-align:center!important}
}
@media(min-width:1101px) and (max-width:1700px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList[data-order-display-mode="2"]>tbody>tr.row:has(>.o-i-name){grid-template-columns:28px 88px minmax(180px,1fr) 160px 280px 32px}}
@media(min-width:1101px){@container pd-orders (max-width:1300px){html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList[data-order-display-mode="2"]>tbody>tr.row:has(>.o-i-name){grid-template-columns:28px 88px minmax(180px,1fr) 160px 280px 32px}}}