/* Logo wall (patterns/kit-logo-grid.php). Still grid with hairlines; logos greyed until hover. */
.sp-kit-logo-grid .sp-kit-logo-grid__label { text-align: center; }
.sp-kit-logo-grid .sp-kit-logo-grid__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid var(--kit-line);
	border-left: 1px solid var(--kit-line);
}
@media (min-width: 768px) {
	.sp-kit-logo-grid .sp-kit-logo-grid__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.sp-kit-logo-grid .sp-kit-logo-grid__cell {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
	padding: 24px;
	border-right: 1px solid var(--kit-line);
	border-bottom: 1px solid var(--kit-line);
}
@media (min-width: 1024px) {
	.sp-kit-logo-grid .sp-kit-logo-grid__cell { min-height: 160px; }
}
.sp-kit-logo-grid .sp-kit-logo-grid__logo { margin: 0; }
.sp-kit-logo-grid .sp-kit-logo-grid__logo img { width: auto; max-width: 150px; max-height: 52px; object-fit: contain; opacity: 0.8; filter: grayscale(1); transition: opacity 0.2s, filter 0.2s; }
.sp-kit-logo-grid .sp-kit-logo-grid__cell:hover img { opacity: 1; filter: none; }
.sp-kit-logo-grid.is-style-sp-dark .sp-kit-logo-grid__logo img,
.sp-kit-logo-grid.is-style-sp-blue .sp-kit-logo-grid__logo img { filter: grayscale(1) brightness(0) invert(1); }