/**
 * Product compare — grid icon + compare page table + sticky bar.
 */

:root {
	--cuvys-ec-compare-mask: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4L3 8L7 12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 8H14' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17 20L21 16L17 12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 16H10' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	--cuvys-ec-compare-check-mask: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 13L9 17L19 7' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--cuvys-ec-compare-active-bg: #1a1a1a;
	--cuvys-ec-compare-active-bg-hover: #333333;
	--cuvys-ec-compare-active-border: #1a1a1a;
	--cuvys-ec-compare-active-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
	--cuvys-ec-compare-bar-height: 2.75rem;
}

/* ----- Compare icon button (inherits PLP presets) ----- */
.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.92);
	background: rgba(0, 0, 0, 0.52);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	transition: background 0.2s ease, border-color 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn:hover,
.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn:focus-visible {
	background: rgba(0, 0, 0, 0.55);
	border-color: #fff;
	outline: none;
}

/*
 * Compare glyph — SVG mask (Woodmart-style wd-action-icon), not PNG + invert.
 */
button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon,
.cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon {
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background: none !important;
	background-image: none !important;
	filter: none !important;
}

button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon::before,
.cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	background-color: currentColor;
	-webkit-mask-image: var(--cuvys-ec-compare-mask);
	mask-image: var(--cuvys-ec-compare-mask);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.2s ease, -webkit-mask-image 0.15s ease, mask-image 0.15s ease;
}

/* Dark semi-transparent image toolbar: white arrows */
.cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn],
.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn {
	color: #fff;
}

body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare {
	flex: 0 0 46px;
	flex-shrink: 0;
	width: 46px;
	min-width: 46px;
	min-height: 46px;
	height: auto;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 50%;
	background: #fff;
	color: #111;
	cursor: pointer;
	align-self: center;
	-webkit-appearance: none;
	appearance: none;
}

body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon {
	width: 20px;
	height: 20px;
}

/* Added to compare — Woodmart-style: dark filled circle + white check (shop grid / fallback). */
body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare,
.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.is-in-compare {
	background: var(--cuvys-ec-compare-active-bg) !important;
	border-color: var(--cuvys-ec-compare-active-border) !important;
	box-shadow: var(--cuvys-ec-compare-active-shadow) !important;
	color: #fff !important;
}

body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare:hover,
body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare:focus-visible,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare:hover,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare:focus-visible,
.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.is-in-compare:hover,
.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.is-in-compare:focus-visible {
	background: var(--cuvys-ec-compare-active-bg-hover) !important;
	border-color: var(--cuvys-ec-compare-active-bg-hover) !important;
}

body.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare .cuvys-ec-compare-icon::before,
.cuvys-ec-plp-widget.cuvys-ec-plp-style-buttons-on-hover ul.products li.product .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare.is-in-compare .cuvys-ec-compare-icon::before,
.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.is-in-compare .cuvys-ec-compare-icon::before,
button[data-cuvys-ec-compare-btn].is-in-compare:not(.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn) .cuvys-ec-compare-icon::before {
	background-color: #fff !important;
	-webkit-mask-image: var(--cuvys-ec-compare-check-mask) !important;
	mask-image: var(--cuvys-ec-compare-check-mask) !important;
}

/* Image-overlay toolbar: added = white circle + dark check */
.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.is-in-compare {
	background: #fff !important;
	border-color: #fff !important;
	box-shadow: var(--cuvys-ec-compare-active-shadow) !important;
	color: #1a1a1a !important;
}

.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.is-in-compare:hover,
.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.is-in-compare:focus-visible {
	background: #f3f3f3 !important;
	border-color: #f3f3f3 !important;
}

.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.is-in-compare .cuvys-ec-compare-icon::before {
	background-color: #1a1a1a !important;
	-webkit-mask-image: var(--cuvys-ec-compare-check-mask) !important;
	mask-image: var(--cuvys-ec-compare-check-mask) !important;
}

/* Classic grids (no preset hooks): keep icon compact near card actions */
.cuvys-ec-compare-wrap-fallback {
	margin-top: 0.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: #fff;
	color: #111;
}

.cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon {
	width: 20px;
	height: 20px;
}

