.hnci2-grid{
display:grid;
grid-template-rows:repeat(2,auto);
grid-auto-flow:column;
grid-auto-columns:calc((100% - 6 * 14px)/7);
gap:14px;
overflow-x:auto;
padding-bottom:6px;
scroll-snap-type:x proximity;
scrollbar-width:thin;
}
.hnci2-item{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
text-decoration:none;
color:#222;
padding:8px;
min-width:0;
scroll-snap-align:start;
}
.hnci2-item img{width:64px;height:64px;object-fit:contain;margin-bottom:6px}
.hnci2-item span{font-size:14px;line-height:1.25}
@media (max-width:768px){
.hnci2-grid{
grid-auto-columns:calc((100% - 4 * 10px)/5);
gap:10px;
}
.hnci2-item{padding:6px}
.hnci2-item img{width:52px;height:52px}
.hnci2-item span{font-size:12px}
}