/* Compact category launcher, shared by customer and counter menu. */
body:has(.site-header) #thuc-don .menu-category-rail{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:70px!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important;margin:0!important;padding:5px 8px!important;box-sizing:border-box!important}
body:has(.site-header) #thuc-don .menu-layout{grid-template-columns:minmax(0,1fr)!important}
body:has(.site-header) #thuc-don .mobile-category-picker,body:has(.site-header) #thuc-don .rail-title,body:has(.site-header) #thuc-don .install-app-trigger{display:none!important}
body:has(.site-header) #thuc-don #category-tabs,.category-icon-rail{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important;scroll-snap-type:x proximity!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:3px 1px 5px!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch}
body:has(.site-header) #thuc-don #category-tabs .category-tab,.category-icon-rail .category-icon-button{box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;min-width:66px!important;max-width:112px!important;min-height:56px!important;padding:5px 9px!important;margin:0!important;border:1px solid #92724f!important;border-radius:12px!important;background:#d7b28a!important;color:#302317!important;text-decoration:none!important;white-space:normal!important;text-align:center!important;font:700 12px/1.2 system-ui!important;scroll-snap-align:start}
body:has(.site-header) #thuc-don #category-tabs .category-tab.active,.category-icon-rail .category-icon-button.active{background:#405c3a!important;color:#fff4df!important;border-color:#405c3a!important}
body:has(.site-header) #thuc-don #category-tabs .category-tab>span{display:none!important}
.category-icon, .category-icon-button>b{font:22px/1 system-ui!important;color:inherit!important}
body.admin-page .pos-category-label{display:none!important}
body.admin-page #pos-category-icons{flex-shrink:0!important}
body.admin-page .pos-toolbar{grid-template-columns:minmax(0,1fr)!important}
@media(max-height:600px){body.admin-page.pos-mode #admin-pos-panel .pos-menu-viewport{height:clamp(160px,45dvh,320px)!important}body:has(.site-header) #thuc-don .product-menu-page .product-title-row h3{font-size:12px!important}}
@media(max-width:360px){body.admin-page .pos-tile-copy h3{font-size:12px!important}.category-icon-button,.category-tab{font-size:11px!important}}

.category-icon-rail button:focus-visible,#category-tabs a:focus-visible{outline:3px solid #302317!important;outline-offset:2px!important}