/*
 * Shop grid density (2 / 3 / 4 columns from toolbar): scale compare icon + circular buttons.
 * `data-cuvys-ec-shop-grid-cols` is set on the tagged `ul.products` (PHP + {@see cuvys-ec-shop-per-page.js}).
 * `.columns-N` fallbacks cover first paint before JS or non-standard DOM.
 */
ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
ul.products.columns-4 .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
.site-main .columns-4 ul.products .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	width: 34px;
	height: 34px;
}

ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon,
ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
ul.products.columns-4 .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon,
ul.products.columns-4 .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
.site-main .columns-4 ul.products .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon {
	width: 18px;
	height: 15px;
}

ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare,
ul.products.columns-4 .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare,
.site-main .columns-4 ul.products .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare {
	width: 42px;
	min-width: 42px;
	min-height: 42px;
	flex-basis: 42px;
}

ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon,
ul.products.columns-4 .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon,
.site-main .columns-4 ul.products .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon {
	width: 24px;
	height: 20px;
}

ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
ul.products.columns-4 .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
.site-main .columns-4 ul.products .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	width: 36px;
	height: 36px;
}

ul.products[data-cuvys-ec-shop-grid-cols="4"] .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
ul.products.columns-4 .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
.site-main .columns-4 ul.products .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon {
	width: 20px;
	height: 17px;
}

/* 2 columns: wider tiles → larger chrome */
ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
ul.products.columns-2 .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
.site-main .columns-2 ul.products .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	width: 42px;
	height: 42px;
}

ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon,
ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
ul.products.columns-2 .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon,
ul.products.columns-2 .cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
.site-main .columns-2 ul.products .cuvys-ec-plp-toolbar button[data-cuvys-ec-compare-btn] .cuvys-ec-compare-icon {
	width: 25px;
	height: 21px;
}

ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare,
ul.products.columns-2 .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare,
.site-main .columns-2 ul.products .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare {
	width: 50px;
	min-width: 50px;
	min-height: 50px;
	flex-basis: 50px;
}

ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon,
ul.products.columns-2 .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon,
.site-main .columns-2 ul.products .cuvys-ec-plp-hover-actions .cuvys-ec-plp-hover-actions__compare .cuvys-ec-compare-icon {
	width: 30px;
	height: 25px;
}

ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
ul.products.columns-2 .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn,
.site-main .columns-2 ul.products .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn.cuvys-ec-plp-toolbar__btn {
	width: 44px;
	height: 44px;
}

ul.products[data-cuvys-ec-shop-grid-cols="2"] .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
ul.products.columns-2 .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon,
.site-main .columns-2 ul.products .cuvys-ec-compare-wrap-fallback .cuvys-ec-compare-toolbar__btn .cuvys-ec-compare-icon {
	width: 26px;
	height: 22px;
}

/* ----- Compare page table ----- */
.cuvys-ec-compare-table-wrap {
	overflow-x: auto;
	margin: 0 0 2rem;
	-webkit-overflow-scrolling: touch;
}

table.cuvys-ec-compare-table.cuvys-ec-compare-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	table-layout: auto;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
	border-radius: 6px;
	overflow: hidden;
}

.cuvys-ec-compare-table th,
.cuvys-ec-compare-table td {
	vertical-align: top;
	padding: 1rem 0.875rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	text-align: start;
	font-size: 0.9375rem;
	line-height: 1.55;
	background: transparent;
}

.cuvys-ec-compare-table thead th {
	background: rgba(0, 0, 0, 0.02);
	font-weight: 600;
}

.cuvys-ec-compare-table .cuvys-ec-compare-th {
	position: relative;
	max-width: 280px;
}

.cuvys-ec-compare-table .cuvys-ec-compare-remove-col {
	position: absolute;
	top: 0.5rem;
	inset-inline-end: 0.5rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.08);
	background: #fff;
	color: inherit;
	cursor: pointer;
	line-height: 1;
	z-index: 2;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.cuvys-ec-compare-table .cuvys-ec-compare-remove-col:hover,
.cuvys-ec-compare-table .cuvys-ec-compare-remove-col:focus-visible {
	border-color: rgba(0, 0, 0, 0.35);
	outline: none;
	background: rgba(0, 0, 0, 0.04);
}

.cuvys-ec-compare-table .cuvys-ec-compare-th.cuvys-ec-compare-col-product {
	/* Lets the inner flex stack fill the full row height so the “foot” can sit on the bottom edge. */
	height: 1px;
	vertical-align: top;
}

