/* =========================================================================
   Comparison table ("Почему мы лучше")
   ========================================================================= */
.table-wrap {
	max-width: 1200px;
	margin: 0 auto;
	border-radius: var(--r-lg);
	overflow: hidden;
	border: 1px solid var(--border);
	box-shadow: var(--shadow-md);
	background: #fff;
}
.ctable {
	width: 100%;
	border-collapse: collapse;
}
.ctable thead th {
	padding: 20px 32px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--text-muted);
	text-align: left;
	background: #f7f8fa;
}
.ctable thead th:last-child {
	background: var(--blue);
	color: #fff;
	text-align: left;
}
.ctable tbody td {
	padding: 20px 32px;
	font-size: 15px;
	border-top: 1px solid var(--border-soft);
}
.ctable tbody tr:nth-child(even) {
	background: #fafbfd;
}
.ctable td:first-child {
	font-weight: 600;
	color: var(--ink-2);
}
.ctable td:last-child {
	background: rgba(2, 89, 255, 0.035);
}
.cell {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 13.5px;
	padding: 5px 12px;
	border-radius: 999px;
}
.cell svg {
	width: 15px;
	height: 15px;
	flex: none;
}
.cell--no {
	color: #dc2626;
	background: #fdeceb;
}
.cell--yes {
	color: #16a34a;
	background: #e8f6ee;
}
.cell--warn {
	color: #ea8a0c;
	background: #fdf0e0;
}

@media (max-width: 680px) {
	/* Comparison table → stacked cards on mobile */
	.table-wrap {
		border: 0;
		box-shadow: none;
	}
	.ctable,
	.ctable tbody,
	.ctable tr,
	.ctable td {
		display: block;
		width: 100%;
	}
	.ctable thead {
		display: none;
	}
	.ctable tbody tr {
		background: #fff !important;
		border: 1px solid var(--border);
		border-radius: var(--r-lg);
		margin-bottom: 14px;
		padding: 6px 4px;
		box-shadow: var(--shadow-sm);
	}
	.ctable tbody td {
		border-top: 0;
		padding: 11px 18px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ctable tbody td:not(:first-child) {
		border-top: 1px solid var(--border-soft);
	}
	.ctable td:first-child {
		font-size: 15px;
		padding-bottom: 12px;
	}
	.ctable td:last-child {
		background: transparent;
	}
	.ctable td[data-label]::before {
		content: attr(data-label);
		font-size: 13px;
		font-weight: 500;
		color: var(--text-muted);
	}
}