/* VEONET — Comparatif (tableau) */
.veo-cmp-wrap {
	max-width: 760px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #E4E8EC;
	background: #fff;
	box-shadow: 0 10px 30px rgba(11,31,63,.07);
	-webkit-overflow-scrolling: touch;
}
.veo-cmp {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	min-width: 560px;
	font-family: inherit;
}
.veo-cmp th,
.veo-cmp td {
	padding: 14px 16px;
	text-align: center;
	border-bottom: 1px solid #E4E8EC;
	font-size: 14px;
}
.veo-cmp thead th {
	font-weight: 600;
	font-size: 14px;
	color: #161A1F;
	background: #F1F4EF;
}
.veo-cmp thead th.col-veo {
	background: #1457B8;
	color: #fff;
}
.veo-cmp tbody tr:last-child td {
	border-bottom: none;
}
.veo-cmp .crit {
	text-align: left;
	font-weight: 500;
	color: #161A1F;
}
.veo-cmp td.col-veo {
	background: #E8F0FB;
}
.veo-cmp .pos { color: #157A49; font-weight: 700; }
.veo-cmp .neg { color: #D64545; font-weight: 600; }
.veo-cmp .neu { color: #8A929B; }
.veo-cmp-note {
	max-width: 760px;
	margin: 14px auto 0;
	font-size: 12.5px;
	color: #6B747D;
	line-height: 1.5;
	text-align: center;
}

/* --- Mobile : le tableau se transforme en cartes (une par critère) --- */
@media (max-width: 600px) {
	.veo-cmp-wrap {
		overflow: visible;
		border: none;
		background: none;
		box-shadow: none;
		border-radius: 0;
	}
	.veo-cmp { min-width: 0; display: block; }
	.veo-cmp thead { display: none; }
	.veo-cmp tbody, .veo-cmp tr, .veo-cmp td { display: block; }
	.veo-cmp tr {
		background: #fff;
		border: 1px solid #E4E8EC;
		border-radius: 14px;
		overflow: hidden;
		margin-bottom: 11px;
	}
	.veo-cmp tbody tr:last-child { margin-bottom: 0; }
	.veo-cmp td {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		text-align: right;
		padding: 9px 14px;
		border-bottom: 1px solid #E4E8EC;
	}
	.veo-cmp td::before {
		content: attr(data-label);
		font-size: 12px;
		font-weight: 500;
		color: #6B747D;
		text-align: left;
	}
	.veo-cmp tbody tr:last-child td { border-bottom: 1px solid #E4E8EC; }
	.veo-cmp tr td:last-child { border-bottom: none; }
	.veo-cmp td.crit {
		display: block;
		text-align: left;
		background: #F6F8F4;
		font-size: 13px;
		font-weight: 500;
	}
	.veo-cmp td.crit::before { content: none; }
	.veo-cmp td.col-veo { background: #E8F0FB; }
	.veo-cmp td.col-veo::before { color: #0E3F86; }
}