.sidebar-overlay{z-index:25;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#34250a57;border:0;transition:opacity .2s;display:none;position:fixed;inset:0}@media (width>=1025px) and (width<=1366px){.sidebar{width:220px}.main{margin-left:220px}.brand{padding-inline:16px}.nav{padding-inline:9px}.nav-link{padding-inline:10px}.content{padding:21px 20px 36px}.topbar{padding-inline:20px}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:14px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.product-tile{min-height:112px}}@media (width<=1024px){body.tablet-nav-open{overflow:hidden}.sidebar{width:268px;box-shadow:none;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:18px 0 50px #39260540}.sidebar.open+.sidebar-overlay{opacity:1;pointer-events:auto;display:block}.main{margin-left:0}.menu-btn{color:#684915;background:#fff6df;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.topbar{padding-inline:18px}.content{padding:20px 18px 36px}.pos-layout{grid-template-columns:minmax(0,1fr)}.cart-card{position:static}.product-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:52vh}.product-tile{min-height:118px}.filter-bar{gap:12px}.filter-bar .field{min-width:180px}.table th,.table td{padding:13px 12px}}@media (width<=900px){.page-head{align-items:stretch}.page-head .actions{width:100%}.page-head .actions>*{flex:1}.grid-3{grid-template-columns:1fr}.grid-3>.span-2{grid-column:span 1}.product-toolbar{z-index:3;background:#fffdf8;position:sticky;top:0}.logo-setting{align-items:flex-start}}@media (width<=1024px) and (orientation:portrait){.product-grid{max-height:48vh}.cart-items{max-height:36vh}.card-head{padding:17px 18px}}@media (pointer:coarse){.btn{min-height:44px;padding:10px 16px}.btn-sm{min-height:40px;padding:8px 12px}.input,.select{min-height:46px}.textarea{min-height:92px}.nav-link{min-height:47px}.product-tile{touch-action:manipulation}.qty-control button{width:38px;height:38px;font-size:18px}.qty-control input{width:64px;height:38px}.logout-btn{min-width:44px;min-height:44px}input,select,textarea{font-size:16px}}@media (width<=600px){.content,.topbar{padding-inline:12px}.topbar-title p{display:none}.product-toolbar{flex-direction:column}.product-toolbar .select{max-width:none!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.logo-setting{flex-direction:column}}
