/* Vertical paged menu; loaded after all legacy layout rules. */
body.admin-page.pos-mode #admin-pos-panel .pos-menu-viewport{overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;height:clamp(320px,60vh,660px)!important;min-height:0!important}
body.admin-page.pos-mode #admin-pos-panel .pos-menu-track{display:flex!important;flex-flow:column nowrap!important;width:100%!important;min-width:0!important;height:100%!important}
body.admin-page.pos-mode #admin-pos-panel .pos-page{flex:0 0 100%!important;width:100%!important;min-width:0!important;height:100%!important;min-height:100%!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;box-sizing:border-box!important}
@media(max-width:700px){
body:has(.site-header) #thuc-don .product-category-products{display:flex!important;flex-flow:column nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;height:100%!important;min-height:0!important}
body:has(.site-header) #thuc-don .product-category-products>.product-menu-page{flex:0 0 100%!important;min-height:100%!important;height:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
}
#product-detail-dialog[open]{position:fixed!important;inset:0!important;margin:auto!important;box-sizing:border-box!important;width:min(780px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow-x:hidden!important;overflow-y:auto!important;transform:none!important}
#product-detail-dialog .detail-copy,#product-detail-dialog .detail-order-controls,#product-detail-dialog .detail-purchase-row{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#product-detail-dialog .detail-copy{color:#302317!important}
#product-detail-dialog label{color:#304829!important}
@media(max-width:700px){
#product-detail-dialog[open]{display:block!important;height:auto!important;max-height:calc(100dvh - 20px)!important}
#product-detail-dialog .detail-photo{height:150px!important;min-height:0!important;max-width:100%!important;object-fit:cover!important}
#product-detail-dialog .detail-copy{display:flex!important;flex-direction:column!important;padding:16px!important}
#product-detail-dialog .detail-order-controls{order:1!important;width:100%!important}
#product-detail-dialog dl{order:2!important}
#product-detail-dialog .detail-purchase-row{display:flex!important;flex-wrap:wrap!important;position:static!important;gap:8px!important;width:100%!important}
#product-detail-dialog .detail-quantity-control{flex:0 0 100%!important;width:100%!important;display:grid!important;grid-template-columns:44px 1fr 44px!important}
#product-detail-dialog .detail-purchase-actions{flex:0 0 100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
#product-detail-dialog .detail-purchase-actions button{min-width:0!important;white-space:normal!important;font-size:14px!important;padding:10px 6px!important}
#product-detail-dialog .product-detail-close{position:absolute!important;top:8px!important;right:8px!important;margin:0!important;float:none!important}
}

@media(min-width:701px){
body:has(.site-header) #thuc-don .product-category-products{display:flex!important;flex-direction:column!important;height:680px!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;touch-action:pan-y!important}
body:has(.site-header) #thuc-don .product-menu-page{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px!important;flex:0 0 100%!important;height:100%!important;min-height:100%!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important}
body:has(.site-header) #thuc-don .product-menu-page .product-card{min-height:0!important;overflow:auto!important}
}
