.tabs {
	display:flex;
	gap:6px;
	flex-wrap:wrap;
	margin-bottom:14px
}

.tabs a.active {
	background:var(--acc);
	color:#fff;
	border-color:var(--acc)
}

#carte {
	align-items:start;
}

.carte-categorie {
	width:100%;
}

.carte-categorie + .carte-categorie {
	margin-top:25px;
}

.carte-categorie-title {
	font-size:17px;
	margin:0px 0 8px
}

h2.carte-categorie-title {
	font-size:25px;
	font-weight: 550;
}

.carte-no-image-item {
	width:100%;
	height:140px;
	background:#eee;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:32px
}

.grid {
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
	gap:15px
}

.card {
	background:var(--card);
	border:1px solid var(--bd);
	border-radius:10px;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	display:flex;
	flex-direction:column;
	transition:transform .2s ease,box-shadow .2s ease;
	height: 100%;
}

@media (hover: hover) {
	.card:hover {
		transform:scale(1.05);
		box-shadow:0 4px 16px rgba(0,0,0,.15);
		text-decoration: none;
	}
}

.card img {
	width:100%;
	height: 175px;
	object-fit:cover;
	background:#eee
}

.card .body {
	padding:10px 11px;
	display:flex;
	flex-direction:column;
	flex:1;
	align-items:start;
	justify-content:space-between;
}

.card .name {
	font-weight:600;
	font-size:16px;
	line-height:1.25;
	font-family:var(--font-title)
}

.card .description {
	font-size:14px;
	margin-top:3px;
	color:var(--color-body-light);
	line-height:1.25;
}

.card .footer {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	margin-top:4px;
	font-size:13px;
	color:var(--color-body-light);
	font-style: italic;
}

/* ############### Mobile ############### */
@media (max-width: 700px) {
	.tabs {
		gap:5px;
		margin-bottom:10px;
	}

	.grid {
		grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
		gap:15px;
		align-items:center;
	}

	.card img, .carte-no-image-item {
		height:150px;
	}

	h2.carte-categorie-title {
		font-size:24px;
	}

	.carte-categorie + .carte-categorie {
		margin-top:18px;
	}
}
