/* Product compare */

/* ===== Header: same as favourite / cart ===== */
.header-btn.compare-btn{color:#ccd8dc!important;margin:0 0 0 25px}
.header-btn.compare-btn i{margin:0 10px 0 0;-webkit-transition:.3s;transition:.3s;position:relative;font-style:normal}
.header-btn.compare-btn:hover{color:#fff!important}
.header-btn.compare-btn:hover i{color:#f4a111!important}
.header-btn.compare-btn i .number{
	width:13px;height:13px;display:block;position:absolute;right:-7px;top:-2px;text-align:center;
	-webkit-border-radius:50%;border-radius:50%;background-color:#ff2549;font-style:normal;font-size:8px;font-weight:400;
	font-family:"OpenSansRegular",sans-serif;line-height:13px;color:#fff!important;overflow:hidden
}
/* compare icon via SVG mask-like background (fontello has no compare glyph) */
.icon-compare{
	display:inline-block;width:1em;height:1em;vertical-align:middle;position:relative;
}
.icon-compare:before{
	content:''!important;
	display:inline-block;width:18px;height:16px;vertical-align:middle;
	background:center/contain no-repeat;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccd8dc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
	font-family:inherit!important;
}
.header-btn.compare-btn:hover .icon-compare:before{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4a111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
}
@media (max-width:991px){
	.header-btn.compare-btn{margin:0 0 0 15px}
	.header-btn.compare-btn i{margin:0 7px 0 0}
	.header-btn.compare-btn i .number{display:none}
}
@media (max-width:767px){
	.header-btn.compare-btn{margin:0}
}

/* ===== Product / catalog buttons: like .add-to-favourite-btn ===== */
button.js-compare-toggle,
a.js-compare-toggle,
.add-to-compare-btn,
.product__compare-btn{
	float:left;
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:6px;
	white-space:nowrap;
	background-color:#ff2549;
	margin:0 0 0 6px;
	-webkit-box-shadow:none;box-shadow:none;
	outline:none;border:none;
	font:normal .8125em OpenSansSemiBoldItalic,sans-serif;
	height:32px;
	-webkit-border-radius:6px;border-radius:6px;
	padding:0 12px 2px 12px;
	color:#fff!important;
	text-decoration:none!important;
	-webkit-transition:.3s;transition:.3s;
	cursor:pointer;
	line-height:1;
	box-sizing:border-box;
}
button.js-compare-toggle:hover,
a.js-compare-toggle:hover,
.add-to-compare-btn:hover,
.product__compare-btn:hover{
	background-color:#e01f40;
	color:#fff!important;
}
button.js-compare-toggle .compare-ico,
.add-to-compare-btn .compare-ico,
.product__compare-btn .compare-ico{
	display:inline-block;width:16px;height:16px;flex:0 0 16px;
	background:center/contain no-repeat;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
}
button.js-compare-toggle.is-active,
button.js-compare-toggle.active,
.add-to-compare-btn.is-active,
.add-to-compare-btn.active{
	background-color:#c41b37;
}

/* Overlay / grid cart area: match white pill "В корзину" */
.product__overlay .js-compare-toggle,
.product__add-to-cart-wrap .js-compare-toggle,
.product__add-to-cart-wrap-dop .js-compare-toggle,
.product-view-list__price-wrap .js-compare-toggle{
	float:none;
	display:inline-flex;
	margin:8px 0 0;
	height:36px;
	padding:0 16px;
	background:#fff;
	color:#ff2549!important;
	border:1px solid #ff2549;
	-webkit-border-radius:22px;border-radius:22px;
	font:normal .8125em OpenSansBold,sans-serif;
	font-style:normal;
	text-transform:uppercase;
}
.product__overlay .js-compare-toggle:hover,
.product__add-to-cart-wrap .js-compare-toggle:hover,
.product__add-to-cart-wrap-dop .js-compare-toggle:hover,
.product-view-list__price-wrap .js-compare-toggle:hover{
	background:#ff2549;
	color:#fff!important;
}
.product__overlay .js-compare-toggle .compare-ico,
.product__add-to-cart-wrap .js-compare-toggle .compare-ico,
.product__add-to-cart-wrap-dop .js-compare-toggle .compare-ico,
.product-view-list__price-wrap .js-compare-toggle .compare-ico{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff2549' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
}
.product__overlay .js-compare-toggle:hover .compare-ico,
.product__add-to-cart-wrap .js-compare-toggle:hover .compare-ico,
.product__add-to-cart-wrap-dop .js-compare-toggle:hover .compare-ico,
.product-view-list__price-wrap .js-compare-toggle:hover .compare-ico{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
}
.product__overlay .js-compare-toggle.is-active,
.product__add-to-cart-wrap .js-compare-toggle.is-active,
.product__add-to-cart-wrap-dop .js-compare-toggle.is-active{
	background:#ff2549;
	color:#fff!important;
}
.product__overlay .js-compare-toggle.is-active .compare-ico,
.product__add-to-cart-wrap .js-compare-toggle.is-active .compare-ico,
.product__add-to-cart-wrap-dop .js-compare-toggle.is-active .compare-ico{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='7' height='16' rx='1'/%3E%3Crect x='14' y='4' width='7' height='16' rx='1'/%3E%3C/svg%3E");
}

/* Detail card: sit next to favourite */
.rel .add-to-compare-btn,
.product-card-img-wrap .add-to-compare-btn,
.add-to-favourite-btn + .js-compare-toggle,
.add-to-favourite-btn + .add-to-compare-btn{
	margin-left:6px;
}

/* ===== Compare page ===== */
.compare-page { padding-bottom: 40px; }
.compare-toolbar {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: 12px; margin: 0 0 16px;
}
.compare-diff-toggle { font-size: 14px; cursor: pointer; user-select: none; }
.compare-toolbar-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.compare-clear {
	background: transparent; border: 1px solid #999; padding: 6px 12px; cursor: pointer; font-size: 13px;
}
.compare-back { font-size: 14px; }
.compare-empty { text-align: center; padding: 48px 16px; max-width: 520px; margin: 0 auto; }
.compare-empty p { margin-bottom: 20px; line-height: 1.45; }
.compare-btn-catalog { display: inline-block; }
.compare-scroll {
	width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
	border: 1px solid #e2e2e2; background: #fff;
}
.compare-table { border-collapse: collapse; min-width: 100%; width: max-content; }
.compare-table th, .compare-table td {
	border: 1px solid #ececec; padding: 10px 12px; vertical-align: top; font-size: 13px; text-align: left;
}
.compare-col-label { min-width: 140px; max-width: 180px; background: #f7f7f7; font-weight: 600; }
.sticky-label { position: sticky; left: 0; z-index: 2; box-shadow: 2px 0 4px rgba(0,0,0,.04); }
.compare-col-product { min-width: 160px; max-width: 200px; width: 180px; background: #fff; }
.compare-product-card { position: relative; text-align: center; padding-top: 8px; }
.compare-remove {
	position: absolute; top: 0; right: 0; border: 0; background: #eee;
	width: 28px; height: 28px; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 1;
}
.compare-img-link { display: block; margin: 0 auto 8px; }
.compare-img-link img { display: block; margin: 0 auto; max-width: 140px; height: auto; object-fit: cover; }
.compare-name { display: block; font-weight: 600; font-size: 13px; line-height: 1.3; margin-bottom: 6px; color: inherit; text-decoration: none; }
.compare-name:hover { text-decoration: underline; }
.compare-articul { color: #777; font-size: 12px; margin-bottom: 4px; }
.compare-price { font-size: 16px; font-weight: 700; margin: 4px 0; }
.compare-price-opt { font-size: 12px; color: #555; margin-bottom: 4px; }
.compare-stock { font-size: 12px; margin-bottom: 8px; }
.compare-stock.is-in { color: #2d6a4f; }
.compare-stock.is-out { color: #c0392b; }
.compare-add-cart { width: 100%; margin-top: 4px; }
.compare-add-cart.is-disabled, .compare-add-cart:disabled { opacity: .45; cursor: not-allowed; }
.compare-badge-off { font-size: 12px; color: #c0392b; margin-bottom: 6px; }
.compare-unavailable { opacity: .55; }
@media (max-width: 767px) {
	.compare-col-product { min-width: 46vw; width: 46vw; max-width: 46vw; }
	.compare-col-label { min-width: 112px; max-width: 112px; font-size: 12px; }
	.compare-toolbar { flex-direction: column; align-items: flex-start; }
}