/* Flex column: image area on top, title + price + ATC pinned to bottom (equal baseline across columns). */
.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-th-stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	box-sizing: border-box;
	min-height: 100%;
	height: 100%;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	row-gap: 0.75rem;
	padding-inline-end: 2.25rem; /* keep long titles clear of the remove (×) control */
}

/* Hoisted image/link (display:contents parents) or any pre-foot node: stay top, don’t grow */
.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-th-stack > *:not(.cuvys-ec-compare-col-foot) {
	flex: 0 0 auto;
	align-self: center;
	max-width: 100%;
}

.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-col-foot {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	flex: 0 0 auto;
	margin-top: auto;
}

.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-col-atc .button {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

/* Outer wrapper: layout-transparent (<th> / Elementor sees children directly). */
.cuvys-ec-compare-col-image {
	display: contents;
}

/*
 * Inner wrapper: layout-transparent — user-verified compare column alignment fix.
 * (Most box properties below are ignored for display:contents; kept to match inspector / cascade.)
 */
.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-col-image__cell {
	display: contents;
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.75rem;
	box-sizing: border-box;
	text-align: center;
	flex: 1 1 100%;
	align-self: center;
	min-width: 0;
	float: none !important;
}

.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-col-image a {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	float: none !important;
}

.cuvys-ec-compare-table .cuvys-ec-compare-th .cuvys-ec-compare-col-image img {
	display: inline-block !important;
	max-width: 220px !important;
	width: auto !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	float: none !important;
	vertical-align: middle;
	box-sizing: border-box;
}

/* Reset theme / Woo alignment utilities inside compare header cells */
.cuvys-ec-compare-th .cuvys-ec-compare-col-image img.alignleft,
.cuvys-ec-compare-th .cuvys-ec-compare-col-image img.alignright,
.cuvys-ec-compare-th .cuvys-ec-compare-col-image img.aligncenter {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.cuvys-ec-compare-col-title {
	display: block;
	margin-bottom: 0.65rem;
}

.cuvys-ec-compare-col-title a {
	font-weight: 600;
	text-decoration: none;
}

.cuvys-ec-compare-col-price {
	margin-bottom: 1rem;
}

.cuvys-ec-compare-row-heading {
	min-width: 160px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 0.78rem;
	color: rgba(0, 0, 0, 0.72);
	vertical-align: top;
}

@media (prefers-reduced-motion: reduce) {
	.cuvys-ec-plp-toolbar .cuvys-ec-compare-toolbar__btn,
	.cuvys-ec-compare-footer-bar__link {
		transition: none;
	}
}

.cuvys-ec-compare-cell .cuvys-ec-compare-in-stock {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.cuvys-ec-compare-cell .cuvys-ec-compare-in-stock::before {
	content: "";
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: #2ea44f;
	display: inline-block;
}

/* ----- Sticky footer bar ----- */
.single-product .cuvys-ec-compare-footer-bar {
	display: none !important;
}

body.cuvys-ec-compare-bar-visible {
	overflow-x: clip;
}

body.cuvys-ec-compare-bar-visible {
	padding-bottom: calc(var(--cuvys-ec-compare-bar-height) + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 992px) {
	body.cuvys-ec-has-mobile-bottom-navbar.cuvys-ec-compare-bar-visible {
		padding-bottom: calc(var(--cuvys-ec-mobile-navbar-height, 62px) + var(--cuvys-ec-compare-bar-height) + env(safe-area-inset-bottom, 0px));
	}

	body.cuvys-ec-has-mobile-bottom-navbar .cuvys-ec-compare-footer-bar {
		bottom: calc(var(--cuvys-ec-mobile-navbar-height, 62px) + env(safe-area-inset-bottom, 0px));
	}
}

.cuvys-ec-compare-footer-bar {
	position: fixed;
	z-index: 99992;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0.56rem max(14px, env(safe-area-inset-left, 0px)) calc(0.56rem + env(safe-area-inset-bottom, 0px));
	box-sizing: border-box;
	background: rgba(18, 18, 22, 0.92);
	box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.12);
	overflow-x: clip;
	overflow-y: hidden;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.cuvys-ec-compare-footer-bar[hidden] {
	display: none !important;
}

.cuvys-ec-compare-footer-bar__link {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.01em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cuvys-ec-compare-footer-bar__link:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.8);
	outline-offset: 2px;
	border-radius: 4px;
}