.modelspec2.container,
.modelSpec2Tpl.container{
	position: relative;
	background-color: var(--main-elements-background-color);
}

.designPlus .modelSpec2Tpl{
	padding:3px 3px 9px 3px;
	box-shadow: var(--box-shadow);
}
.designPlus .modelSpec2Tpl:hover {
	padding:3px 3px 9px 3px;
	box-shadow: var(--box-shadow-hover);
}
body:not(.designPlus) .modelSpec2Tpl {
	box-shadow: var(--box-shadow);
}
body:not(.designPlus) .modelSpec2Tpl:hover {
	outline: 1px solid var(--main-link-color);
}

.modelSpec2Tpl .btn svg.icon {
	fill: currentColor;
}

.product .flags {
	z-index: 10;
	position: absolute;
	margin: 1rem;
}

.wishlist a {
	font-family: Arial, sans-serif !important;
}

.modelspec2 .wishlist,
.modelSpec2Tpl .wishlist,
.productgrid .wishlist,
.flags .wishlist {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 2;
	background-color: rgba(var(--main-wishlist-underlayer-color), var(--main-wishlist-underlayer-opacity));
	border-radius: 50%;
}

.modelspec2 .wishlist svg,
.modelSpec2Tpl .wishlist svg,
.flags .wishlist svg,
.productgrid .wishlist svg {
	width: 20px;
	fill: var(--wishlist-font-color);
}

.modelspec2 .wishlist svg,
.modelSpec2Tpl .wishlist svg,
.flags .wishlist svg,
.productgrid .wishlist svg {
	transition: 0.1s all ease-in-out;
}

.modelspec2 .wishlist svg path:first-child,
.modelSpec2Tpl .wishlist svg path:first-child,
.flags .wishlist svg path:first-child,
.productgrid .wishlist svg path:first-child {
	transition: 0.3s all ease-in-out;
}

.modelspec2 .wishlist > a,
.modelSpec2Tpl .wishlist > a,
.flags .wishlist > a,
.productgrid .wishlist > a {
	outline: none;
	background: var(--main-wishlist-color);
	display: flex;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	padding: 0;
	justify-content: center;
	align-items: center;
}

.modelspec2 .wishlist > a svg,
.modelSpec2Tpl .wishlist > a svg,
.flags .wishlist > a svg,
.productgrid .wishlist > a svg {
	fill: var(--wishlist-active-color);
}

.modelspec2 .wishlist span svg path:first-child,
.modelSpec2Tpl .wishlist span svg path:first-child,
.flags .wishlist span svg path:first-child,
.productgrid .wishlist span svg path:first-child {
	fill: transparent;
}

.modelspec2 .wishlist span.checked svg path,
.modelSpec2Tpl .wishlist span.checked svg path,
.flags .wishlist span.checked svg path,
.productgrid .wishlist span.checked svg path {
	fill: var(--wishlist-active-color);
}

.modelspec2 .wishlist a span:not(.checked) svg:last-child,
.modelSpec2Tpl .wishlist a span:not(.checked) svg:last-child,
.flags .wishlist a span:not(.checked) svg:last-child,
.productgrid .wishlist a span:not(.checked) svg:last-child {
	display: none;
}

.modelspec2 .wishlist a span.checked svg:first-child,
.modelSpec2Tpl .wishlist a span.checked svg:first-child,
.flags .wishlist a span.checked svg:first-child,
.productgrid .wishlist a span.checked svg:first-child {
	display: none;
}

.productgrid ul.products li:not(:hover) .wishlist > a {
	/* background-color:transparent; */
}

.modelspec2 ul.products li:hover .wishlist > a,
.modelspec2 ul.products li:hover .wishlist > a span,
.flags ul.products li:hover .wishlist > a,
.flags ul.products li:hover .wishlist > a span,
.productgrid ul.products li:hover .wishlist > a,
.productgrid ul.products li:hover .wishlist > a span {
	opacity: 1;
}

.productgrid .wishlist span.checked svg path {
	fill: var(--wishlist-active-color);
}

.image + .flags {
	order: 1;
	position: unset;
	z-index: 1;
}

.image + .flags > div {
	position: absolute;
	user-select: none;
}

.image + .flags > div.wishlist {
	background-color: var(--main-wishlist-color);
	padding: .5em;
	left: 0;
	top: 0;
	display: table;
}

.image + .flags > div.wishlist span {
	align-self: center;
	color: var(--main-wishlist-text-color);
	font-size: 2em;
	cursor: pointer;
	line-height: 0;
}

.image + .flags > div.wishlist span.checked i {
	font-weight: 900;
}

.image + .flags > div.wishlist span:not(.checked) svg.icon:last-of-type {
	display: none;
}

.image + .flags > div.wishlist span.checked svg.icon:first-of-type {
	display: none;
}

.image + .flags > div.discount {
	top: .5em;
	right: .5em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	text-align: center;
	line-height: 3em;
	color: var(--secondary-text-color);
	background-color: var(--main-link-color);
}

span.multiple-discounts {
	font-size: 1.8rem;
}