.compare-wrapper {
	width: 100%;
	overflow-x: auto;
}
.comparison {
	/* width: 100%; */
	table-layout: fixed;
	border-collapse: collapse;
}
.comparison td:first-child {
	position: sticky;
	left: 0;
	background-color: #fff;
}

a.comparison-remove {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
a.comparison-remove:hover {border-bottom-style: solid;}
a.comparison-remove.active {
	border-bottom: none;
	background: #efefef;
	color: black;
}
.comparison-link + .comparison-link {
	margin-top: 5px;
}

.comparison .comparison-add {display:inline-block;}
.comparison .comparison-remove,
.comparison .comparison-go,
.comparison .comparison-total {display:none;}

.comparison.added .comparison-add {display:none;}
.comparison.added .comparison-remove,
.comparison.added.can_compare .comparison-go,
.comparison.added.can_compare .comparison-total {display:inline-block;}

.comparison .loading {opacity: .7;cursor:default;}
.comparison .loading:hover {text-decoration: none;}


.comparison-table td {
	padding: 5px;
	width: 250px;
	min-width: 250px;
	word-break: break-word;
}
.comparison-table .comparison-head {padding-bottom: 1em;}
.comparison-table .comparison-head img {width: 240px;height: 180px;object-fit: contain;}

.comparison-table .comparison-remove {
	display: inline-block;
	font-weight: normal;
	background: #ffffff;
	margin-top: .5em;
	padding: 0 .2em;
	font-size: .8em;
	color: #333;
}
.comparison-table thead {border-bottom: 1px solid #AAA;}
.comparison-table .comparison-corner {text-align: center;vertical-align: bottom;padding-bottom: 1em;}
.comparison-table .same {display: none;}

.comparison-table tbody .comparison-row:first-child td {padding-top: 2em;}

.comparison-table .field-price {
	font-weight: bold;
}
@media (max-width:640px) {
	.comparison-table td {
		width: 150px;
		min-width: 150px;
	}
	.comparison-table td:first-child {
		padding-left: 0;
	}
}