/* Laptop order view uses the full window width, without side gutters. */
@media(min-width:1101px) and (max-width:1800px){
html[data-touch-theme] body.menu-item-1{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html[data-touch-theme] body.menu-item-1 #body,
html[data-touch-theme] body.menu-item-1 #body #content,
html[data-touch-theme] body.menu-item-1 #body #content :has(>#mainOrderList){box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
}

/* Mobile orders span the viewport; retain padding inside each order. */
@media screen and (max-width:700px){
html[data-touch-theme] body.menu-item-1:has(#mainOrderList){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html[data-touch-theme] body.menu-item-1:has(#mainOrderList) #body#body,
html[data-touch-theme] body.menu-item-1 #body #content,
html[data-touch-theme] body.menu-item-1 #body #content :is(.orders-wrapper,.orders-view),
html[data-touch-theme] body.menu-item-1 #body #content :has(>#mainOrderList){box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important;min-width:0!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}
html[data-touch-theme] body.menu-item-1 #body #content #mainOrderList>tbody.mobile-order-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
}