.main-content:has(.compare-empty:not([hidden])) {
	display: flex;
	flex-direction: column;
}

.main-content:has(.compare-empty:not([hidden])) .article {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.compare-empty[hidden],
.compare__board[hidden],
.compare__toolbar[hidden],
.compare__cats[hidden],
.compare__count[hidden],
.compare-card[hidden],
.compare__spec-row[hidden],
.compare__spec-row[hidden] .compare__spec-label,
.compare__spec-row[hidden] .compare__spec-value,
.compare__spec-value[hidden],
.compare__spec-same[hidden] {
	display: none !important;
}

@media (min-width: 900px) {
	.compare__grid {
		grid-template-columns: 180px repeat(var(--compare-cols, 4), minmax(220px, 280px));
	}
}

.compare-card .card__actions__compare.is-active,
.compare-card [data-action="add-to-compare"].is-active {
	box-shadow: none;
}

.compare-card .card__actions__compare.is-active svg,
.compare-card .card__actions__compare.is-active:hover svg,
.compare-card [data-action="add-to-compare"].is-active svg {
	fill: #FF9B46;
	stroke: #fff;
}

.compare__spec-same {
	grid-column: 1 / -1;
	padding: 16px;
	color: #828897;
	background: #f9f9f9;
	border-radius: 16px;
	line-height: 1.3;
}

.compare__clear {
	--btn-h: auto;
	--btn-fw: 500;
}