.brands-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 20px;
	margin-top: 30px;
}

.brand-card {
	background: white;
	border: 1px solid #e9ecef;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	transition: all 0.3s;
	text-decoration: none;
}

.brand-card:hover {
	border-color: #2a5bd7;
	box-shadow: 0 5px 15px rgba(42,91,215,0.1);
	transform: translateY(-3px);
}

.brand-card img {
	max-width: 100%;
	max-height: 60px;
	object-fit: contain;
}

.brand-name {
	font-weight: bold;
	color: #333;
	text-align: center;
}