/* Add/Remove */
.comparison .comparison-add,
.comparison.added .comparison-remove,
.comparison.added.can_compare .comparison-go,
.comparison.added .comparison-flag {
	display: flex;
}
.comparison.added .comparison-add,
.comparison .comparison-remove,
.comparison .comparison-go,
.comparison .comparison-flag {
	display: none;
}
.comparison .loading {
	opacity: 0.5;
}

/* Add/Remove f search autocomplete */
.comparison-search .comparison-add,
.comparison-search .comparison-remove,
.comparison-search .comparison-go {
	font-size: .525rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02rem;
	line-height: 1;
	padding: .25rem .325rem;
	background-color: #ddd;
	border-radius: .25rem;
	white-space: nowrap;
	align-items: center;
	border: 0;
	margin-top: 0.375rem;
}
.comparison-search .comparison-add,
.comparison-search .comparison-go {
	background-color: #1dadac;
	color: #fff;
}
.comparison-search .comparison-add:hover,
.comparison-search .comparison-add:focus,
.comparison-search .comparison-go:hover,
.comparison-search .comparison-go:focus {
	background-color: #199898;
}
.comparison-search .comparison-remove {
	background-color: #da291c;
	color: #fff;
}
.comparison-search .comparison-remove:hover,
.comparison-search .comparison-remove:focus {
	background-color: #bf2419;
}

/* Add/Remove f product page */
.comparison-page .comparison-add,
.comparison-page .comparison-remove,
.comparison-page .comparison-go {
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02rem;
	line-height: 1;
	padding: .375rem .5rem;
	background-color: #ddd;
	border-radius: .25rem;
	white-space: nowrap;
	align-items: center;
	border: 0;
}
.comparison-page .comparison-add,
.comparison-page .comparison-go {
	background-color: #1dadac;
	color: #fff;
}
.comparison-page .comparison-add:hover,
.comparison-page .comparison-add:focus,
.comparison-page .comparison-go:hover,
.comparison-page .comparison-go:focus {
	background-color: #199898;
}
.comparison-page .comparison-remove {
	background-color: #da291c;
	color: #fff;
}
.comparison-page .comparison-remove:hover,
.comparison-page .comparison-remove:focus {
	background-color: #bf2419;
}

/* Add/Remove f product item */
.comparison-item .comparison-add,
.comparison-item .comparison-remove {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02rem;
	line-height: 1;
	align-items: center;
	background-color: transparent;
	border: 0;
}
@media screen and (max-width: 991px) {
	.comparison-item .comparison-add,
	.comparison-item .comparison-remove {
		position: static;
	}
}
.comparison-item .comparison-add {
	color: #1dadac;
}
.comparison-item .comparison-add:hover {
	color: #199898;
}
.comparison-item .comparison-remove {
	color: #da291c;
}
.comparison-item .comparison-remove:hover {
	color: #bf2419;
}
.comparison-item-flag-btn { /* вынести размеры в классы для product-default и product-compact файла add.css  */
	display: none;
	background-color: transparent;
	padding: 0;
	border: 0;
}
.comparison-item-flag-btn.added {
	display: block;
	opacity: 0.65;
}
.comparison-item-flag-btn:hover {
	opacity: 1;
}

/* Table */
.comparison-table .comparison-remove {
	opacity: 0.35;
	transition: opacity 0.2s;
}
.comparison-table .comparison-remove:hover {
	opacity: 0.65;
}
.comparison-table .comparison-remove img {
	height: 0.75rem;
}
.comparison-table .comparison-params .active {
	font-weight: 700;
}
.comparison-table .field-price {
	color: #da291c;
}
.comparison-table .same {
	display: none;
}
.comparison-table .same div:not(:first-of-type) {
	background-color: #eee;
	color: #777;
}

/* Widget */
.comparison-widget {
	display: none;
}
.comparison-widget.added.can_compare {
	display: block;
}
.comparison-widget #comparison-step-1,
.comparison-widget #comparison-step-2 {
	display: none;
}
.comparison-widget #comparison-step-1.show,
.comparison-widget #comparison-step-2.show {
	display: block;
}

/* Navbar */
.comparison-popover .badge {
	display: none;
}

/* Modal */
.comparison-modal-item:hover {
	background-color: #eee;
}
.comparison-modal-item .inner {
	background-color: #f8f9ff;
	transition: transform .25s ease-in-out;
}
.comparison-modal-item:hover .inner {
	background-color: #eee;
	transform: translateX(1.5rem);
}
.comparison-modal-item .inner .overlay {
	opacity: 0;
	visibility: hidden;
}
.comparison-modal-item:hover .inner .overlay {
	opacity: 1;
	visibility: visible;
	background: linear-gradient(90deg, rgba(238,238,238,0) 70%, rgba(238,238,238,1) 90%);
}
.comparison-modal-item .image {
	height: 3.75rem;
	width: 3.75rem;
}
@media screen and (max-width: 991px) {
	.comparison-modal-item .image {
		height: 3rem;
		width: 3rem;
	}
}
.comparison-modal-item .image img {
	height: 100%;
	mix-blend-mode: multiply;
}
.comparison-modal-item .title {
	font-weight: 500;
}
.comparison-modal-item .price {
	letter-spacing: .05rem;
}
.comparison-modal-item .comparison-modal-item-remove {
	visibility: hidden;
	opacity: 0;
	transition: visibility .25s ease-in-out, opacity .25s ease-in-out;
}
.comparison-modal-item .comparison-modal-item-remove img {
	width: 1rem;
}
.comparison-modal-item:hover .comparison-modal-item-remove {
	visibility: visible;
	opacity: 0.65;
}
.comparison-modal-item .comparison-modal-item-remove:hover {
	opacity: 1;
}
#comparisonModal .comparison-clear-list:hover {
	text-decoration: underline;
}