.abi-grid{
	display:grid;
	grid-template-columns:repeat(var(--abi-cols,4),minmax(0,1fr));
	gap:12px;
	align-items:start;
}
.abi-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-decoration:none;
	border-radius:12px;
	padding:10px;
	transition:transform .12s ease, box-shadow .12s ease;
	box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
	background:#fff;
}
.abi-item:hover,.abi-item:focus{
	transform:translateY(-2px);
	box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.abi-icon{
	display:block;
	border-radius:14px;
	overflow:hidden;
	background:#f3f4f6;
}
.abi-icon img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}
.abi-label{
	margin-top:8px;
	font-size:12px;
	line-height:1.2;
	text-align:center;
	color:#111827;
}
.abi-placeholder{
	display:block;
	width:100%;
	height:100%;
	background: repeating-conic-gradient(from 45deg, #e5e7eb 0% 25%, #f5f6f7 0% 50%) 50% / 12px 12px;
}
/* Responsive */
@media (max-width: 600px){
	.abi-grid{ gap:10px; }
}