/* 5.8.97: one broad card with a peek of the next; desktop layouts stay intact. */
.npai-swipe-controls{display:none}
@media(max-width:767px){
 body.np-home570 #can-ho-noi-bat .npai-grid,body.np-home570 #quy-can #npInventoryGrid{display:flex;flex-wrap:nowrap;position:relative;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;padding:3px 2px 12px;scrollbar-width:none;align-items:stretch}
 body.np-home570 #can-ho-noi-bat .npai-grid::-webkit-scrollbar,body.np-home570 #quy-can #npInventoryGrid::-webkit-scrollbar{display:none}
 body.np-home570 #can-ho-noi-bat .npai-grid>.np-unit-card,body.np-home570 #quy-can #npInventoryGrid>.np-unit-card{flex:0 0 90%;min-width:0;max-width:90%;scroll-snap-align:start;scroll-snap-stop:always}
 body.np-home570 #can-ho-noi-bat .npai-grid>.np-unit-card:only-child,body.np-home570 #quy-can #npInventoryGrid>.np-unit-card:only-child{flex-basis:100%;max-width:100%}
 body.np-home570 #can-ho-noi-bat .npai-empty,body.np-home570 #quy-can #npInventoryGrid>.np-empty{flex:0 0 100%;min-width:0}
 body.np-home570 #can-ho-noi-bat .npai-swipe-controls,body.np-home570 #quy-can .np-inventory-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;width:100%;margin:0;color:#456570}
 body.np-home570 #can-ho-noi-bat .npai-swipe-controls[hidden],body.np-home570 #quy-can .np-inventory-controls[hidden]{display:none}
 body.np-home570 #can-ho-noi-bat .npai-swipe-controls button,body.np-home570 #quy-can .np-inventory-controls button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #9cbdbb;border-radius:50%;background:#fff;color:#123e49;font-size:20px;cursor:pointer}
 body.np-home570 #can-ho-noi-bat .npai-swipe-controls button:disabled,body.np-home570 #quy-can .np-inventory-controls button:disabled{opacity:.35;cursor:default}
 body.np-home570 :is(#npaiSwipeStatus,#npInventoryPage){text-align:center;font:600 13px/1.5 var(--np-reading-font,system-ui)}
 body.np-home570 :is(#npaiSwipeStatus,#npInventoryPage)::after{content:'Vuốt để xem thêm';display:block;font-size:11px;font-weight:400;color:#657c82}
 body.np-home570 #quy-can .np-inventory-footer{display:flex;flex-direction:column;gap:12px;margin-top:0}
 body.np-home570 #quy-can .np-inventory-controls{order:-1}
}
.npai-grid:focus-visible,.npai-swipe-controls button:focus-visible{outline:2px solid #087c80;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.npai-grid,#npInventoryGrid{scroll-behavior:auto!important}}