#compare {margin:30px auto 50px}
#compare .subscribe {margin:0}
#compare .compare--actions {
    margin: 0 0 30px;
    gap: 20px;
}
#compare .compare--actions label {
    line-height: 1.2;
    cursor: pointer;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
#compare .compare--actions label:before {width: 18px;height: 18px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--color-blue);vertical-align: middle;transition: var(--duration-fast) background ease;content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M0 7.14922L1.3 5.84922L4.55 9.09922L11.7 1.94922L13 3.24922L4.55 11.6992L0 7.14922Z" fill="white"/></svg>');}
#compare .compare--actions input:checked + label:before {background: var(--color-blue);}
#compare .compare-clear {
    display: inline-flex;
    align-items: center;
    background: none;
    gap: 5px;
}
#compare .compare--actions input:disabled + label {
    opacity: .5;
}
#compare .compare-clear:hover {opacity:.5}
#compare .card__item:hover {
    box-shadow: none;
    transform: none;
}
#compare .product__slider:hover .product__slider-slider {margin-bottom: -10px}
#compare .content__empty {margin-bottom:50px}
#compare .content__empty i {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    filter: none;
    margin-left: 5px;
}
#compare .content__empty .btn {display: inline-flex}
@media screen and (max-width: 991px) {
	#compare .product__slider .product__slider-slider {
		width: 100%;
	}
}