html {
    scroll-padding-top: calc(60px + 10px);
}

body {
	color: #21273a;
	font-weight: 300;
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	margin: 0;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	
	display: flex;
	flex-direction: column;
}

body.menu-open,
body.noscroll,
body.modal-open {
	overflow: hidden;
}

button, input, optgroup, select, textarea {
	overflow: auto;
	margin: 0;
    font-family: inherit;
    font-size: inherit;
	font-weight: inherit;
}
textarea {
	resize: vertical;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

*, ::after, ::before {
    box-sizing: border-box;
}

.container,
.page.narrow .container.default {
	max-width: 1565px;
}

.shadowed {
	border: 1px solid #eee;
	box-shadow: 5px 5px 0 rgba(0,0,0,.03);
}
.shadowed.whitened {
	box-shadow: 5px 5px 0 rgba(255,255,255,.2);
	border: 0;
}

.page {
	padding: .5rem 1rem 2rem 1rem;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.page.narrow {
	max-width: 1020px;
}
.page.wide {
	max-width: calc(1140px + 1rem);
}
.page.wider {
	max-width: 1565px;
}

.hide {
	display: none;
}
.visible {
	display: block !important;
}

button {
	outline: none;
	border: none;
	background: none;
	padding: 0;
}

b, strong {
	font-weight: 500;
}

/* a links */
a {
	color: #00e;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: all 0.2s ease;
}
.no-touch a:hover {
	text-decoration: none;
}
a[target="_blank"] {
	text-decoration: underline dotted;
}
a[target="_blank"]::after {
    content: "↗";
    display: inline-block;
    margin-left: .15rem;
	font-size: 0.85em;
	vertical-align: middle;
    position: relative;
    top: -1px;
    transition: transform 0.2s ease;
}
.no-touch a[target="_blank"]:hover::after {
    transform: translate(2px, -2px);
}
@media (hover: none) {
    a[target="_blank"]::after {
        content: none;
    }
}

/*
a {
	color: #00e;
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
*/

/*
a.cornerstone {
	text-decoration: underline;
}
.no-touch a.cornerstone:hover {
	text-decoration: none;
}
a.cornerstone.external {
	color: #a52a2e;
}
a.cornerstone.external span {
	margin-left: .25rem;
}
a.cornerstone.external span svg {
	display: inline-block;
	stroke: #292929;
	fill: #292929;
	height: 15px;
	width: 15px;
}
*/

a.anchor {
	display: block;
    position: relative;
    top: -175px;
    visibility: hidden;
}
/*
a.external,
.no-touch a.external:hover {
	color: #0d57cf;
}
*/

del,
ins {
	text-decoration: none;
}

sup {
	font-size: small;
	margin-left: .1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0;
}
.h1,h1 {
    font-size: 30px;
}
.h2,h2 {
    font-size: 26px;
}
.h3,h3 {
    font-size: 22px;
}
.h4,h4 {
    font-size: 20px;
}

.content.narrow {
	max-width: 765px;
}
.content.center {
	margin: auto;
}

.content quote {
	font-size: 1.5rem;
	display: block;
	margin: 3rem 6rem;
	font-style: italic;
	color: #555;
	position: relative;
}
.content quote:before {
	content: '"';
	font-size: 3rem;
	line-height: initial;
	position: absolute;
	left: -25px;
	top: -25px;
	font-weight: bold;
}

blockquote {
	background: rgba(40, 63, 75, 0.05);
	border-radius: 5px;
	margin: 0;
	max-width: 80%;
	margin: 0 auto;
	padding: 2rem;
	font-style: italic;
	font-size: 1.25rem;
	font-weight: 300;
}
blockquote::before {
    content: '\201C';
}
blockquote::after {
    content: '\201D';
}

img, video {
	max-width: 100%;
	height: auto;
}

video {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

p {
	line-height: 1.6;
	margin: 0 0 .75rem;
}

ul {
	line-height: 1.75;
}
ul.split3 {
	column-count: 3;
	column-gap: .5rem;
}

ol {
	line-height: 2;
}
ol.splitit {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.guide ol li::marker {
	font-weight: 500;
	font-size: .85rem;
}
.inmedia,
.guide .inmedia {
	width: 100%;
	margin: 1rem 0;
}
.inmedia img,
.guide .inmedia img {
	max-height: 425px;
	width: 100%;
	object-fit: cover;
}
.inmedia.contain img,
.guide .inmedia.contain img {
	object-fit: contain;
}
.inmedia figure,
.guide .inmedia figure {
	height: 100%;
}

/* navibar */
.navi-link {
	margin-left: 16px;
}


/* cbtn */
.cbtn {	
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	padding: 0 1rem;
	text-align: center;
	height: 44px;
	border-radius: .25rem;
	font-size: .875rem;
	color: initial;
	cursor: pointer;
	position: relative;
	transition: .1s ease;
}
.no-touch .cbtn:hover {
	/*-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;*/
	filter: brightness(0.95);
}
.no-touch .cbtn:active {
	transform: scale(var(--button-variant-primary-state-active-scale,.96));
}
.cbtn.mobile {
	display: none;
}
.cbtn.angle {
	/*padding: 0 1.5rem 0 1rem;*/
	
	padding: 0 1rem 0 .75rem;
	justify-content: left;
}
.cbtn.angle:after {
	/*content: '\276F';
	position: absolute;
	right: 0.5rem;*/
	
	content: '\276F';
	position: absolute;
	right: 0;
	padding: 0 .5rem 0;
	height: 44px;
	line-height: 44px;
	background: var(--theme-color);
	background: linear-gradient(to right, transparent 0%, var(--theme-color) 25%);
}
.cbtn.light {
	font-size: .85rem;
}
.cbtn.link {
	color: initial;
	text-decoration: underline;
}
.no-touch .cbtn.link:hover {
	text-decoration: none;
}

.cbtn.disabled {
	/*pointer-events: none;*/
	cursor: not-allowed;
}
.cbtn.rounded {
	border-radius: 24px;
}


.cbtn svg {
	width: 12px;
	height: 12px;
	fill: initial;
}

.cbtn.themeColor {
	background: var(--theme-color);
	color: #fff;
}
.cbtn.themeColor svg {
	fill: #fff;
}
.cbtn.grey {
	background: #f2f5f5;
}
.no-touch .cbtn.grey:hover {
	background: #e2e7e9;
}


/*.no-touch .bestoverview .cbtn:active,
.no-touch .listing_product .heading .heading_details .cbtn:active,*/
.no-touch .listing_offers_table .product_offer .inner:active,
.no-touch button.discountCode:active {
	transform: scale(var(--button-variant-primary-state-active-scale,.96));
}
.no-touch .listing_offers_table .product_offer .inner:active .cbtn {
	transform: none;
}

/* flex_content */
.flex_content {
	position: relative;
	transition: height .3s ease;
}
.flex_content.folded {
	max-height: 175px;
}
.flex_content .morecontent {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	height: 25px;
	line-height: 25px;
	font-size: inherit;
}
.flex_content .morecontent.monly {
	display: none;
}
.flex_content.folded .morecontent:before {
	content: '';
	position: absolute;
	left: -250px;
	width: 250px;
	height: 50px;
	background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
}
.flex_content .morecontent.center {
	left: 0;
	width: 100%;
	text-align: center;
}
.flex_content .morecontent.center:before {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);
    left: 0;
    width: 100%;
    top: -50px;
}

/* showcomparison */
.showcomparison {
	font-size: .85rem;
	font-weight: 500;
	line-height: 44px;
	border-radius: 24px;
	background: #f8f8f8;
	text-align: center;
}
.showcomparison .plusser {
	display: inline;
	font-weight: 500;
	border: 1px solid;
	border-radius: 50%;
	padding: 0 4px;
	margin-right: 2px;
}

/*
.hero {
	padding: 3rem 0;
	position: relative;
	background: #eef4ff;
}
.hero.greyed {
	background: #1a3338;
}
.hero .intro h1 {
	color: #335ab9;
}
.hero .intro .likeh2 {
	margin: .5rem 0 1rem 0;
	font-weight: inherit;
 }
.hero .intro p {
	line-height: 1.5;
	margin: 0;
	font-size: 1.15rem;
}
.hero .intro .date {
	font-size: 1.15rem;
}
.hero .hero_box {
	background: #f9f9f8;
	color: initial;
	border-radius: .25rem;
	padding: 1.75rem 1.5rem;
}
.hero .hero_box p {
	line-height: 1.5;
}
.hero .hero_box label {
	font-weight: 500;
}
.hero .hero_box .cbtn {
	line-height: 48px;
}
*/
	

/* best_card */
.best_card {
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    padding: 1rem .75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
}
.no-touch .best_card:hover {
	background-color: #00aeef;
}
.best_card:after {
    content: '\203A';
    position: absolute;
    right: .75rem;
    font-size: 2rem;
}
.best_card h3,
.best_card p {
	margin: 0;
}
.best_card h3 {
	font-size: 1.05rem;
	color: inherit;
}
.best_card p {
	font-size: .95rem;
	color: initial;
}
.no-touch .best_card:hover h3,
.no-touch .best_card:hover p,
.no-touch .best_card:hover:after {
	color: #fff;
}

/* teaser_top */
.teaser_top {
	width: 100%;
	background: #222;
	color: #fff;
	
	line-height: 36px;
	text-align: center;

	font-size: .875rem;
	font-weight: 500;
	
	box-shadow: 0 0 5px #222;
}
.teaser_top.darkdeal {
	background: repeating-linear-gradient(
		45deg,
		#222,
		#222 20px,
		#000 20px,
		#000 40px
	);
}
.teaser_top.greendeal {
	background: repeating-linear-gradient(
		45deg,
		#005c4b,
		#005c4b 20px,
		#004236 20px,
		#004236 40px
	);
}
.teaser_top a {
	color: #fff;
}
.teaser_top strong {
	font-weight: 500;
	text-transform: uppercase;
}
.teaser_top.greendeal strong {
	font-family: 'Cookie', cursive;
	font-weight: 500;
	text-transform: none;
	font-size: 1.5rem;
}
.teaser_top svg {
	height: 30px;
	padding-right: 0.25rem;
}

/* teaser_bottom */
.teaser_bottom {
	background: #eef4ff;
	padding: 3rem 0;
}
.teaser_bottom .heading {
	font-size: 1.25rem;
	font-weight: 500;
	display: block;
}
.teaser_bottom .about {
	font-size: .85rem;
	padding: 1rem 0;
}
.teaser_bottom .signupbox {
	height: 40px;
}

/* header */
header {
	background: #fff;
	color: #fff;
	box-shadow: 0 4px 3px -3px rgba(0,0,0,.08);
	position: sticky;
	top: 0;
	z-index: 1001;
}
/*
header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
}
*/
header nav {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	height: 60px;
	
	max-width: calc(1140px + 1rem);
	padding: 0 1rem;
	margin: auto;
}
header nav .logo {
	height: 38px;
}
header nav .logo img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}
header nav .menu {
	margin-left: auto;
	list-style: none;
	padding: 0;
}
header nav .menu ul {
	display: flex;
	gap: .75rem;
	list-style: none;
}
header nav .menu li a {
	color: initial;
	text-decoration: none;
}
.no-touch header nav .menu li a:hover {
	text-decoration: underline;
}

/* search */
.search {
	flex: 1;
	position: relative;
	z-index: 2;
	max-width: 550px;
}
.search form {
	display: flex;
	height: 48px;
	border: 1px solid #ccc;
	border-radius: .15rem;
	overflow: hidden;
}
.search form input {
	flex: 1;
	padding: 0 1rem;
	border: 0;
	outline: none;
	text-overflow: ellipsis;
    white-space: nowrap;
	border-radius: 0;
	background: #fff;
}
.search form button {
	border: 0;
	outline: none;
	background: #fff;
	padding: 0 1rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search form button svg {
	fill: #333;
	height: 24px;
	width: 24px;
}

.search .search_result {
	position: absolute;
	width: 100%;
	margin-top: .15rem;
	border-radius: .15rem;
	background: #fff;
	
	box-shadow: 0 4px 3px -3px rgba(0,0,0,.08);
}
.search .search_result ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.search .search_result li {
	border-bottom: 1px solid rgb(236, 236, 236);
	flex: 1;
	position: relative;
}
.search .search_result li:last-of-type {
	border: 0;
}
.search .search_result li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 1rem;
	width: 20px;
	height: 100%;
	background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath stroke=%27%23ccc%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M7 17 17 7m0 0H8m9 0v9%27/%3E%3C/svg%3E');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.search .search_result li a {
	display: block;
	font-size: .925rem;
	color: initial;
	padding: .5rem 1rem;
	text-decoration: none;
}
.no-touch .search .search_result li a:hover {
	background: rgb(236, 236, 236);
}
.search .search_result li a span {
	font-weight: 500;
}
.search .search_result .no_result {
	padding: .5rem 1rem;
}
.search-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
    background: rgba(0,0,0,.5);
}

/* event_banner */
.event_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0B051D;
	height: 48px;
	padding: 0 1rem;
	color: #fff;
	font-size: .875rem;
}
.event_banner a {
	color: #AA89F2;
	font-weight: 400;
	text-decoration: underline;
}
.no-touch .event_banner a:hover {
	text-decoration: none;
}
/*
.event_banner .inner {
	max-width: calc(1140px - 1rem);
	width: 100%;
	margin: auto;
}
.event_banner .inner a {
	color: #AA89F2;
	font-weight: 400;
	text-decoration: underline;
}
.no-touch .event_banner .inner a:hover {
	text-decoration: none;
}*/

/* index homepage */
.home_block {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}


/* slogan */
.slogan {
	font-size: .825rem;
	color: #335ab9;
	font-style: italic;
	margin-left: .5rem;
	font-weight: 500;
}

/* TOC - table of contents */
#toc {
	background: #f2f5f5;
	height: 48px;
	z-index: 1;
	margin: 1rem 0;
}
#toc ul {
	list-style-type: none;
}
#toc ul.toplvl {
	padding: 1rem 1.5rem;
	margin: 0;
}
#toc li:before {
	content: '-';
	padding-right: .5rem;
}
#toc .heading {
    line-height: 48px;
	padding: 0 15px;
}
#toc .heading span {
	float: right;
}
.no-touch #toc:hover,
#toc.active {
	cursor: pointer;
	height: inherit;
}
#toc.active .heading {
	background: #ededea;
}

/* inline_toc */
section.inline_toc {
    background: #f7f7f7;
    border-radius: 1rem;
    padding: 1.5rem 0 .75rem 1.5rem;
	margin: 1.5rem 0;
}
section.inline_toc ol {
	margin: 0;
    padding-left: 20px;
    list-style-type: disclosure-closed;
}
section.inline_toc ol li {
    margin: .75rem 0;
}
section.inline_toc ol li a {
    color: initial;
    text-decoration: underline;
}
.no-touch section.inline_toc ol li a:hover {
    text-decoration: none;
}

/* sticky_toc */
.sticky_toc {
	position: fixed;
	top: 60px;
	background: rgba(255,255,255,.75);
	backdrop-filter: blur(5px);
	z-index: 5;
}
.sticky_toc ul {
	display: flex;
	height: 60px;
	overflow-x: auto;
	margin: 0;
	padding: 0 1rem;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
.sticky_toc ul::-webkit-scrollbar {
	height: 10px;
}
.sticky_toc ul::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border: 4px solid transparent;
	border-radius: .5rem;
	height: 6px;
}
.sticky_toc ul::-webkit-scrollbar-corner {
	background-color: transparent;
}
.sticky_toc ul li {
	display: inline-flex;
	align-items: center;
	padding-right: 1rem;
	white-space: nowrap;
	margin: 0;
}
.sticky_toc ul li:after {
	content: '';
	display: inline-block;
	margin-left: 1rem;
	width: 1px;
	height: 20px;
	background: #ccc;
}
.sticky_toc ul li a {
	font-weight: 500;
	font-size: .875rem;
	color: inherit;
	line-height: 48px;
	text-decoration: none;

	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	
	transition: color 0.3s ease, text-decoration 0.3s ease;
}
.no-touch .sticky_toc ul li a:hover,
.sticky_toc ul li a.active {
	color: var(--theme-color);
	text-decoration: underline;
	
	transition: color 0.3s ease, text-decoration 0.3s ease;
}
.sticky_toc ul li:last-child:after {
	content: none;	
}

/* footer */
footer .heading {
	font-weight: 500;
	font-size: 1.25rem;
	color: #d3d3d3;
	margin-bottom: .5rem;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer ul li {
	line-height: unset;
}
footer .top {
	padding: 0 calc(50% - 37.5rem) 0;
	background: #00040b;
	color: #fff;
	display: grid;
	grid-template-columns: 45% 20% 35%;
	grid-template-areas:
		"logo logo logo"
		"newsletter legals contacts"
		"nav legals contacts"
		"socials copyright copyright"
	;
}
footer .top ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.no-touch footer .top a:hover {
	color: inherit;
	text-decoration: underline;
}
footer .top .logo {
	grid-area: logo;
	padding: 1rem .75rem .75rem;
	border-bottom: dotted 1px #646464;
}
footer .top .logo img {
	height: 30px;
	width: auto;
}

footer .top nav {
	grid-area: nav;
	padding: 1.5rem 0;
	font-weight: 400;
	column-count: 2;
	column-gap: 1rem;
}
footer .top .subscribe {
	grid-area: newsletter;
	padding: 1.5rem 1.5rem 0 0;
}
footer .top .subscribe.newsletter span {
	color: #d3d3d3;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75;
}

/* subscribe */
.subscribe input,
.subscribe button {
	border: 0;
	outline-width: 0;
    padding: .5rem .75rem;
    flex: 1;
}
.subscribe.price_alert input {
	
}
.subscribe form {
    display: flex;
    flex-wrap: wrap;
}
.subscribe form .email_field {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	border: 1px solid rgba(6,73,163,.1);
	border-right: 0;
	font-size: .85rem;
}
.subscribe form button {
	flex: unset;
	cursor: pointer;
	background: #335ab9;
	color: #fff;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	font-weight: inherit;
	font-size: .85rem;
}
.subscribe form button.rounded {
	border-radius: .25rem;
}
.no-touch .subscribe form button:hover {
	background: #476ac0;
}
.subscribe.price_alert form button {
	background: rgba(6,73,163,.1);
    color: rgba(6,73,163,1);
	border: 1px solid rgba(6,73,163,.1);
}
.subscribe.price_alert form button svg.bell {
	height: 16px;
	width: 16px;
	fill: rgba(6,73,163,1);
}
.no-touch .subscribe.price_alert form button:hover {
    background: rgba(6,73,163,1);
    color: #fff;
}
.no-touch .subscribe.price_alert form button:hover svg.bell {
	fill: #fff;
}
.subscribe.price_alert {
	background: rgba(40,63,75,.05);
	padding: .75rem 1rem;
	border-radius: .25rem;
}
.subscribe.price_alert .title {
	padding: 0 0 .5rem .25rem;
	font-weight: 500;
}
.subscribe form span {
	font-size: .75rem;
}
.subscribe .success {
	display: flex;
	align-items: center;
}
.subscribe .success svg {
	height: 24px;
	width: 24px;
	min-width: 24px;
	stroke: #54b258;
	margin-right: .5rem;
}
.subscribe label.email_consent {
	display: flex;
	align-items: flex-start;
	column-gap: .5rem;
	cursor: pointer;
	flex: 100%;
	font-size: .75rem;
	padding: .75rem 0 0 .25rem;
}
.subscribe label.email_consent a {
	color: inherit;
	text-decoration: underline;
}
.no-touch .subscribe label.email_consent a:hover {
	text-decoration: none;
}
.subscribe label.email_consent input {
	flex: auto;
}
.subscribe label.email_consent .lbl {
	flex: 1 100%;
	line-height: 1.25;
}
/* subscribe */

footer .top .legals {
	grid-area: legals;
	padding: 1.5em 0;
}
footer .top .contacts {
	grid-area: contacts;
	padding: 1.5em 0;
	/*color: #d3d3d3;*/
	text-align: right;
}
footer .top .socials {
	grid-area: socials;
	padding: 1.5rem 0;
	border-top: dotted 1px #646464;
}
/* socials */
.socials ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.socials ul li {
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background: rgba(255,255,255,.28);
	transition: background .15s ease-in-out;
	text-align: center;
	line-height: 40px;
	margin: 0 .25rem;
}
.bio_creator .bio_heading .bio_details .socials ul li {
	background: var(--theme-heading-color);
}
.socials ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.socials ul li a::after {
	content: none;
}
.no-touch .socials ul li.social0:hover {
	background: #ca342b;
}
.no-touch .socials ul li.social1:hover {
	background: #4267b2;
}
.no-touch .socials ul li.social2:hover {
	background: #c13584;
}
.no-touch .socials ul li.social3:hover {
	background: #0077b5;
}
.no-touch .socials ul li.social4:hover {
	background: #e12828;
}
.no-touch .socials ul li.social5:hover {
	background: #fe2c55;
}
.no-touch .socials ul li.social6:hover {
	background: #0063dc;
}
.socials ul li svg {
	height: 20px;
}

/* socials */
footer .top .copyright {
	grid-area: copyright;
	padding: 1.5rem 0;
	border-top: dotted 1px #646464;
	color: #d3d3d3;
	display: flex;
	align-items: flex-end;
}
footer .bottom {
	padding: 1.5rem calc(50% - 37.5rem);
	font-size: .85rem;
	font-weight: 400;
	display: flex;
	align-items: center;
}
footer .bottom a {
	text-decoration: underline;
}
footer .bottom img {
	height: 25px;
	width: auto;
	margin-right: .5rem;
}

/* linklbl */
.linklbl {
	background: #f8f8f8;
	line-height: 48px;
	border-radius: 24px;
	padding: 0 24px;
	
	color: initial;
}
.linklbl.current,
.no-touch .linklbl:hover {
	background: #335ab9;
	color: #fff;
}
.linklbl.transparent,
.no-touch .linklbl.transparent:hover {
	background: none !important;
	color: initial;
}
.linklbl img {
	max-height: calc(48px - 10px);
	max-width: 115px;
}


/* MODULE1 */
.module1 {
	background: #f9f9f8;
	padding: 1rem;
}
.module1 h2 {
	margin-bottom: 1rem;
}
.module1 p {
	margin: 0;
}

/* .page.article */
.page.article .columns {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.page.article .columns .column {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.page.article .columns .column.responsive {
	overflow-x: auto;
}
.page.article .columns .column.top {
	flex: 1 0 100%;
}
.page.article .columns .column.left {
	flex: 1 0 calc(70% - 1rem);
	gap: 1rem;
}
.page.article .columns .column.right {
	flex: 1 0 30%;
}
.page.article .columns .column.bottom {
	flex: 1 0 100%;
	gap: 1rem;
}
.page.article .best_bottom svg {
	height: 12px;
	margin-top: -4px;
}

/* content_grid */
.content_grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.content_grid .main {
	order: 2;
	flex: 1 0 100%;
	max-width: 720px;
	width: 100%;
	margin: auto;
	
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.content_grid .main.full {
	max-width: unset;
}
.content_grid .sidebar {
	flex: 1;
}
.content_grid .sidebar.left {
	order: 1;
}
.content_grid .sidebar.right {
	order: 3;
}

/* author_bio */
.author_bio {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 1rem 0;
}

/* page header */
.page .header {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.page .header h1 {
	font-weight: 600;
}
.page .header .creator_box {
	display: flex;
	align-items: center;
	font-size: .85rem;
	border-top: 1px solid #ddd;
	padding-top: .5rem;
	line-height: 1.5;
}
.page .header .creator_box .creators {
    
}
.page .header .creator_box .creators a.creator {
	text-decoration: underline;
	display: inline-block;
	color: #000;
}
.page .header .creator_box .creators:after {
	content: "|";
    display: inline-block;
    padding: 0.2rem;
    color: rgba(0,0,0,.15);
    font-size: 1.125rem;
}
.page .header .creator_box .dates {
	color: #585858;
}
.page .header .creator_box .comments {
	margin-left: auto;
}
/*.page .header .affiliate_disclaimer {
	padding: .25rem 0;
}*/

/* selectedone */
.selectedone {
	background: rgba(76,175,80,.15);
	padding: 1rem;
	border-radius: .25rem;
	/*margin-bottom: 1rem;*/
}
.selectedone h2 {
	font-size: 1rem;
	font-weight: 500;
	padding: 0;
}
.selectedone span:before {
	content: '\2756';
	padding-right: .25rem;
	color: rgba(76,175,80,1);
}

/* about_creator */
.about_creator {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	text-align: center;
	background: #f2f5f5;
	border-radius: .25rem;
	padding: 1.5rem;
	font-size: .85rem;
}
.about_creator .creator_name span {
	padding-top: .5rem;
	font-size: 1rem;
	display: block;
}
.about_creator .creator_name span:after {
	background-color: #999;
	content: "";
	display: block;	
	height: 1px;
	margin: .75rem auto;
	width: 35px;
}
.about_creator p {
	margin: 0;
}
.about_creator svg {
	height: 16px;
}

/* about_creator -> ekspert.php */
.getsocial {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}
.getsocial a {
	text-decoration: none;
}
.getsocial a::after {
	content: none;
}
.getsocial ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.getsocial ul li {
	display: inline;
	padding-right: 1rem;
}
.getsocial ul li svg {
	margin-right: .25rem;
	max-height: 24px;
	max-width: 24px;
}

/* bio_creator */
.bio_creator .bio_heading {	
	display: flex;
	align-items: center;
	gap: 1rem;
	background: var(--theme-muted-color);
	padding: 1.5rem;
}
.bio_creator .bio_heading .bio_profileimg {
	flex: 1;	
}
.bio_creator .bio_heading .bio_profileimg img {
	height: 250px;
	width: 100%;
	object-fit: contain;
	
	-webkit-clip-path: polygon(0 0,100% 0,100% 96%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 96%,0 100%);
}
.bio_creator .bio_heading .bio_details {
	flex: 2;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 765px;
	margin: auto;
}
.bio_creator .bio_heading .bio_details h1 {
	margin: 0;
}
.bio_creator .bio_heading .bio_details .details {
	display: grid;
	grid-template-columns: max-content 1fr; 
	align-items: center;
	gap: .5rem;
}
.bio_creator .bio_heading .bio_details .details h2 {
    font-size: initial;
    display: inline-block;
	margin: 0;
}
.bio_creator .bio_content ul li {
	list-style: none;
}
.bio_creator .bio_content ul li:before {
	content: "";
    margin-left: -1.5rem;
    margin-top: 10px;
    width: 7px;
    height: 7px;
	background: var(--theme-color);
    border-radius: 4px;
    position: absolute;
    text-align: center;
    font-size: .875rem;
}
.bio_creator .bio_content .personal {
	background: #f7f9f9;
	box-shadow: 5px 5px 0 0 var(--theme-muted-color);
	padding: 1.5rem 1.25rem 1.25rem 4.5rem;
	position: relative;
	margin: 1.5rem 0;
}
.bio_creator .bio_content .personal::before {
	content: "\201C";
	font-family: Helvetica,Arial,sans-serif;
	position: absolute;
	top: 3.5rem;
	left: 1rem;
	font-size: 10rem;
	line-height: 0.5;
	color: #2ebe7e;
}
.bio_creator .bio_content .personal .signature {
	color: #424242;
	text-transform: uppercase;
	font-weight: 500;
	text-align: right;
}

/* creator_card */
.creator_card p {
	margin: 0;				
}
.creator_card p span {
	font-size: .75rem;
	padding-left: .25rem;
}

/* collapse */
.a_collapse p {
	border-bottom: 1px solid #282b30;
	font-weight: 500;
	color: #282b30;
	line-height: 48px;
	height: 46px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px;
}
.a_collapse span {
	position: absolute;
	top: 14px;
	right: 20px;
}
.a_collapse span svg {
	height: 15px;
	width: 21px;
}
.a_collapse span.flipit svg {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* a_intro ul */
.aintro ul {
	list-style: none;
	padding-left: 25px;
	margin: 0;
	position: relative;
}
.aintro ul li:before {
	content: '\2756';
	color: rgba(76,175,80,1);
	position: absolute;
	left: 5px;
}

/* blog -> post_card */
.post_cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.post_cards .post_card a {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	color: initial;
	font-size: .85rem;
}
.post_cards .post_card .placeholder {
	height: 185px;
	position: relative;
}
.post_cards .post_card .placeholder img {
	object-fit:cover;
	height: 100%;
	width: 100%;
}
.post_cards .post_card .placeholder .post_type {
	position: absolute;
	top: .5rem;
	left: .5rem;
	background: #333;
	color: #fff;
	font-size: .75rem;
	font-weight: 400;
	padding: .25rem .5rem;
	border-radius: .25rem;
}
.post_cards .post_card .placeholder .post_type.article {
	background: #333;
}
.post_cards .post_card .placeholder .post_type.recommendations {
	background: #335ab9;
}
.post_cards .post_card .placeholder .post_type.recipe {
	background: #fc6a4a;
}

.post_cards .post_card a .post_title {
	font-weight: 500;
	font-size: 1.15rem;
	color: initial;
}
.no-touch .post_cards .post_card:hover a .post_title {
	text-decoration: underline;
}
.post_cards .post_card .by {
	font-size: .85rem;
	font-weight: 500;
}

/* post_pagination */
.post_pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}


/* post_card_li */
ul.readmore {
	list-style: none;
	padding: 0;
}
ul.readmore li {
	margin: .75rem 0;
}
ul.readmore li:first-of-type {
	margin-top: 0;
}
ul.readmore li:before {
	content: '👉';
}
ul.readmore a {
	color: #00e;
}
.no-touch ul.readmore a:hover,
.no-touch ul.readmore a:focus,
.no-touch ul.readmore a:active {
	color: #00e;
	text-decoration: underline;
}

.affbox {
	margin: 2rem auto 3rem;
	border-radius: 0.25rem;
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	max-width: 650px;
	padding: 1.5rem 2rem;
	overflow: hidden;
	
	text-align: center;
}
.affbox .affbox_image {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 1rem;
}
.affbox .affbox_image img {
	height: 150px;
}
.affbox .affbox_image img.logo {
	height: 50px;
}
.affbox .affbox_info {
	float: left;
	width: 100%;
}

/* hero_media */
.hero_media {
	height: 375px;
}
.hero_media img {
	height: 375px;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: .25rem;
}

/* page + figcaption */
.post_media {
	position: relative;
}
.post_media picture {
	height: 375px;
}
.post_media picture img {
	height: 375px;
	object-fit: cover;
	width: 100%;
}
figure {
	margin: 0;
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
}

figure img {
	object-fit: cover;
	width: 100%;
}

figure figcaption,
.gallerycaption {
	font-size: .825rem;
	color: #676767;
	padding: .25rem .5rem 0;
	position: relative;
}
figure.simple figcaption {
	padding: 0;
	line-height: 30px;
}
figure figcaption:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="none" viewBox="0 0 24 24"%3E%3Cpath stroke="%23335ab9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 15-5.8-5.8v0a.3.3 0 0 0-.4 0v0L6 15"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top;
    position: absolute;
    top: -14px;
    width: 30px;
    height: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
figure.simple figcaption:before {
	content: none;
}
.postimg picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .25rem;
}

/*
.page.category .summary,
.page.article summary {
	font-size: 1.125rem;
	line-height: 1.75;
}

.page.article summary mark {
	display: inline;
	font-size: .85rem;
	padding: 0.25rem;
	font-weight: 400;
}
.page.article summary mark a {
	color: initial;
	text-decoration: underline;
}
.no-touch .page.article summary mark a:hover {
	text-decoration: none;
}
*/

#moretextbtn {
	display: none;
}

/* rating_simple */
.rating_simple {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: 1rem;
}
.rating_simple .rating_title {
}
.rating_simple .rating_stars {
    display: flex;
	gap: 1px;
}
.rating_simple .rating_stars .star {
    height: 20px;
    width: 20px;
}
.rating_simple.castaway .rating_stars .star {
	cursor: pointer;
}
.rating_simple .rating_stars .star:not(.active) {
    filter: grayscale(1);
}
.rating_simple .rating_thanks {
	flex: 1 0 100%;
	text-align: center;
}
.rating_simple .rating_summary .blink_me {
	animation: blinker 1s linear 2;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

/* post_recipe */
.post_recipe {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	border: 2px dashed var(--theme-color);
	border-radius: .5rem;
	padding: 1rem;
	margin-bottom: 2rem;
}
.post_recipe h2 {
	font-size: 1.65rem;
	font-weight: 600;
	margin: auto;
}
.post_recipe h3 {
	font-size: 1.25rem;
	font-weight: 600;
}
.post_recipe .recipe_header {
	flex: 1 0 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.post_recipe .recipe_header .recipe_media {
	aspect-ratio: 16/9;
	max-width: 100%;
	margin-top: .5rem;
}
.post_recipe .recipe_header .recipe_media img {
	border-radius: .25rem;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.post_recipe .recipe_summary {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
}
.post_recipe .recipe_summary ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 1rem;
	row-gap: .5rem;
}
.post_recipe .recipe_summary ul li {
	display: inline-block;
}
.post_recipe .recipe_ingredients,
.post_recipe .recipe_steps {
	flex: 1 0 100%;
}

/* module 4 table */
.fishability {
	background: #f8f8f8;
}
.fishability.lbl {
	font-size: .85rem;
	float: left;
	padding: .5rem 1rem;
	margin: 0 .5rem 0 0;
	border-radius: .25rem;
	
	color: initial;
}
a .fishability.lbl {
	padding: .9rem 1rem;
}
.no-touch a .fishability.lbl:hover {
	background: #1a3338;
	color: #fff;
}
.fishability.status1 {
	background: rgba(0,174,239,.15);
}
.fishability.status2 {
	background: rgba(0,174,239,.25);
}
.fishability.status3 {
	background: rgba(0,174,239,1);
}


/* product_card */
.product_card {
	position: relative;
}
.product_card.faded .placeholder {
	opacity: .45;
}
.product_card .title {
	color: initial;
	font-size: .825rem;
	font-weight: 500;
	min-height: 38px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.no-touch .product_card:hover .title {
	color: #00e;
	text-decoration: underline;
}
.product_cards .product_card .placeholder img {
	max-height: 155px !important;
}

.product_card .placeholder {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 175px;
}
.product_card img {
	max-height: 175px;
}
.product_card .ranking {
	font-weight: 500;
	position: absolute;
}
.product_card .productimages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product_card .productimages ul li {
	float: left;
	width: 70px;
    height: 60px;
	padding-right: 5px;
}
.product_card .productimages ul li img {
	max-height: 100% !important;
}
.product_card .prices {
	font-size: .75rem;
	color: #555;
	line-height: 30px;
}
.product_card .prices span {
	font-size: 1rem;
	font-weight: 500;
	color: initial;
}
.product_card .prices .rrp,
.product_card .prices .before {
	opacity: .85;
}
.product_card .shops {
	font-size: .875rem;
	line-height: 30px;
}

.product_card.discontinued .upper {
	opacity: .5;
}

/* searched_card */
.searched_card {
	float: left;
	width: 100%;
	border-radius: .25rem;
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	padding: 1.75rem 1.5rem 0;
}
.searched_card.saver {
	border: 2px dashed #16c60c;
}
.searched_card .description {
	float: left;
	width: 100%;
	
	height: 115px;
}
.searched_card .description span {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.searched_card .image {
	float: left;
	width: 100%;
	height: 225px;
	text-align: center;
}
.searched_card .image img {
	height: 225px;
}
.searched_card .cbtn .save {
	font-weight: 500;
}

/* ul clean */
ul.clean {
	padding: 0;
	list-style: none;
}

/* ul usps lists */
ul.usps {
	list-style: none;
	padding-left: 25px;
}
ul.usps li {
	position: relative;
}
ul.usps li:before {
	content: '\2714';
	color: rgba(76,175,80,1);
	display: block;
	position: absolute;
	left: -25px;
	top: 0px;
	font-size: 1rem;
	width: 25px;
}

ul.usps.cons li:before {
	content: '\2716';
	color: red;
}

/* pusp */
.pusp {
	padding: .5rem 1rem;
	background: rgba(40, 63, 75, 0.05);
	border-radius: .25rem;
	margin: 0;
}
.pusp svg {
	height: 20px;
	width: 20px;
}


/* discontinued */
.discontinued,
.helper {
	border-radius: .25rem;
	padding: 1rem .75rem;
	font-size: .85rem;
}

.discontinued {
	background: #f9f9f8;
	text-align: center;
}
.helper{
	background: #d5f6ea;
}
.product_shop .topping .rating_summary {
	float: left;
	width: 100%;
}
.product_shop .topping .rating_summary .rating_stars {
	display: inline-block;
	margin-right: .5rem;
	line-height: 20px;
}
.product_shop .topping .rating_summary .rating_stars svg {
	height: 16px;
}
.product_shop .topping .rating_summary .result {
	display: inline-block;
	font-size: .85rem;
	vertical-align: bottom;
}
.product_shop .topping .anchors {
	float: left;
	width: 100%;
}
.product_shop .topping .anchors ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.product_shop .topping .anchors ul li {
	float: left;
	height: 30px;
	line-height: 30px;
}
.product_shop .topping .anchors ul li:after {
	content: '';
	border-left: 1px solid #ddd;
	margin: 0 1rem;
}
.product_shop .topping .anchors ul li:last-of-type:after {
	border-left: 0;
	margin: 0;
}
.product_shop .topping .anchors ul li a {
	color: initial;
	font-size: .85rem;
}
.product_shop .topping .anchors ul li svg {
	height: 16px;
	margin-right: .5rem;
	margin: 5px .5rem 0 0;
	float: left;
}
.product_shop .topping .anchors ul li span:before {
	content: '';
	float: left;
	height: 20px;
	width: 20px;
	margin: 5px 5px 0 0;
}
.product_shop .topping .anchors ul li span.anchor_description:before {
	background: url('/images/anchor_description.svg') #fff;
}
.product_shop .topping .anchors ul li span.anchor_review:before {
	background: url('/images/anchor_review.svg') #fff;
}
.product_shop .topping .anchors ul li span.anchor_price_comparison:before {
	background: url('/images/anchor_price_comparison.svg') #fff;
}
.product_shop .topping .anchors ul li span.anchor_faq:before {
	background: url('/images/anchor_faq.svg') #fff;
}
.product_shop .topping .anchors ul li span.anchor_comparison_specs:before {
	background: url('/images/anchor_comparison_specs.svg') #fff;
}
.product_shop .topping .anchors ul li span {
	float: left;
}
.product_shop .psummary {
	font-size: 1rem;
}
.product_shop .psummary .cta {
	line-height: 50px;
}
.product_shop .psummary .cta.saving {
	order: 3;
}
.product_shop .psummary .cta.linker {
	order: 2;
	margin: 0 0 .5rem 0;
}
.product_shop .psummary span.old_price {
	text-decoration: line-through;
	color: #555;
}
.product_shop .psummary span.savelbl {
	background: #fff570;
	padding: .5rem;
}

/* inlink */
p.inlink {
	background: #f2f5f5;
	padding: .75rem;
}
p.inlink span {
	text-transform: uppercase;
	color: #00e;
	font-weight: 400;
	padding-right: .25rem;
}

p.inlink a,
.no-touch p.inlink a:hover,
.no-touch p.inlink a:active,
.no-touch p.inlink a:focus {
	text-decoration: underline;
	color: initial;
}

/* inpost */
.inpost {
	display: flex;
	margin: 1.25rem 1.5rem 1.5rem;
}
.no-touch .inpost:hover .inpost_txt span.post_title {
	color: #555;
}
.inpost .inpost_img {
	height: 85px;
	width: 125px;
	min-width: 125px;
}
.inpost .inpost_txt {
	padding: .5rem 0 0 .75rem;
}
.inpost .inpost_txt span.read_more {
	display: block;
	text-transform: uppercase;
	font-style: italic;
	font-weight: 500;
}
.inpost .inpost_txt span.post_title {
	font-weight: 500;
	font-size: 1.05rem;
	color: initial;
}

/* post_inlink */
.post_inlink {
	display: flex;
	gap: 1rem;
	padding: 1rem 2rem;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	margin: 2rem auto;
	position: relative;
	background: #fff;
}
.post_inlink:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	filter: blur(10px);
	z-index: -1;
}
.post_inlink .inlink_media {
	height: 75px;
	width: 100px;
}
.post_inlink .inlink_media img {
	border-radius: 0.25rem;
	height: 100%;
	width: 100%;
	min-width: 100px;
	object-fit: cover;
}
.post_inlink .inlink_post .path {
	color: #5f6368;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
}
.post_inlink .inlink_post .path span {
	color: #202124;
}
.post_inlink .inlink_post .title {
	font-size: 1.15rem;
	color: #00e;
	padding: 0 0 0.25rem;
	font-weight: 400;
	line-height: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.no-touch .post_inlink:hover .inlink_post .title {
	text-decoration: underline;
}
.post_inlink .inlink_post .summary {
	line-height: 1.5;
	color: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* idea span */
p.tip,
p.nb,
div.nb,
p.info,
p.eks,
p.prize {
	background: #f2f5f5;
	padding: 1rem;
	position: relative;
	
	border-radius: .25rem;
	margin: 1.5rem 0;
}
p.nb {
	border: 2px solid #fadf98;
	background-color: #fef5c4;
}
p.tip {
	border: 2px solid #96E9CB;
	background-color: #d5f6ea;
}
p.info {
	border: 2px solid #e3d8b4;
	background-color: #f8f5ec;
}
p.cnote {
	padding: 0.75rem 1rem;
	border-left: 5px solid var(--theme-color);
	background: #faf8f6;
}
p.cnote a {
	font-style: italic;
}
p.tip:before,
p.nb:before,
p.info:before,
p.eks:before,
p.prize:before {	
	font-size: .875rem;
	font-weight: 500;
	text-transform: uppercase;
	position: absolute;
	/*top: 1rem;*/
	top: -.75rem;
	left: 1rem;
	line-height: initial;
	
	font-style: italic;
	
	background-color: #292929;
	color: #fff;
	padding: 0.25rem 0.75rem;
	font-size: .85rem;
	border-radius: 0 .75rem;
}
p.tip:before {
	content: 'Tip';
}
p.nb:before {
	content: 'OBS';
}
p.info:before {
	content: 'Info';
}
p.eks:before {
	content: 'Eksempel';
}
p.prize:before {
	content: 'Vinder';
}
p.callout {
	padding: 1.25rem 1rem;
	background-color: #f7f9f9;
}
p.mission {
	padding: 1.25rem 1rem;
	background-color: var(--theme-muted-color);
}

/* infobox */
.infobox {
	background: #DDEBEB;
	padding: 1rem 1rem .25rem 1rem;
	border-radius: .25rem;
	margin-bottom: 1rem;
	font-size: .875rem;
}
.infobox .content h2,
.infobox .content h3,
.infobox .content .likeh2,
.infobox .content .likeh3 {
	font-size: 1rem;
	font-weight: 500;
	margin: .5rem 0;
}
/*
.infobox .content:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 10rem;
	left: 0;
	bottom: 0;
	background: #DDEBEB;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0, #DDEBEB 85%, #DDEBEB);
	z-index: 1;
}
.infobox .content.full {
	max-height: none;
}
.infobox .content.full:before {
	content: none;
}
.infobox span {
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	cursor: pointer;
	z-index: 2;
}
.infobox span:before {
	content: 'SE MERE';
	font-size: .75rem;
	font-weight: 500;
}
.infobox span:after {
	content: '+';
	padding-left: .25rem;
	color: #c74c52;
	font-weight: bold;
}
*/


/* AVG_RATING_TOP */
.avg_rating_top {
	
}
.avg_rating_top .avg_rating {
	float: left;
	padding: 0 5px;
	border-radius: .15rem;
	margin-right: 5px;
	background: #f8f8f8;
}
.avg_rating_top .avg_rating_lbl {
	float: left;
	font-weight: 500;
	margin-right: 5px;
}
.avg_rating_top .avg_rating_lbl.score_green {
	color: #098040;
}
.avg_rating_top .avg_rating.score_green {
	color: #fff;
	background: #098040;
}

.avg_rating_top .avg_rating_lbl.score_yellow {
	color: #ffb717;
}
.avg_rating_top .avg_rating.score_yellow {
	color: #fff;
	background: #ffb717;
}

.avg_rating_top .avg_rating_lbl.score_red{
	color: #eb1c24;
}
.avg_rating_top .avg_rating.score_red {
	color: #fff;
	background: #eb1c24;
}

.avg_rating_top .avg_rating_lbl.new {
	color: #1a3338;
}
.avg_rating_top .avg_rating.new {
	color: #fff;
	background: #1a3338;
}


/* PRODUCT */
#product logo {
	height: 22px;
}
#product img.logo {
	max-height: 22px;
}
#product .product_shop.top .placeholder {
	height: calc(275px + 2rem);
	position: relative;
	text-align: center;
	padding: 1rem;
}
#product .placeholder img {
	height: 100%;
	object-fit: contain;
}
#product .placeholder:after {
	background: rgba(40, 63, 75, 0.05);
	content: "";
	position: absolute;
	inset: 0px;
	border-radius: .25rem;
}
#product .buybox {
	border-radius: .25rem;
	background: #f2f5f5;
	padding: 1.5rem 1.5rem;
	text-align: center;
}


/* group_products */
.group_products {
	font-size: .85rem;
}
.group_products .group_product {
	float: left;
	width: 100%;
	border: 1px solid #d6d6d6;
	border-radius: .25rem;
	padding: .25rem 1rem;
	font-size: .85rem;
	color: initial;
}

.no-touch .group_products .group_product:hover {
	border: 1px solid #888;
}

.group_products .group_product.active {
	border: 2px solid #0070c9 !important;
}
.group_products .group_product .group_img {
	float: left;
	height: 60px;
	width: 60px;
	margin-right: .5rem;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.group_products .group_product .group_img img {
	max-height: 60px;
}
.group_products .group_product .gright {
	float: left;
	max-width: calc(100% - 60px - .5rem);
}
.group_products .group_product .gright .gtitle {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 1rem;
	line-height: 20px;
	margin-top: 10px;
}
.group_products .group_product .gright .gtitle.full {
	line-height: 60px;
}

.group_products .group_product .gright .gtype,
.group_products .group_product .gright .gprices {
	font-size: .75rem;
	line-height: 20px;
}

.group_products.large .group_product {
	width: 200px;
	font-size: 1rem;
}
.group_products.large .group_product .group_img {
	width: 100%;
	height: 175px;
	margin: 0;
}
.group_products.large .group_product .group_img img {
	max-height: initial;
}
.group_products.large .group_product .gright {
    width: 100%;
    max-width: initial;
	text-align: center;
}
.group_products.large .group_product .gright .gtype,
.group_products.large .group_product .gright .gprices {
	font-size: .75rem;
	padding-top: .25rem;
}


/* OFFERS TABLE */
.offers .offertable {
	line-height: 40px;
}
.offers .offertable td {
	border: 0;
	padding: .5rem .25rem;
	font-size: 1rem;
}
.offers .offertable tr {
	border-bottom: 1px dotted #ccc;
}
.offers .offertable tr:last-child {
	border: 0;
}
.offers .offertable thead {
	border-bottom: 1px solid #ccc;
}
.offers .offertable tfoot {
	border-top: 1px solid #ccc;
}
.offers .offertable img.logo {
	max-height: 30px;
	max-width: 115px;
}
.offers .offertable td.todays {
	background: #f8f8f8;
	padding: .25rem;
	font-size: .95rem;
	text-align: center;
	font-weight: 500;
	line-height: 30px;
}

/* managerbox */
.managerbox {
	background: #f8f8f8;
	border-radius: .25rem;
	padding: .75rem 1rem;
	font-size: .95rem;
}
.managerbox span.position {
	float: right;
	font-style: italic;
}
.managerbox span.area:before {
	content: '·';
}


/* Product -> PRICE */
.prices .price.old {
	text-decoration: line-through;
	font-size: .85rem;
	color: #555;
}
.prices .saving {
	opacity: .85;
	font-size: .95rem;
}
.prices .now {
	font-weight: 500;
}
.offersdivtable .prices .now {
	font-weight: 500;
}
.prices .special_price {
	
}

/* Product -> NEW Price */
.nprices {
	
}
.nprices .final_price {
	color: #222;
	font-weight: 500;
	font-size: 1.125rem;
}
.nprices .old_price {
	color: #666;
	font-weight: 500;
	position: relative;
	margin-right: .25rem;
}
.nprices .old_price:before {
	position: absolute;
	content: "";
	left: 0;
	top: 45%;
	right: 0;
	border-top: 1px solid #222 !important;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.nprices .saving {
	margin-top: .25rem;
	font-size: .75rem;
	font-weight: 500;
}
.saving .saving_pct,
.nprices .saving .saving_pct {
	background: #335ab9;
	color: #fff;
	letter-spacing: .1px;
	padding: .25rem .5rem;
	border-radius: .25rem;
}
.nprices .saving .saving_currency {
}

/* breadcrumbs */
nav.breadcrumbs {
	max-width: calc(1140px + 1rem);
	margin: auto;
	padding: .25rem 1rem 0;
}
nav.breadcrumbs ol {
    list-style: none;
    margin: 0;
    padding: 0;
	list-style-type:none;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
nav.breadcrumbs> ol li {
    display: inline;
    font-size: .85rem;
    margin: 0;
}
nav.breadcrumbs ol li:before {
    color: #E3DDD8;
}
nav.breadcrumbs> ol li+li:before {
    content: "\203A";
    padding: 0 .25rem;
	color: #555;
}
nav.breadcrumbs> ol li a {
    color: #555;
    text-decoration: none;
}
nav.breadcrumbs>.active a {
    color: initial;
}
nav.breadcrumbs img,
nav.breadcrumbs svg {
	max-width: 12px;
	margin-top: -2.5px;
}

/* listing */
#listingli {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 .5rem 0;
}
#listingli li {
	list-style: none;
	float: left;
	width: 100%;
	margin: .75rem 0;
}
.no-touch #listingli li a:hover .tdetails .theading .ttitle {
	text-decoration: underline;
	color: #6085fe !important;
}
#listingli li a {
	color: initial;
}
#listingli .timg {
	float: left;
	height: 48px;
	width: 48px;
	margin-right: 10px;
	text-align: center;
}
#listingli .timg img {
	height: 48px;
	object-fit: contain;
	border-radius: .25rem;
}
#listingli .tdetails {
	float: left;
	max-width: calc(100% - 48px - 10px);
}
#listingli .theading {
	line-height: 1.5;
}
#listingli li.half {
	position: relative;
	cursor: pointer;
}
#listingli li.half:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	background: -moz-linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);
	background: -webkit-linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);
	background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);
}
#listingli li.hidden {
	display: none;
}

#listingli li#show_all2 {
	text-align: center;
	margin: 0 0 .75rem 0;
	cursor: pointer;
}
#listingli li#show_all2 .showall {
	font-size: .85rem;
	font-weight: 500;
	line-height: 48px;
	border-radius: 24px;
	background: #f2f5f5;
}
.no-touch #listingli li#show_all2:hover {
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.no-touch #listingli li#show_all2:hover .showall {
	background: #ebeff5;
}
#listingli li#show_all2 .showall .plusser {
	display: inline;
	font-weight: 500;
	border: 1px solid;
	border-radius: 50%;
	padding: 0 4px;
	margin-right: 2px;
}

#listingli .theading span.nummero {
	color: rgb(40, 43, 48);
	background: #f2f5f5;
	font-size: .75rem;
	font-weight: 500;
	border-radius: .25rem;
	padding: 2px 10px;
	margin-right: 2px;
}


/* promotion.listing */
.promotion.listing {
	float: left;
	width: 100%;
	border: 2px dashed #335ab9;
	background: rgba(60,120,240,.1);
	border-radius: .25rem;
	padding: 1rem 1.5rem;
}


/* listingcard, listing card */
.listing_card {
	border-radius: .25rem;
	
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 0 1px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 0 1px 0 rgba(0,0,0,.2);
	
	border: 1px solid #eee;
}
.listing_card .upper {
	position: relative;
	padding: 1.75rem 1.5rem;
}
.listing_card .upper .listing_title {
	margin: 0;
	font-style: italic;
	font-size: .875rem;
}
.listing_card .upper .image {
	height: 200px;
}
.listing_card .upper .image.prettified {
	height: calc(200px + 2rem);
	position: relative;
	padding: 1rem;
}
.listing_card.simple .upper .image.prettified {
	height: calc(250px + 2rem);
}
.listing_card .upper .image.prettified:after {
	background: rgba(40, 63, 75, 0.05);
    content: "";
    position: absolute;
    inset: 0px;
	border-radius: .25rem;
}
.listing_card .upper .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: .25rem;
	transition: all .3s;
}
.listing_card .upper .image.prettified img {
	object-fit: contain;
}
.listing_card .upper .likeh3 {
	margin: 0;
}
.listing_card .upper p.fallback:after {
	content: '...';
}
.listing_card .upper .view_more_images {
	float: left;
	padding-top: .5rem;
	font-size: .85rem;
}
.listing_card .upper .proscons-attributes {
	display: flex;
	gap: 2rem;
}
.listing_card .upper .proscons-attributes .box {
	width: 50%;
}
.listing_card .upper .proscons-attributes .box .title {
	position: relative;
	margin: 0;
	font-size: .85rem;
	font-weight: 500;
	padding-bottom: .25rem;
	margin-bottom: .25rem;
}
.listing_card .upper .proscons-attributes .box .title a {
	float: right;
	font-weight: 400;
}
.listing_card .upper .proscons-attributes .box .title.pros {
	color: #4caf50;
}
.listing_card .upper .proscons-attributes .box .title.cons {
	color: #C73F65;
}
.listing_card .upper .proscons-attributes .box .title:before,
.listing_card .upper .proscons-attributes .box .title:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    border-radius: 4px;
}
.listing_card .upper .proscons-attributes .box .title:before {
	background: #333;
	opacity: .2;
}
.listing_card .upper .proscons-attributes .box .title.pros:before {
	background: #4caf50;
}
.listing_card .upper .proscons-attributes .box .title.cons:before {
	background: #C73F65;
}
.listing_card .upper .proscons-attributes .box .title:after {	
	background: #333;
	width: 60%;
}
.listing_card .upper .proscons-attributes .box .title.pros:after {
	background: #4caf50;
}
.listing_card .upper .proscons-attributes .box .title.cons:after {
	background: #C73F65;
}
.listing_card .upper .proscons-attributes .box ul.attributes {
    font-size: .775rem;
	padding: 0;
	margin-bottom: 0;
}
.listing_card .upper .proscons-attributes .box ul.attributes li {
	padding: 0;
	list-style: none;
}
.listing_card .lower {
	padding: 1.5rem 1.5rem 1rem 1.5rem;
	background: rgba(40, 63, 75, 0.05);
	border-bottom-right-radius: .5rem;
	border-bottom-left-radius: .5rem;
}

.listing_card.best {
	border: 1px solid #335ab9;
}
.listing_card.best .selected {
	position: absolute;
	top: 0;
	right: 0;
	border-color: rgba(255,255,255,0) #335ab9 rgba(255,255,255,0) rgba(255,255,255,0);
	border-style: solid;
	border-width: 0 100px 90px 0;
	float: right;
	height: 0;
	width: 0;
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.listing_card.best .selected .selected-text {
	color: #fff;
	font-size: .85rem;
	text-transform: uppercase;
	position: relative;
	right: -42.5px;
	top: 5px;
	white-space: nowrap;
	-ms-transform: rotate(42deg);
	-o-transform: rotate(42deg);
	-webkit-transform: rotate(42deg);
	transform: rotate(42deg);
}

.listing_card.sidebar {
	text-align: center;
	padding: 1.75rem 1.5rem;
	border: 1px solid transparent;
}
.listing_card.sidebar.cmee.orange {
	border: 1px solid #f55310;
	-webkit-box-shadow: 0 4px 8px 0 rgba(238,90,90,.5), 0 0 1px 0 rgba(238,90,90,.5);
    box-shadow: 0 4px 8px 0 rgba(238,90,90,.5), 0 0 1px 0 rgba(238,90,90,.5);
}
.listing_card.sidebar.cmee.blue {
	border: 1px solid #335ab9;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,92,126,.5), 0 0 1px 0 rgba(0,92,126,.5);
    box-shadow: 0 4px 8px 0 rgba(0,92,126,.5), 0 0 1px 0 rgba(0,92,126,.5);
}

.listing_card.sidebar .image {
	width: 100%;
	height: 150px;
}
.listing_card.sidebar .image img {
	height: 150px;
	object-fit: contain;
	border-radius: .25rem;
}

.listing_card.block img {
	height: 200px;
}
.listing_card.block ul.readmore,
.listing_card.block ul.readmore li {
	margin: 0;
}
.listing_card.block ul.readmore a {
	color: #00e;
}
.listing_card.block .bestin {
	font-weight: 500;
	font-size: .775rem;
	text-transform: uppercase;
}

/* savingbadge */
.savingbadge {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #fff570;
	color: initial;
	font-size: .65rem;
	font-weight: 500;
	padding: .15rem .5rem;
	border-radius: .25rem;
	letter-spacing: .05rem;
}
#product .savingbadge {
	font-size: .775rem;
	padding: .5rem .75rem;
}

/* offersdivtable */
.offersdivtable .offerdiv {
	border: 1px solid #eee;
	border-radius: .25rem;
	line-height: 48px;
	background: #ffffff;
}
.offersdivtable .offerdiv a {
	color: inherit;
}
.no-touch .offersdivtable .offerdiv:hover {
	transition: .2s all;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 0 1px 0 rgba(0,0,0,.2);
}
.no-touch .offersdivtable .offerdiv.inactive:hover {
	box-shadow: none;
}
.offersdivtable .offerdiv.bestprice {
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 0 1px 0 rgba(0,0,0,.2);
}

.no-touch .offersdivtable .offerdiv:hover a {
	color: inherit;
}
.offersdivtable .offerdiv img {
	height: 22px;
	max-width: 100px;
	object-fit: contain;
}
.offersdivtable .offerdiv .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	font-size: .825rem;
}
.no-touch .offersdivtable .offerdiv:hover .title span.org {
	text-decoration: underline;
}
.no-touch .offersdivtable .offerdiv.inactive:hover .title span.org {
    text-decoration: none;
}
.offersdivtable .offerdiv .title span.label_size {
	background: #335ab9;
	color: #fff;
	padding: .25rem .35rem;
	margin-left: .25rem;
	font-size: .675rem;
	font-weight: 500;
	border-radius: .25rem;
}
.nprices .stock,
.offersdivtable .offerdiv .buffer .partner_usps .stock,
.offersdivtable .offerdiv .prices .stock {
	float: left;
	font-weight: initial;
}
.nprices .stock:before,
.offersdivtable .offerdiv .buffer .partner_usps .stock:before,
.offersdivtable .offerdiv .prices .stock:before {
	content: '\A';
	display: inline-block;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	margin-right: .25rem;
}
.stock.instock:before {
	background: #48A77B;
}
.stock.preorder:before {
	background: #A79542;
}
.stock.unknown:before {
	background: rgb(85,85,85);
}
.stock.outofstock:before {
	background: #B62454;
}
.offersdivtable .offerdiv .icon {
	color: initial;
}
.offerdivtitle {
	font-weight: 500;
	font-size: 1.15rem;
	line-height: 38px;
}
.na_notice {
	background: #f2f5f5;
	padding: 1rem 0;
	border-radius: .25rem;
}
.showmore {
	flex: 1 0 100%;
	display: flex;
	gap: .5em;
	align-items: center;
}
.showmore_line {
	flex-grow: 1;
	height: 1px;
	background: #f4f4f4;
}
.showmore_btn {
	font-family: inherit;
	background: none;
	border: none;
	box-shadow: none;
	padding: .5em;
	margin: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: .25em;
	font-size: 16px;
}
.no-touch .showmore_btn:hover {
	text-decoration: underline;
}

/* NEW offersdivtable, 16-11-2022 */
.offersdivtable .offerdiv .buffer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: .925rem;
	padding: .5rem .75rem;
}
.offersdivtable .offerdiv .buffer>div {
	margin: 0 .5rem;
}
.offersdivtable .offerdiv .buffer .img {
	flex: 0 0 100px;
}
.offersdivtable .offerdiv .buffer .title {
	flex: 2;
}
.offersdivtable .offerdiv .buffer .partner_usps {
    flex: 0 0 175px;
	padding-top: 4px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	font-size: .75rem;
}
.offersdivtable .offerdiv .buffer .partner_usps .delivery {
	color: #666;
}
.offersdivtable .offerdiv .buffer .partner_usps .delivery.mobile {
	display: none;
}
.offersdivtable .offerdiv .buffer .prices {
	flex: 0 0 165px;
	display: flex;
	justify-content: flex-end;
}
.offersdivtable .offerdiv .buffer .prices .old_price {
	color: #666;
	font-weight: 500;
	position: relative;
	margin-right: 0.5rem;
}
.offersdivtable .offerdiv .buffer .prices .old_price:before {
	position: absolute;
	content: "";
	left: 0;
	top: 45%;
	right: 0;
	border-top: 1px solid #222 !important;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.offersdivtable .offerdiv .buffer .prices .final_price {
	color: #333;
	font-weight: 500;
	font-size: 1.125rem;
}
.offersdivtable .offerdiv .buffer .prices .icon {
	margin-left: .25rem;
}

/* module 14 - featured */
.featured {
	background: #f8f8f8;
	min-height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: .25rem;
	padding: 1rem 1.5rem 0;
}
a .featured {
	cursor: pointer;
}
.featured.partner {
	padding: 1rem 1.5rem;
}
.featured.partner img {
	max-height: 40px;
	max-width: 150px;
}
.featured.founder {
	flex-direction: row;
	text-align: left;
}
.featured.founder .profileimg {
	margin: 0 1rem 1rem 0;
}
.featured.founder .profileimg img {
	min-width: 100px;
	border-radius: 50%;
}
.featured p {
	line-height: 1.5;
}


/* loadmore pagination */
.loadmore_stats .lbl {
	font-size: .85rem;
	margin-bottom: .25rem;
}
.loadmore_stats .showing_bar {
	width: 90%;
	max-width: 150px;
	margin: auto;
	
}
.loadmore_stats .showing_bar .progress-bar {
	background: #335ab9;
}
.loadmore_stats .showing_bar .progress {
	height: .5rem;
	border-radius: 0;
}	


/* responsive embed */
.responsive-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* table-responsive */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* table */
table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
}
table caption {
	text-align: left;
	padding-bottom: .5rem;
}
table tr th,
table tr td {
	padding: .5rem;
	text-align: right;
}
table tr td button {
	float: right;
}
table tr th:first-of-type,
table tr th[scope="row"] {
	text-align: left;
}
table thead {
	/*background: var(--theme-color);
	color: #fff;*/
}
table thead tr th {
	font-weight: 400;
}
table tbody {
	/*border-bottom: 3px solid var(--theme-color);*/
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
table tbody tr:last-of-type {
	border: none;
}
table tbody tr:nth-child(odd) {
	background: #f9f9f9;
}
table tbody tr th {
	font-weight: 300;
}
table a {
	text-decoration: underline;
}
.no-touch table a:hover {
	text-decoration: none;
}

/* table widget_new */
table.widget_new {
	margin: 0 0 .75rem 0;
}
table.widget_new tfoot span.update_tag {
	float: right;
	font-size: .75rem;
	font-style: italic;
}

/* table.attributes */
table.attributes {
	margin: 0;
}
table.attributes.comparison {
	font-size: .825rem;
}
table.attributes caption {
	text-align: left;
	padding: .75rem 0;
	font-size: 18px;
    font-weight: 500;
}
table.attributes strong {
	font-weight: 300;
}
table.attributes thead {
    background: none;
	vertical-align: top;
}
table.attributes thead tr th {
	min-width: 150px;
	padding: .75rem .5rem;
}
table.attributes thead tr th a {
    color: initial;
}
table.attributes thead tr th .inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	gap: .5rem;
	text-align: center;
	color: initial;
}
table.attributes thead tr th .inner .media {
    height: 50px;
}
table.attributes thead tr th .inner .media img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
table.attributes thead tr th .inner .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.attributes tbody,
table.attributes tbody tr {
	border: 0;
	font-size: .875rem;
}
.listing_product .attributes tbody tr td {
	text-align: left;
}
table.attributes tbody tr:nth-child(odd) {
	background-color: #f0f0f0;
}
table.attributes tbody tr:nth-child(even) {
	background-color: #fff;
}
table.attributes.comparison tbody tr td {
	text-align: center;
	padding: .75rem .5rem;
}


/* section comparison */
section.comparison {
	max-width: 1565px;
	width: 100%;
	margin: auto;
	padding: 2rem 10px;
}
section.comparison .timg {
	height: 100px;
	width: 100px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
section.comparison .timg img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}
section.comparison .product_title {
	color: initial;
	font-weight: 500;
	font-size: .875rem;
	margin: .5rem 0 0.25rem;
}
section.comparison .pricing {
	font-size: .875rem;
}
section.comparison .pricing .price.old {
	text-decoration: line-through;
}
section.comparison .pricing .special_price.now,
section.comparison .pricing .price.now {
	font-weight: 500;
}
section.comparison table {
	margin: 0;
}
section.comparison table.comparison_table tr td {
	border-top: 0;
	min-width: 150px;
	font-size: .825rem;
	text-align: center;
	border-right: 1px solid #dee2e6;
}
section.comparison table.comparison_table thead tr {
	background-color: #fff;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
section.comparison table.comparison_table tbody tr td {
	text-align: right;
	border-right: 1px solid #e7e7e7;
}
section.comparison table.comparison_table tbody tr td:first-of-type {
	text-align: initial;
}
section.comparison table.comparison_table tbody tr td:last-of-type {
	border-right: 0;
}
section.comparison table.comparison_table span.diff {
	font-size: .675rem;
	font-weight: 500;
}
section.comparison table.comparison_table span.diff.positive {
	color: green;
}
section.comparison table.comparison_table span.diff.negative {
	color: red;
}
section.comparison table.comparison_table td.compare_title {
	vertical-align: inherit;
	background: #f9f9f9;
}
section.comparison table.comparison_table td.compare_title h2 {
	font-size: .75rem;
	font-weight: 500;
}
section.comparison table.comparison_table td.compare_title img {
	max-width: 150px;
}


/* pfacts */
.pfacts {
	background: #f2f5f5;
}
.pfacts .score_box {
	width: 100%;
}
.pfacts .score_box .score {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #fff;
	font-size: 2.25rem;
	height: 100px;
	width: 100px;
	border-radius: .25rem;
	
	float: right;
}
.pfacts .score_box .score_green .score {
	background-color: #098040;
}
.pfacts .score_box .score_yellow .score {
	background-color: #ffb717;
}
.pfacts .score_box .score_red .score {
	background-color: #eb1c24;
}
.pfacts .score_box .score_about {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pfacts .score_box .score_heading {
	font-weight: 500;
	font-size: 1.25rem;
}
.pfacts .score_box .score_green .score_heading {
	color: #098040;
}
.pfacts .score_box .score_yellow .score_heading {
	color: #ffb717;
}
.pfacts .score_box .score_red .score_heading {
	color: #eb1c24;
}
.table_simple {
	width: 100%;
	font-size: .875rem;
}
.table_simple .icon {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: .5rem;
}
.table_simple .icon svg {
	vertical-align: top;
	max-height: 100%;
	max-width: 100%;
}
.table_simple span {
	color: #555;
}
.table_simple td {
	padding: .25rem 1.5rem .25rem 0;
	line-height: 24px;
	vertical-align: top;
}


/* post category cards */
.app .page .post_categories ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
.app .page .post_categories ul li {
	display: inline-block;
	list-style: none;
	text-align: center;
	padding: 0;
	height: 75px;
	padding: .5rem 2rem;
}
.app .page .post_categories ul li .icon,
.app .page .post_categories ul li .icon svg {
	height: 40px;
}
.app .page .post_categories ul li .title {
	color: initial;
	font-size: .85rem;
	padding-top: .25rem;
}
.no-touch .app .page .post_categories ul li:hover .title {
	text-decoration: underline;
}
.category ul.shortcuts {
	display: inline-block;
	list-style: none;
	padding: 0;
}
.category ul.shortcuts li {
	display: inline-block;
	background: #f2f5f5;
	padding: 0 .5rem;
	border-radius: .25rem;
}
.category ul.shortcuts li a {
	color: initial;
}
.no-touch .category ul.shortcuts li:hover a {
	text-decoration: underline;
}

/* subcategories */
ul.subcategories {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.subcategories li {
    float: left;
    margin: 0 .5rem .5rem 0;
}
ul.subcategories li a {
    background: #f4f2ef;
    color: inherit;
    border-radius: .25rem;
    padding: .5rem .75rem;
    font-size: .85rem;
}
ul.subcategories li.active a {
	text-decoration: underline;
}
.no-touch ul.subcategories li a:hover,
.no-touch ul.subcategories li a:active,
.no-touch ul.subcategories li a:focus {
    text-decoration: underline;
    color: inherit;
}

/* blogusp */
.blogusp {
	background: #f2f5f5;
}
.blogusp h3 {
	font-weight: 500;
}
.blogusp h3 span {
	color: #335ab9;
}
.blogusp p {
	line-height: 1.5;
	font-size: .85rem;
	margin: 0;
}

.star_review {
	
}
.star_review .star svg  {
	height: 20px;
}

/* articlecta */
.articlecta {
	position: fixed;
	font-size: .85rem;
	left: 15px;
	right: 15px;
	width: calc(30% - 30px);
	height: 70px;
	margin: auto;
	z-index: 9;
	
	-webkit-transition: all .75s ease-in-out;
	transition: all .75s ease-in-out;
}

.articlecta.listing {
	background: #fff;
	border-radius: .25rem;
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	border: 1px solid #eee;
}
.articlecta .cbtn_outbound {
	line-height: 70px;
	border-radius: 35px;
	padding: 0 1rem;
	font-size: .925rem;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #21ba87;
	color: #fff;
	
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 0 1px 0 rgb(0 0 0 / 20%);
}
.articlecta .cbtn_outbound:after {
	content: '\276F';
	float: right;
}
.articlecta.active {
	bottom: 20px !important;
}
.articlecta.listing .inner {
	float: left;
	width: 100%;
	padding: 10px 40px 10px 20px;
	position: relative;
}
.articlecta.listing .placeholder {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	text-align: center;
}
.articlecta.listing .placeholder img {
	max-height: 100%;
	width: auto;
}
.articlecta.listing .right {
	float: left;
	width: calc(100% - 60px);
}
.articlecta.listing .bestchoice {
	display: block;
	line-height: 13px;
	font-size: .725rem;
	
	text-transform: uppercase;
	color: initial;
}
.articlecta.listing .title {
	line-height: 20px;
	font-size: .825rem;
	font-weight: 500;
	color: initial;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.articlecta.listing .pricing {
	line-height: 17px;
	font-size: .725rem;
	color: #c74c52;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.articlecta.listing .pricing span {
	font-weight: 500;
}
.articlecta.listing .pricing span.lowprice {
	font-weight: 500;
}
.articlecta.listing .icon {
	position: absolute;
	right: 15px;
	top: 22.5px;
	font-size: 25px;
	line-height: 25px;
	color: #c74c52;
}

/* video-container */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; /*margin-bottom: 1rem;*/}

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* post_relations */
.product_roundups {
	float: left;
	width: calc(100% - 6rem);
	border: 1px dashed #282b30;
	padding: 1.25rem 1.25rem 0;
	margin: 0 3rem;
}
.product_roundups h2 {
	padding-bottom: .5rem;
	text-transform: capitalize;
}
.product_roundups ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.product_roundups ul li {
	float: left;
	width: 100%;
	margin-bottom: 1rem;
}
.product_roundups ul li .roundup_top {
	display: flex;
	align-items: center;
}
.product_roundups ul li .roundup_top .product_img {
	margin-right: 1rem;
	height: 80px;
	width: 80px;
	min-width: 80px;
	padding: 0.5rem;
	
	background: rgba(40, 63, 75, 0.05);
	border-radius: 0.25rem;
	
	text-align: center;
}
.product_roundups ul li .roundup_top .product_img img {
	mix-blend-mode: multiply;
}
.no-touch .product_roundups ul li .roundup_top .product_img:hover img {
    transform: scale(1.025);
    transition: all .3s;
}
.product_roundups ul li .roundup_top .roundup_box {
	display: flex;
	flex-direction: column;
}
.product_roundups ul li .roundup_top .roundup_box .roundup_title {
	font-weight: 500;
	display: inline-block;
}
.product_roundups ul li .roundup_top .roundup_box .roundup_title a {
	font-weight: normal;
}
.product_roundups ul li .roundup_top .roundup_box .roundup_cta {
	display: inline-block;
}
.product_roundups ul li .roundup_top .roundup_box .roundup_cta a {
	color: inherit;
	text-decoration: none;
	border-bottom: 2px solid #c74c52;
}
.no-touch .product_roundups ul li .roundup_top .roundup_cta a:hover,
.no-touch .product_roundups ul li .roundup_top .roundup_cta a:focus,
.no-touch .product_roundups ul li .roundup_top .roundup_cta a:active {
	color: #c74c52;
}
.product_roundups ul li .roundup_top .roundup_cta span.old_rrp {
	text-decoration: line-through;
}

/* use_together_products */
.use_together_products ul {
	list-style: none;
	padding: 1.5rem 0 0;
	margin: 1.5rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.use_together_products ul li {
	margin-bottom: 1.5rem;
	font-size: .875rem;
}
.use_together_products ul li a {
	color: #282b30;
}
.use_together_products ul li .ut {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.use_together_products ul li .ut .ut_img {
	margin-right: .75rem;
	height: 75px;
	width: 100px;
}
.use_together_products ul li .ut .ut_img img {
	border-radius: 0.25rem;
	height: 100%;
	width: 100%;
	object-fit: cover;
	min-width: 100px;
}
.use_together_products ul li .ut .ut_box {
	
}
.use_together_products ul li .ut .ut_box .ut_path {
	color: #5f6368;
	
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	max-width: 80%;
}
.use_together_products ul li .ut .ut_box .ut_path span {
	color: #202124;
}
.use_together_products ul li .ut .ut_box .ut_title {
	font-size: 1.15rem;
	color: #1a0dab;
	padding: 0 0 .25rem;
	font-weight: 400;
	line-height: initial;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.no-touch .use_together_products ul li:hover .ut .ut_box .ut_title {
	text-decoration: underline;
}
.use_together_products ul li .ut .ut_box .ut_summary {
	line-height: 1.5;
	color: initial;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.use_together_products ul li .ut .ut_box .ut_rel_product {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
	
.use_together_products ul li .ut .ut_box .ut_rel_product a {
	color: #1a0dab;
}
.no-touch .use_together_products ul li .ut .ut_box .ut_rel_product a:hover {
	text-decoration: underline;
}

/* garden_tasks */
ul.garden_tasks {
	list-style: none;
}
ul.garden_tasks li {
	position: relative;
	margin-bottom: .5rem;
}
ul.garden_tasks li:before {
	content: "";
	display: block;
	position: absolute;
	left: -25px;
	top: 6px;
	background: url('/images/blad.svg') #fff;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}

/* garden_months_nav */
.garden_months_nav {
	display: flex;
	gap: .5rem;
}
.garden_months_nav .garden_month_nav {
	flex: 1;
}
.garden_months_nav .garden_month_nav.current {
	cursor: pointer;
}
.garden_months_nav .garden_month_nav.current {
	text-align: center;
}
.garden_months_nav .garden_month_nav.next {
	cursor: pointer;
	text-align: right;
}

/* faq */
.faq {
	display: flex;
	flex-direction: column;
	/*gap: 1rem;*/
	max-width: 720px;
	width: 100%;
	margin: auto;
}
.faq details {
	/*border: 1px solid #f0f0f0;
	border-radius: .25rem;
	background: #f0f0f0;*/
	border-bottom: 1px solid #f0f0f0;
}
.faq details:first-of-type {
	border-top: 1px solid #f0f0f0;
	margin-top: .5rem;
}
.faq details summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*padding: .75rem 1.25rem;*/
	padding: 1rem .25rem;
	list-style: none;
	/*font-weight: 500;*/
}
.faq details summary::-webkit-details-marker {
	display: none;
}
.no-touch .faq details summary {
	cursor: pointer;
}
/*.no-touch .faq details summary:hover {
	text-decoration: underline;
}*/
.faq details summary::after {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24"><path fill="%23d6d6d6" d="m12.002 2c5.518 0 9.998 4.48 9.998 9.998 0 5.517-4.48 9.997-9.998 9.997-5.517 0-9.997-4.48-9.997-9.997 0-5.518 4.48-9.998 9.997-9.998zm-.747 9.25h-3.5c-.414 0-.75.336-.75.75s.336.75.75.75h3.5v3.5c0 .414.336.75.75.75s.75-.336.75-.75v-3.5h3.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75h-3.5v-3.5c0-.414-.336-.75-.75-.75s-.75.336-.75.75z"></path></svg>');
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.faq details[open] summary::after {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24"><path fill="%23d6d6d6" d="m12.002 2.005c5.518 0 9.998 4.48 9.998 9.997 0 5.518-4.48 9.998-9.998 9.998-5.517 0-9.997-4.48-9.997-9.998 0-5.517 4.48-9.997 9.997-9.997zm4.253 9.25h-8.5c-.414 0-.75.336-.75.75s.336.75.75.75h8.5c.414 0 .75-.336.75-.75s-.336-.75-.75-.75z"></path></svg>');
}
.faq details p {
	/*padding: 0 1.25rem .75rem 1.25rem;*/
	padding: 0 .25rem 1rem;
	margin: 0;
}

/* pagination */
/*
ul.pagination {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.pagination li.dots {
    opacity: .75;
	padding: 5px 1px 0;
}
ul.pagination li.page-item a.page-link {
	display: block;
    border: 0;
    color: initial;
	font-size: .85rem;
	font-weight: 500;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0;
	border-radius: .25rem;
	margin: 0 .25rem;
	
	background: #f2f5f5;
	text-decoration: unset;
	outline: 0 !important;
	box-shadow: none !important;
}
ul.pagination li.page-item.active a.page-link {
	background: var(--theme-color);
    color: #fff;
}
*/

/* affiliate_disclaimer */
.affiliate_disclaimer {
	font-size: .825rem;
	color: #585858;
}
.affiliate_disclaimer.mobile {display:none;}
.sidebar .affiliate_disclaimer {
	padding: .5rem 0 0;
}
.no-touch .sidebar .affiliate_disclaimer a:hover {
	text-decoration: underline;
}

.disclaimer_hero {
	/*background: #d0D5DD;*/
	background: #faf8f6;
	color: #00040b;
	max-width: calc(1140px + 1rem);
	margin: auto;
	text-align: center;
	padding: .5rem 1rem;
	font-size: .85rem;
}

.disclaimer_listing_offers {
	font-size: .85rem;
	text-align: right;
	padding: 0 0 .25rem;
}

.disclaimer_bestoverview {
	font-size: .85rem;
}

/* searchbar */
section.searchbar {
	padding: .5rem calc(50% - 37.5rem);
}
section.searchbar form {
	margin: 0;
	display: flex;
}
section.searchbar form .searchinput {
	/*border: 1px solid #335ab9;*/
	border: 1px solid var(--theme-color);
	flex: 1 0 75%;
	padding: 0 .5rem;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
section.searchbar form .searchinput.active {
	border-bottom-left-radius: 0;
}
section.searchbar .searchbtn {
	flex: 1 0 25%;
	height: 48px;
	background: var(--theme-color);
	color: #fff;
	border-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}
section.searchbar .searchbtn.active {
	border-bottom-right-radius: 0;
}
section.searchbar .searchinput:focus,
section.searchbar .searchinput.active,
section.searchbar .searchbtn:focus,
section.searchbar .searchbtn:active {
	outline: 0;
	box-shadow: none;
}

section.searchbar .search_list {
	list-style:none;
}

/* search_result_box related below */
section.searchbar .search_result_box {
	position: absolute;
	left:1rem;
	right:1rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	border: 1px solid #335ab9;
	border-top: 0;
	background: #fff;
	z-index: 9999;
	
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
section.searchbar .search_result_box .results {
	display: flex;
}
section.searchbar .search_result_box .results .search_items {
	flex: 1 0 50%;
	max-width: 100%;
}
section.searchbar .search_result_box .results .search_items .heading {
	float: left;
	width: 100%;
	font-weight: 500;
	text-transform: uppercase;
	background: #f2f5f5;
	padding: .5rem .75rem;
	font-size: .75rem;
}
section.searchbar .search_result_box .results .search_items .heading a {
	float: right;
	text-decoration: underline;
	color: initial;
}
section.searchbar .search_result_box .results .search_items .result_box {
	float: left;
	width: 100%;
	max-height: 400px;
	overflow-y: scroll;
}
section.searchbar .search_result_box .results .search_items .result_box .tryagain {
	padding: .5rem 1rem;
	text-align: center;
}

section.searchbar .search_result_box .results .search_items .result_box ul.search_list {
	padding: 0;
	margin: 0;
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li {
	border: 1px solid transparent;
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li a.result {
	display: flex;
	padding: 0.5rem calc(0.75rem + 8px) 0.5rem 0.75rem;
}
.no-touch section.searchbar .search_result_box .results .search_items .result_box ul.search_list li:hover {
	border: 1px solid #ccc;
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li a.result .placeholder {
	float: left;
	width: 75px;
	height: 50px;
	margin-right: .5rem;
	text-align: center;
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li a.result img {
	height: 50px;
	object-fit: contain;
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li a.result .inner {
	float: left;
	width: calc(100% - 0.5rem - 75px - .75rem);
	font-size: .875rem;
	line-height: 25px;
	color: initial;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}
section.searchbar .search_result_box .results .search_items .result_box ul.search_list li a.result .inner span {
	font-weight: 400;
}


/* AD */
.ad {
	float: left;
	width: 100%;
	position: relative;
	border-radius: 0.25rem;
	-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 50%), 0 0 1px 0 rgb(0 0 0 / 50%);
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 50%), 0 0 1px 0 rgb(0 0 0 / 50%);
	
	background: #f2f5f5;
}
.ad .disc {
	align-items: center;
	background: rgba(76,175,80,.15);
	border-radius: .25rem 0 0 .25rem;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 22px;
}
.ad .disc .lbl {
	color: rgba(76,175,80,1);
	display: block;
	font-size: .65rem;
	font-weight: 500;
	transform: rotate(-90deg);
}
.ad .box {
	float: left;
	margin-left: 22px;
	padding: 1rem;
	width: calc(100% - 22px);
}
.ad .box .placeholder {
	float: left;
	width: 200px;
	height: 100%;
	text-align: center;
}
.ad .box .placeholder img {
	max-width: 200px;
	max-height: 200px;
	border-radius: 50%;
}
.ad .box .block {
	float: left;
	padding-left: 1rem;
}
.ad .box .block .from {
	font-weight: 500;
	font-size: .75rem;
	color: initial;
}
.ad .box .block .the_ad {
	color: initial;
	padding-top: .5rem;
}
.ad .box .block .the_ad ul {
	padding: .5rem 0 0 25px;
	line-height: 1.25;
}

/* sponsored_listing */
.sponsored_listing {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: .725rem;
}
.sponsored_listing a {
	color: #66676e;
}
.no-touch .sponsored_listing:hover a {
	text-decoration: underline;
}
.sponsored_listing svg {
	margin: -2px .15rem 0;
}

/* video_badge */
.video_badge {
	position: absolute;
	top: 10px;
	right: calc(15px + 10px);
	height: 60px;
	border-radius: 30px;
	background: rgba(255,0,0,.5);
	padding: 10px;
	display: flex;
	box-shadow: 0 0 15px rgba(255,255,255,.85);
	text-align: left;
}
.no-touch .video_badge:hover {
	background: rgba(255,0,0,.85);
}
.video_badge .image {
	border-radius: 50%;
	overflow: hidden;
	height: 40px;
	width: 40px;
	min-width: 40px;
}
.video_badge .image img {
	height: 40px;
	max-width: initial;
	margin-left: -25%;
}
.video_badge .teter {
	color: #fff;
	line-height: 20px;
	font-size: .85rem;
	margin: 0 1.5rem 0 .5rem;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	max-width: 125px;
	overflow-wrap: break-word;
}
.video_badge .play {
	margin-left: auto;
}

/* product -> bestdeal */
.bestdeal .explain {
	text-align: center;
	width: 100%;
}
.bestdeal .explain.top {
	color: #fff;
	background: #335ab9;
	font-weight: 500;	
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.bestdeal .explain.bottom {
	padding-top: .5rem;
}
.bestdeal .explain span {
	font-size: .825rem;
	padding: .25rem .5rem;
}
.no-touch .bestdeal .explain:hover a {
	text-decoration: underline;
}
.bestdeal .explain a:after {
	content: '\276F';
	transform: rotate(90deg);
	margin-left: .5rem;
	display: inline-block;
}
.bestdeal .wheretobuy {
	padding: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-left: 1px solid #335ab9;
    border-bottom: 1px solid #335ab9;
    border-right: 1px solid #335ab9;
    border-bottom-left-radius: 0.25rem;
}
.bestdeal .wheretobuy .image {
	height: 75px;
	width: 75px;
}
.bestdeal .wheretobuy .image.product img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	border-radius: .25rem;
}
.bestdeal .wheretobuy .image.partner {
	height: 22px;
    width: 100px;
}
.bestdeal .wheretobuy .image.partner img {
	object-fit: contain;
	height: 100%;
}
.bestdeal .wheretobuy .pricing {
	text-align: center;
}
.bestdeal .wheretobuy .pricing .old_price {
	text-decoration: line-through;
	padding-right: .25rem;
	color: #555;
}
.bestdeal .wheretobuy .pricing .saving {
	font-size: .75rem;
}
.bestdeal .wheretobuy .pricing .saving span.savepct {
	/*color: #ed5a62;*/
	color: #c74c52;
	font-weight: 500;
}
.bestdeal .wheretobuy .pricing .saving span.savekr {
	padding-left: .25rem;
}

/* product -> mentioned */
.mentioned .mention {
	text-align: center;
}
.mentioned .mention .image {
	height: 150px;
}
.mentioned .mention .image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: .25rem;
}
.mentioned .mention .title {
	padding-top: .5rem;
	font-size: .95rem;
	color: initial;
	font-weight: 500;
}

img.demo {
	opacity: 0.7;
}

.demo.active,
.demo:hover {
	opacity: 1;
}

img.video-img {
	width: 100%;
	height: 235px;
}

/* signupform */
.signupform {
	background: #f2f5f5;
	border-radius: .25rem;
	padding: 1.5rem 1.5rem .5rem;
}
.signupform .error {
	font-size: .825rem;
	background: #c9260f;
	padding: 0.25rem 1rem;
	color: #fff;
	font-weight: 500;
	float: left;
}
.signupform .klaviyo {
	max-width: 600px;
	margin: 3rem auto;
}
.signupform .klaviyo .heading {
	font-size: 1.55rem;
	color: #333;
	font-weight: 500;
}
.signupform .klaviyo .about {
	padding: 1rem 0;
}
.signupform .klaviyo .signupbox {
	height: 160px;
}
.signupform .klaviyo .smallstuff {
	font-size: .75rem;
	padding-top: 1rem;
}

/* post_top3 */
.post_top3 {
	padding-bottom: 1rem;
}
.post_top3 h2 {
	text-align: center;
	background: #f2f5f5;
	padding: .5rem;
	margin: 0;
	font-weight: 500;
	border-radius: .25rem;
	font-size: 1.15rem;
}
.post_top3 .top3_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post_top3 .top3_list li.topproduct {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #c6c6c6;
}
.post_top3 .top3_list li.topproduct:first-of-type {
	border-top: 0;
	margin-top: 0;
}
.post_top3 .top3_list li.topproduct:last-of-type {
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 1.5rem;
}
.post_top3 .top3_list .number {
	font-size: 2.5rem;
	font-weight: 500;
	margin-right: 1.25rem;
	flex: 1;
}
.post_top3 .top3_list .image {
	display: flex;
	margin-right: 1rem;
	height: 80px;
	width: 80px;
	min-width: 80px;
	padding: .5rem;
	position: relative;
	justify-content: center;
}
.post_top3 .top3_list .image:after {
	background: rgba(40, 63, 75, 0.05);
	content: "";
	position: absolute;
	inset: 0px;
	border-radius: 0.25rem;
}
.post_top3 .top3_list .image img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.post_top3 .top3_list .information {
	flex: 6;
	margin-right: 1rem;
}
.post_top3 .top3_list .information .label {
	height: 24px;
    line-height: 24px;
	margin-bottom: .5rem;
}
.post_top3 .top3_list .information .label span {
	font-size: .725rem;
	text-transform: uppercase;
	font-weight: 500;
	color: #1a847f;
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid #1a847f;
}
.post_top3 .top3_list .information .title {
	font-weight: 500;
	font-size: 1.05rem;
	line-height: initial;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post_top3 .top3_list .information .readmore {
    font-size: .85rem;
    text-decoration: underline;
	line-height: initial;
}
.post_top3 .top3_list .partner {
	flex: 6;
}
.post_top3 .top3_list .partner,
.comparison_table .cta {
	text-align: center;
}
.post_top3 .top3_list .cta .cheapest,
.comparison_table .cta .cheapest {
	font-size: .75rem;
	color: #555;
	font-weight: 400;
	padding-top: .25rem;
}
.post_top3 .top3_list .cta .todealer,
.comparison_table .cta .todealer,
.todealer {
	line-height: 48px;
	border-radius: 24px;
	background: var(--theme-color);
	color: #fff;
	font-size: .875rem;
	font-weight: 400;
	text-align: center;
	
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	cursor: pointer;
	
	min-height: 48px;
	padding: 0 1.5rem;
	
	position: relative;
}
.no-touch .todealer:hover {
	opacity: .8;
}
.post_top3 .top3_list .cta .todealer:after {
	content: '\276F';
	position: absolute;
	top: 0;
	right: 15px;
}
.comparison_table .cta .todealer {
	line-height: 20px;
	padding-top: 4px;
	font-weight: 500;
	-webkit-line-clamp: 2;
	min-width: 200px;
}
.post_top3 .top3_list .cta .soldout,
.comparison_table .cta .soldout {
	font-size: .85rem;
}
.proscons,
.post_top3 .top3_list .usps {
	flex: 7;
}
.usps .title {
	position: relative;
}
.usps .title:before,
.usps .title:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	content: '';
	border-radius: 4px;
}
.usps .title:before {
	background: #0068e0;
	opacity: .2;
}
.usps .title:after {
	background: #0068e0;
	width: 60%;
}
ul.proscons {
	list-style: none;
	padding: 0;
}
ul.proscons li,
.post_top3 .top3_list ul.proscons li {
	position: relative;
	padding-left: 18px;
}
.post_top3 .top3_list ul.proscons li {	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.top3expander {
	line-height: 48px;
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 1.5rem;
}
.top3expander .plusser {
	display: inline;
	font-weight: 500;
	border: 1px solid;
	border-radius: 50%;
	padding: 0px 5px;
	margin-right: 0.5rem;
}

/* buyguide */
.buyguide h2 {
	margin-bottom: 1rem;
}

/* blueintro */
.blueintro {
	border-radius: .25rem;
	background: #eef4ff;
	padding: 2rem 1.5rem 1.5rem;
	font-size: .875rem;
	position: relative;
}
.blueintro span {
	display: block;
	font-weight: 500;
	font-size: 1rem;
}
.blueintro h3 {
	font-weight: 500;
	font-size: 1.15rem;
	margin-bottom: 1rem;
}
.blueintro ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	position: relative;
}
.blueintro ul li:before {
    content: '';
    float: left;
    height: 20px;
    width: 22px;
    margin-top: 5px;
    background: url('data:image/svg+xml,%3Csvg width="22" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18.1387 9.99997C18.1387 14.495 14.4948 18.1389 9.99979 18.1389C5.50481 18.1389 1.8609 14.495 1.8609 9.99998C1.8609 5.50499 5.5048 1.86109 9.99979 1.86108C12.2301 1.86108 14.2508 2.75817 15.7209 4.21119L10.3614 11.0357L7.58994 7.50669C7.33411 7.18092 6.86263 7.12423 6.53687 7.38007C6.2111 7.6359 6.15441 8.10738 6.41025 8.43314L9.77155 12.7132C9.91374 12.8943 10.1312 13 10.3614 13C10.5916 13 10.8091 12.8943 10.9512 12.7132L16.7055 5.38614C17.6094 6.6974 18.1387 8.28688 18.1387 9.99997ZM17.6686 4.15979C18.9046 5.78038 19.6387 7.80446 19.6387 9.99997C19.6387 15.3234 15.3232 19.6389 9.99979 19.6389C4.67638 19.6389 0.360901 15.3234 0.360901 9.99998C0.360901 4.67656 4.67638 0.361084 9.99979 0.361084C12.5795 0.361084 14.9226 1.37453 16.6525 3.02501L18.4102 0.786776C18.6661 0.461013 19.1376 0.404324 19.4633 0.660157C19.7891 0.915991 19.8458 1.38747 19.5899 1.71323L17.6686 4.15979Z" fill="black"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.blueintro ul li {
	padding: 0 0 0.5rem 30px;
	position: relative;
}
.blueintro hr.blueborder {
	margin: 0 0 1rem 0;
	width: 40px;
	border-bottom: 1px solid #1b4abe;
}

/* how we picked */
.howwepicked {
	border-radius: 0.25rem;
	background: #f2f5f5;
	padding: 2rem 1.5rem 1.5rem;
	position: relative;
}
.howwepicked h2 {
	font-weight: 500;
	font-size: 1.15rem;
	margin-bottom: 1rem;
}
.how_we_picked_anchor {
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-weight: 500;
	color: #1b4abe;
	font-size: .875rem;
	line-height: initial;
}
.no-touch a.how_we_picked_anchor:hover,
.no-touch a.how_we_picked_anchor:active {
	color: #1b4abe;
}
.how_we_picked_anchor:after {
    content: '';
    display: inline-block;
    height: 11px;
    width: 18px;
    margin-left: .5rem;
    background-image: url('data:image/svg+xml,%3Csvg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.3302 6.13884L1.11684e-07 6.13884L0 4.86133L15.3302 4.86133L15.3302 6.13884Z" fill="%231b4abe"%3E%3C/path%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M15.2891 5.49932L11.5703 1.68697L12.4848 0.794922L17.0738 5.49932L12.4848 10.2037L11.5703 9.31168L15.2891 5.49932Z" fill="%231b4abe"%3E%3C/path%3E%3C/svg%3E');
	background-size: contain;
    background-repeat: no-repeat;
}
.how_we_picked_anchor.back_to_top:after {
	transform: rotate(-90deg);
}

/* cclabels */
.cclabels {
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 1;
}
.cclabels .cclabel {
	float: left;
	border-radius: 0.25rem;
	padding: 0.35rem 0.5rem;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .25px;
	background: #e3e3e3;
}
.cclabels .cclabel.saving {
	background-color: #e6f4ea;
	box-shadow: 3px 3px 3px rgba(19,115,51,.15);
	color: #137333;
}
.cclabels .cclabel.	 {
	background: #0e0e0f;
	border: #0e0e0f;
	color: #fff;	
}
.cclabels .cclabel.cybermonday {
	background: #10061f;
	color: #fff; 
}
.cclabels .cclabel.cybermonday .neon-cyber {
	color: #00BFF3;
	padding-right: .25rem;
}
.cclabels .cclabel.cybermonday .neon-monday {
	color: #FF1493;
}

.cclabels .cclabel.christmas {
	background: #c54245;
	border: #c54245;
	color: #fff;
}
.cclabels .cclabel.jansale {
	background: #fff570;
	border: #fff570;
	color: #333;
}

/* listing_card -> bestdeal */
.listing_card .upper .bestdeal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: .875rem;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}
.listing_card .upper .bestdeal .thewhy {
	flex: 100%;
	font-weight: 500;
}
.listing_card .upper .bestdeal .selling_points {
	flex: 1;
}
.listing_card .upper .bestdeal .selling_points ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.listing_card .upper .bestdeal .cta {
	flex: 1;
	text-align: center;
	align-self: center;
}
.listing_card .upper .bestdeal .cta a {
	text-decoration: none;
}
.listing_card .upper .bestdeal .cta .todealer {
	background: #21ba87;
	color: #fff;
	
	border: 1px solid #eee;
	line-height: 48px;
	border-radius: 24px;
	font-weight: 500;
	
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.listing_card .upper .bestdeal .cheapest {
	text-align: center;
	font-size: .65rem;
	color: #555;
	font-weight: 500;
	padding-top: 0.25rem;
}
.bestdeal .checkbox {
	
}
.listing_card .upper .bestdeal .selling_points ul.partner_usps li {
	
}
.listing_card .upper .bestdeal .selling_points ul.partner_usps li:before{
	content: ' ';
	float: left;
	background-image: url(/images/round-checkbox.svg);
	background-repeat: no-repeat;
	background-size: 8px 8px;
	background-position: 4px;
	text-align: center;
	width: 16px;
	height: 16px;
	margin: 6px 4px 0 0;
	background-color: #d5f5d7;
	border-radius: 100%;
}

/* events */
.cbutton {
	background: #555;
	color: #fff;
	font-size: .875rem;
	font-weight: 500;
	border-radius: .5rem;
	padding: 0 1.5rem;
	text-align: center;
	line-height: 48px;
	min-height: 48px;
	
	position: relative;
	
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cbutton.two {
	line-height: 20px;
	padding-top: 4px;
	text-transform: none;
	-webkit-line-clamp: 2;	
}
.cbutton:after {
	content: '\276F';
	position: absolute;
	top: 0;
	right: 10px;
}
.cbutton.two:after {
	top: 14px;
}
.clink {
	background: none;
	color: initial;
	line-height: 48px;
}

/* article event */
article.event {
	
}
article.event .header {
	background: linear-gradient(to right, #0b051e, #2a1b4d);
	border-radius: .25rem;
	color: #fff;
	padding: 3rem;
}
article.event .header .inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	max-width: 750px;
}
article.event .event_partners {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
article.event .event_partners .grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
article.event .event_partners .event_partner {
	font-size: .925rem;
	border-radius: .5rem;
	overflow: hidden;
	
	border: 1px solid #eee;
	background: #fff;
}
article.event .event_partners .event_partner a {
	color: initial;
}
article.event .event_partners .event_partner .card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.no-touch article.event .event_partners .event_partner:hover .card {
	background: #F3F3F5;
}
article.event .event_partners .event_partner .card .title {
	background: rgba(0, 0, 0, .85);
	color: #fff;
	width: 100%;
	text-align: center;
	padding: .15rem 0;
	font-size: .825rem;
	font-weight: 400;
}
article.event .event_partners .event_partner .card .media {
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	padding: 0 1rem;
}
article.event .event_partners .event_partner .card .media img {
	/*height: 36px;
	max-width: 80%;*/
	width: auto;
	transition: transform 300ms,opacity 200ms ease-in-out;
}
.no-touch article.event .event_partners .event_partner:hover .card .media img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
article.event .event_partners .event_partner .card .details {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding: .5rem;
	border-top: 1px solid #eee;
}
article.event .event_partners .event_partner .card .details svg {
	width: 30px;
	height: 30px;
}
article.event .event_partners .event_partner .card .details .about {
	display: flex;
	flex-direction: column;
}
article.event .event_offers {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

/* countdown */
.countdown {
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: repeat(4, 1fr);
	column-gap: .5rem;
	padding: .5rem;
	border-radius: .5rem;
	border: 1px solid #fff;
}
.countdown .lbl {
	grid-column: span 4;
	font-size: .85rem;
}
.countdown div {
	text-align: center;
}
.countdown div span {
	display: block;
	font-size: 2rem;
	font-weight: 600;
}
.countdown div small {
	font-size: .925rem;
	text-transform: uppercase;
}


/* MAP */
.post_map {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.post_map .map {
	display: flex;
	flex-direction: column;
}
.post_map .map h2 {
	margin: 0 0 1rem;
}
.post_map .map #map {
	aspect-ratio: 4/3;
	border-radius: 0;
}
.post_map .map .locator {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	background: #eef4ff;
	border-top-right-radius: .25rem;
	border-top-left-radius: .25rem;
}
.post_map .map .locator label {
	flex: auto;
}
.post_map .map .locator input {
	flex: auto;
	text-align: center;
	border-radius: .5rem;
    border: 1px solid #ccc;
    padding: .5rem 1rem;
}
.post_map .map .missingpin {
	padding: .75rem 1rem;
	font-size: 0.85rem;
	background: #eef4ff;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.post_map .locator .guide {
	padding-right: .5rem;
}
.post_map .locator .guide label {
	margin: 0;
	line-height: 38px;
	font-size: .85rem;
}
.post_map .locator .input_output {
	flex: 1 0 50%;
	padding-left: .5rem;
}
.post_map .locator .input_output #output_result.found {
	font-size: .85rem;
	background: #f4ffee;
	padding: 0.5rem;
	border-radius: 0.25rem;
	margin-top: 0.25rem;
}
.post_map .pin_listing {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.post_map .pin_listing .map_pins .pin_listing_heading {
	font-size: 1.15rem;
}
.post_map .pin_listing .map_pins ul {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin: .5rem 0 1.5rem;
}

/* listing_ product */
.listing_products {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.listing_product {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 1rem;
	
	border: 1px solid #f4f4f4;
	border-radius: .25rem;
	padding: 1rem .75rem;
}
.listing_product h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: .75rem;
}
.listing_product .heading {
	/*order: 1;*/
	
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.listing_product .heading h2 {
	font-weight: 600;
	font-size: 24px;
}
.listing_product .heading .heading_details {
	flex: 1 0 100%;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	align-items: center;
}
.listing_product .heading .heading_details .product_title {
	display: flex;
	align-items: center;
	font-size: 1.15rem;
	font-weight: 500;
}
/*
.listing_product .heading .heading_details a.product_title {
	color: var(--theme-color);
}
.listing_product .heading .heading_details a.product_title svg {
	display: none;
	height: 18px;
	width: 18px;
	fill: var(--theme-color);
	margin-left: .5rem;
}
.no-touch .listing_product .heading .heading_details a.product_title:hover {
	text-decoration: underline;
}
*/
.listing_product .heading h3.roundup {
	font-weight: 400;
}
.listing_product .heading h3.roundup span  {
	font-weight: 500;
	border-style: double;
	border-width: 0 0 4px 0;
	color: initial;
}
.listing_product .media,
.listing_product .gallery {
	/*order: 2;*/
	width: 100%;
	position: relative;
}
.listing_product .media .media_placeholder figure picture {
	margin: auto;
	object-fit: contain;
	height: 275px;
	width: 100%;
	padding: 1rem .25rem;
	text-align: center;
	background: rgba(40,63,75,.05);
	border-radius: .25rem;
}
.listing_product .media .media_placeholder figure picture img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	mix-blend-mode: multiply;
}
.listing_product .media .media_placeholder .branding {
	position: absolute;
	right: .75rem;
	top: calc(275px - 26px);
	height: 16px;
}
.listing_product .media .media_placeholder .branding img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	opacity: .5;
}
/*.listing_product .offers {
	order: 3;
}
.listing_product .product_highlight {
	order: 4;
}
.listing_product .award_why {
	order: 5;
}*/
/*.no-touch .listing_product .award_why a:hover {
	text-decoration: underline;
}*/
.offers .listing_product_offers .variant_selector {
	grid-template-columns: repeat(auto-fill,minmax(14%,1fr));
	gap: .5rem;
}
.offers .listing_product_offers .variant_selector label {
	padding: .5rem .25rem;
	height: 100%;
	gap: .25rem;
}
/*.listing_product .review_link {
	order: 6;
}*/
.listing_product .content {
	display: flex;
	gap: 1rem;
	flex-direction: column;
	/*order: 7;*/
}
.listing_product .attributes {
	/*order: 19;*/
}
.listing_product .offer_summary {
	/*order: 20;*/
}
.no-touch .listing_product .offer_summary a:hover {
	text-decoration: underline;
}
.listing_product .affiliate_disclaimer {
	padding: .5rem 0 0;
}

/*listing_offers_table - sidebar */
.sidebar.right .listing_offers_table .product_offer .inner .prices,
.sidebar.right .listing_offers_table .product_offer .inner .cbtn.desktop {
	display: none;
}
.sidebar.right .listing_offers_table .product_offer .inner .cbtn.mobile {
	display: flex;
}

/* listing_offers_table - all */
.no-touch .listing_offers_table .product_offer a:hover {
	text-decoration: none;
}
.no-touch .listing_offers_table .product_offer a:hover .inner {
	/*box-shadow: 0 0 0 .5rem var(--theme-muted-color);*/
	border-color: var(--theme-color);
}
.listing_offers_table {
	/*border-top: 1px solid #ccc;*/
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.listing_offers_table .product_offer {
	flex: 1 0 100%;
}
.listing_offers_table .product_offer .inner {
	display: flex;
	align-items: center;
	padding: .75rem .5rem;
	gap: .75rem;
	color: initial;
	
	border: 1px solid #ccc;
	border-radius: .25rem;
	transition: .2s ease;
}
/*.listing_offers_table .product_offer.visual {
	border-bottom: 1px dotted #ccc;
}*/
.listing_offers_table .product_offer .logo {
	flex: 0 0 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	height: 30px;
	max-width: 85px;
	
	font-size: .85rem;
	font-weight: 400;
	text-align: center;
	
	line-break: anywhere;
}
.listing_offers_table .product_offer .logo img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.listing_offers_table .product_offer .partner_usps {
	flex: auto;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	font-size: .825rem;
}
.listing_offers_table .product_offer .partner_usps .stock {
	float: left;
	font-weight: initial;
}
.listing_offers_table .product_offer .partner_usps .stock:before {
	content: '\A';
	display: inline-block;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	margin-right: .25rem;
}
.listing_offers_table .product_offer .partner_usps .delivery {
	color: #585858;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.listing_offers_table .product_offer .prices,
.listing_offers_table .product_offer .pricing {
	flex: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 0;
	column-gap: .25rem;
}
#offers_sidebar .listing_offers_table .product_offer .pricing {
	display: none;
}
#offers_sidebar .listing_offers_table .product_offer .cta .cbtn.mobile {
    display: flex;
}
#offers_sidebar .listing_offers_table .product_offer .cta .cbtn.desktop {
    display: none;
}
.listing_offers_table .product_offer .prices .old_price {
	color: #96959F;
    background: linear-gradient(#96959F, #96959F) no-repeat center .75em / 100% 0.07em;
}
.listing_offers_table .product_offer .prices .final_price {
	font-weight: 600;
	margin-left: 0.25rem;	
}
.listing_offers_table .product_offer .prices .final_price.couponed {
	color: #f0a800;
}
.listing_offers_table .product_offer .prices .coupon_req,
.listing_offers_table .product_offer .pricing .coupon_req {
	flex: 1 0 100%;
	font-size: .65rem;
	text-align: right;
	font-style: italic;
}
.listing_offers_table .product_offer .cta {
	flex: 0 0 auto;
}
.listing_offers_table .product_offer .cta .gotooffer {
	background: var(--theme-color);
	color: #fff;
	border-radius: 0.25rem;
	min-height: 48px;
	line-height: 48px;
	font-size: .85rem;
	font-weight: 400;
	cursor: pointer;
	padding: 0 1.5rem 0 .75rem;
	position: relative;
}
.listing_offers_table .product_offer .cta .gotooffer:after {
	content: '\276F';
	position: absolute;
	top: 0;
	right: .75rem;
}

/* coupon */
.coupon {
	text-align: center;
	background: #fdf2d9;
	border: 1px dashed #f0a800;
	color: #f0a800;
	font-size: .825rem;
	font-weight: 400;
	border-radius: .25rem;
	padding: .5rem .75rem;
}
.coupon span {
	font-weight: 500;
}
.coupon svg {
	padding-right: .25rem;
}

.listing_offers_table .product_offer .coupon {
	margin: 0 .75rem .5rem;
}
.listing_offers_table .product_offer .coupon {
	border-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}


/* listing_product - conclusion */
.listing_product .conclusion h3 {
	display: inline;
	font-size: initial;
	margin: 0 .15rem 0 0;
	background: var(--theme-heading-color);
	color: #fff;
	padding: 0.15rem 0.5rem;
	border-radius: 0.25rem;
	font-weight: 300;
	font-size: .925rem;
}
.listing_product .conclusion p {
	display: inline;
	margin: 0;
}
.listing_product .conclusion a {
	text-decoration: underline;
}

/* product_highlight (pros, cons, tips) */
.product_highlight {
	display: flex;
	flex-direction: column;
}
.product_highlight svg {
	width: 24px;
	height: 24px;
}
.product_highlight.pros svg {
	fill: #098040;
}
.product_highlight.cons svg {
	fill: #dc2b26;
}
.product_highlight.tips svg {
	fill: #FFB300;
}
.product_highlight ul {
	margin: 0;
	padding-left: 0;
}
.product_highlight ul li {
	padding: .25rem 0 .25rem 28px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left center;

}
.product_highlight.pros ul li {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22icon-check%22 viewBox=%220%200%2024%2024%22%3E%3Ctitle%3Echeckmark%3C/title%3E%3Cpath fill=%22%2348A77B%22 d=%22M19.293%205.293l-10.293%2010.293-4.293-4.293c-0.391-0.391-1.024-0.391-1.414%200s-0.391%201.024%200%201.414l5%205c0.391%200.391%201.024%200.391%201.414%200l11-11c0.391-0.391%200.391-1.024%200-1.414s-1.024-0.391-1.414%200z%22/%3E%3C/svg%3E');
    background-size: 20px 20px;
}
.product_highlight.cons ul li {
	background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 id=%22icon-x1%22 viewBox=%220%200%2024%2024%22%3E%3Ctitle%3Ecross%3C/title%3E%3Cpath fill=%22%23B62454%22 d=%22M5.293%206.707l5.293%205.293-5.293%205.293c-0.391%200.391-0.391%201.024%200%201.414s1.024%200.391%201.414%200l5.293-5.293%205.293%205.293c0.391%200.391%201.024%200.391%201.414%200s0.391-1.024%200-1.414l-5.293-5.293%205.293-5.293c0.391-0.391%200.391-1.024%200-1.414s-1.024-0.391-1.414%200l-5.293%205.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414%200s-0.391%201.024%200%201.414z%22/%3E%3C/svg%3E');
	background-size: 20px 20px;
}
.product_highlight.tips ul li {
	background-image: url('data:image/svg+xml,%3Csvg width=%2214%22 height=%2214%22 viewBox=%220%200%2024%2024%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M13%202V10H19L9%2022V14H3L13%202Z%22 fill=%22%23FFB300%22/%3E%3C/svg%3E');
	background-size: 20px 20px;
}
.pros_cons .tips {
	flex: 100%;
}

/* listing_product > listing_product_offers > listing_offer_heading */
.listing_offer_heading {
	font-size: .85rem;
	font-weight: 400;
	background: rgba(40, 63, 75, 0.05);
	padding: 0.5rem 0.75rem;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: .25rem;
	text-align: center;
}

.selected_placeholder {
	display: flex;
	margin-bottom: .5rem;
}
.selected_placeholder span {
	background: #292929;
	color: #fff;
	border-radius: 0.25rem;
    padding: 0.25rem .75rem;
	margin: 0 .25rem .25rem 0;
	font-size: .825rem;
}

/* listing_product > review_buttons */
.listing_product .review_buttons {
	display: flex;
	gap: 1rem;
}

/* .offers */
.offers h3 {
	font-size: 20px;
	margin-bottom: .5rem;
}
.offers a {
	text-decoration: none;
}
.offers a::after {
	content: none;
}
.offers .product_offers {
	display: flex;
	flex-direction: column;
	position: relative;
}
.not_available {
	/*color: #eb1c24;*/
	color: #a2221b;
}
.offers .product_offers .variant_selector {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: .75rem;
}
.offers .product_offers .variant_selector .grid_item {
	width: 90px;
}
.offers .product_offers .variant_selector label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
	border-radius: .25rem;
	padding: .25rem;
	
	height: 70px;
	width: 100%;
	
	font-size: .85rem;
	text-align: center;
	margin: 0;
	
	border: 1px solid #ccc;
	
	position: relative;
}
.offers .product_offers .variant_selector.low label {
	height: 70px;
}
.offers .product_offers .variant_selector input[type="radio"] {
	display: none;
}
.no-touch .offers .product_offers .variant_selector label:hover,
.offers .product_offers .variant_selector input[type="radio"]:checked+label {
	 cursor: pointer;
	 border: 1px solid #000;
}
.offers .product_offers .variant_selector label img {
	flex-grow: 1;
	object-fit: contain;
	mix-blend-mode: multiply;
	max-height: 40px;
}
.offers .product_offers .variant_selector label .price_from {
	font-size: .8125rem;
	line-height: 20px;
	height: 20px;
}
.offers .product_offers .variant_selector label .price_from span {
	font-size: .675rem;
}
.offers .product_offers .show_more_shops {
	flex: 1 0 100%;
	text-align: center;
	font-size: .85rem;
}

/* new 26-02-2025, new product/offer/variant/setup*/
.offers .variant_group {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: .15rem;
}
.offers .variant_group .variant_filter_title {
	font-size: .85rem;
	font-weight: 400;
}
.offers .variant_group .variant_selector {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-bottom: .75rem;
}
.offers .variant_group .variant_selector button {	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: .25rem;
	
	cursor: pointer;
	
	width: 85px;
	height: 65px;
	
	border: 1px solid #ccc;
	border-radius: .25rem;
	padding: .25rem;
	
	font-size: .85rem;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
	transition: .2s ease;
	
	overflow: hidden;
	
	line-height: 1;
	
	color: initial;
}
.no-touch .offers .variant_group .variant_selector button:hover,
.no-touch .offers .variant_group .variant_selector button:active {
	transform: scale(var(--button-variant-primary-state-active-scale,.96));
}
.no-touch .offers .variant_group .variant_selector button:hover,	
.offers .variant_group .variant_selector button.active {
	border: 1px solid #000;
}
.offers .variant_group .variant_selector button.unavailable {
	opacity: .5;
    background: linear-gradient(to bottom right,#fff calc(50% - 1px),#e0e0e0,#fff calc(50% + 1px));
}
.offers .variant_group .variant_selector button img {
	height: 30px;
}

/* listing_product roundup_all */
.roundup_all {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #f8f5ec;
	padding: 1rem;
}

/* grid_item */
.grid_item.na,
.grid_item.inactive {
	background: linear-gradient(to bottom right,#fff calc(50% - 1px),#e0e0e0,#fff calc(50% + 1px));
}
.grid_item.na label img,
.grid_item.na label span,
.grid_item.inactive label img,
.grid_item.inactive label span {
	opacity: .3;
}
.grid_item.na label .price_from,
.grid_item.inactive label .price_from {
	visibility: hidden;
}

/* leadfrm */
.leadfrm {
	border: 2px solid var(--theme-color);
	border-radius: .25rem;
	margin-bottom: 1rem;
}
.leadfrm .leadfrm_heading {
	background: var(--theme-color);
	padding: .5rem 1rem;
	color: #fff;
}
.leadfrm .leadfrm_content {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1rem;
	align-items: center;
}
.leadfrm .leadfrm_content p:last-of-type {
	margin: 0;
}
.leadfrm .leadfrm_content .leadfrm_description {
	order: 1;
	flex: 1;
}
.leadfrm .leadfrm_content .cta_logo {
	order: 2;
	flex: 0 0 125px;
}
.leadfrm .leadfrm_content .leadfrm_usps {
	order: 3;
	flex: 1 0 100%;
}
.leadfrm .leadfrm_content .leadfrm_usps ul {
	margin: 0;
	padding: 0 1rem;
}
.leadfrm .leadfrm_content .leadfrm_usps ul li {
	padding: .25rem 0 .25rem 28px;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJpY29uLWNoZWNrIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5jaGVja21hcms8L3RpdGxlPjxwYXRoIGZpbGw9IiM0OEE3N0IiIGQ9Ik0xOS4yOTMgNS4yOTNsLTEwLjI5MyAxMC4yOTMtNC4yOTMtNC4yOTNjLTAuMzkxLTAuMzkxLTEuMDI0LTAuMzkxLTEuNDE0IDBzLTAuMzkxIDEuMDI0IDAgMS40MTRsNSA1YzAuMzkxIDAuMzkxIDEuMDI0IDAuMzkxIDEuNDE0IDBsMTEtMTFjMC4zOTEtMC4zOTEgMC4zOTEtMS4wMjQgMC0xLjQxNHMtMS4wMjQtMC4zOTEtMS40MTQgMHoiLz48L3N2Zz4=);
    background-size: 20px 20px;
}
.leadfrm .leadfrm_content .cta_cbtn {
	order: 4;
	flex: 1 0 100%;
}
.sticky_leadfrm {
	position: fixed;
    top: calc(60px + 5px);    
    z-index: 5;
}

/* curved */
/*.curved {
	border-top-right-radius: .75rem;
	border-bottom-left-radius: .75rem;
	overflow: hidden;
}*/

/* gallery, new 02-08-2024 */
.gallery {
	
}
.gallery .gallery_main {
	aspect-ratio: 3/2;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.025);
	width: 100%;
	
	border-radius: .25rem;
	overflow: hidden;
}
.gallery .gallery_main img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.gallery .gallery_main img.contain {
	object-fit: contain;
}
.gallery .gallery_main video {
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.gallery .gallery_previews {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: .5rem;
	padding-bottom: .5rem;
	gap: .5rem;
	overflow: auto;
	overscroll-behavior-x: contain;
}
.bestoverview::-webkit-scrollbar,
.gallery .gallery_previews::-webkit-scrollbar {
    height: 10px;
}
.bestoverview::-webkit-scrollbar-thumb,
.gallery .gallery_previews::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 4px solid transparent;
    border-radius: .5rem;
    height: 6px;
}
.bestoverview::-webkit-scrollbar-corner,
.gallery .gallery_previews::-webkit-scrollbar-corner {
	background-color: transparent;
}
.gallery .gallery_previews .gallery_preview {
	/*align-items: center;*/
	aspect-ratio: 3/2;
	cursor: pointer;
	/*display: flex;*/
	/*flex: 1 0 auto;*/
	/*max-height: 90px;
	max-width: 90px;
	height: 100%;*/
	width: 90px;
	height: 60px;
	/*overflow: hidden;*/
	position: relative;
}
.no-touch .gallery .gallery_previews .gallery_preview:hover,
.gallery .gallery_previews .gallery_preview.active {
	opacity: .8;
}
.gallery .gallery_previews .gallery_preview img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: .25rem;
}
/*.gallery .gallery_previews .gallery_preview.contain img {
	object-fit: contain;
}*/
.gallery .gallery_previews .gallery_preview .media_play {
	border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    bottom: 8%;
    left: 9%;
    position: absolute;
}

/* grid_gallery */
.grid_gallery {
	display: grid;
	max-height: 500px;
	grid-gap: 10px;
	overflow: hidden;
	grid-template-areas:
		"main main sub1 sub2"
		"main main sub3 sub4"
	;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}
.grid_gallery.column1 {
	grid-template-areas:
		"main"
	;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
.grid_gallery.column1 {
    max-height: unset;
}
.grid_gallery.column2 {
	grid-template-areas:
		"main sub1"
	;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr;
}
.grid_gallery.column3 {
	grid-template-areas:
		"main main sub1"
		"main main sub2"
	;
	grid-template-columns: 1fr 1fr 1fr;
}
.grid_gallery .grid_media {
	position: relative;
}
.grid_gallery .grid_media.main {
	grid-area: main;
	max-height: 490px;
	width: 100%;
	aspect-ratio: 1;
	line-height: 0;
}
.grid_gallery .grid_media.sub {
	aspect-ratio: 1;
	max-height: 240px;
	width: 100%;
	line-height: 0;
}
.grid_gallery.column2 .grid_media.sub {
	max-height:initial;
}
.grid_gallery .grid_media.sub.cnt1 {
	grid-area: sub1;
}
.grid_gallery .grid_media.sub.cnt2 {
	grid-area: sub2;
}
.grid_gallery .grid_media.sub.cnt3 {
	grid-area: sub3;
}
.grid_gallery .grid_media.sub.cnt4 {
	grid-area: sub4;
}
.grid_media {
	position: relative;
}
/*.grid_media lite-youtube,*/
.grid_media img,
.grid_media video,
.grid_media .youtube {
	height: 100%;
	width: 100%;
}
/* .grid_media lite-youtube */
.grid_media img,
.grid_media .youtube {
	object-fit: cover;
}
.grid_media video {
	object-fit: contain;
	cursor: pointer;
}
.grid_media.image {
	cursor: zoom-in;
}
.grid_media.image .imgZoom {
	opacity: 0;
	position: absolute;
	top: 1rem; 
	right: 1rem;
	background: rgba(90,90,90,.5);
	border-radius: .5rem;
	transition: opacity 0.2s linear;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid_media.image .imgZoom svg {
	height: 16px;
	width: 16px;
	fill: #fff;
}
.no-touch .grid_media.image:hover .imgZoom {
	opacity: 1;
	transition: opacity 0.2s linear;
}

.grid_gallery .grid_media #fallbackPlaceholder,
.grid_gallery .grid_media #frame,
#fallbackPlaceholder {
	max-height: 490px !important;
}
.playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.playIcon svg {
	height: 100px;
	width: 100px;
	fill: rgba(255,255,255,.85);
}
.playIcon.small svg {
	height: 65px;
	width: 65px;
}
.playIcon.smaller svg {
	height: 44px;
	width: 44px;
}
.no-touch .grid.reels .item:hover .playIcon svg,
.no-touch .videoPlayer:hover .playIcon svg,
.no-touch .mediaViewer:hover .playIcon svg {
	fill: rgba(255,255,255,.95);
}
.grid_gallery .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.65);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-size: .925rem;
	font-weight: 500;
}

.modal_grid_gallery {
	display: none;
	
    position: fixed;
    flex-direction: column;
    z-index: 100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background: #fff;
}
.modal_grid_gallery.show-modal {
	display: flex;
}
.modal_grid_gallery .modal_grid_gallery_navigation {
	background: #fff;
	height: 60px;
	line-height: 60px;
	display: flex;
	z-index: 1;
	justify-content: space-between;
}
.modal_grid_gallery .modal_grid_gallery_content {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0 0 1.5rem;
	width: 100%;
	gap: 1rem;
	overflow-y: auto !important;
}
.modal_grid_gallery .modal_grid_gallery_content .grid_media {
    width: 100%;
    max-width: 650px;
}
.modal_grid_gallery .modal_close {
	font-size: .85rem;
	text-decoration: underline;
}
.modal_grid_gallery .modal_close svg {
	height: 24px;
	width: 24px;
	margin: 0 .75rem;
}
.modal_grid_gallery .modal_close:hover,
.modal_grid_gallery .modal_close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* youtube */
.youtube {
	position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* container 2023 */
.container-flex {
	display: grid;
	grid-template-columns: minmax(auto, 70%) minmax(auto, 30%);
	grid-gap: 1rem;
}
.container-flex .main {
	grid-column: 1/2;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.container-flex .sidebar {
	grid-column: 2/2;
	position: relative;
}

/* product_review */
.product_medias {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.product_review .cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	gap: .5rem;
}
.product_review .cta img {
	max-width: 100px;
	max-height: 85px;
	width: auto;
}
.product_review .cta span {
	font-size: .75rem;
	color: #555;
	font-weight: 400;
	padding-top: 0.25rem;
}

.product_review .mentioned {
	text-align: center;
}
.product_review .mentioned ul {
	padding: 0;
	margin: 0;
}
.product_review .mentioned ul li {
	list-style: none;
}
.product_review .mentioned ul li a {
	font-weight: 400;
	text-decoration: underline;
}

/* sidebar */
.sidebar h4 {
	font-size: 1rem;
	margin: 0;
	text-align: center;
}

.sidebar .by_creators {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #f8f5ec;
	padding: 1rem 1.5rem;
	min-height: 60px;
}
.sidebar .by_creators .creator {
	display: flex;
	align-items: center;
	gap: .5rem;
}
.sidebar .by_creators .creator a {
	font-size: .85rem;
}
.sidebar .by_creators .creator .creator_image {
	height: 40px;
	width: 40px;
}
.sidebar .by_creators .creator .creator_image img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidebar .last_updated {
	text-align: center;
	font-size: .85rem;
	color: #676767;
	padding: 0.5rem 0 1.5rem;
}

/* product_reviw -> summary_box */
.summary_box {
	display: flex;
	gap: 1rem;
	flex-direction: column;
	background: #f8f5ec;
	padding: 2rem;
}
.summary_box .reasons {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	gap: 1rem;
}
.summary_box .reasons h4 {
	font-weight: 500;
}
.summary_box .reasons>div ul {
	padding: 0;
	margin: 0;
}
.summary_box .reasons>div ul li {
	list-style: none;
	padding: 0;
	padding-left: 30px;
	line-height: inherit;
	position: relative;
}

.summary_box .reasons>div ul li:before {
	content: '';
	float: left;
	height: 20px;
	width: 22px;
	margin-top: 6px;
	position: absolute;
	left: 0;
	background-repeat: no-repeat;
}
.summary_box .reasons>div.tobuy ul li:before {
	content: '\2714';
	color: rgba(76,175,80,1);
}
.summary_box .reasons>div.nobuy ul li:before {
	content: '\00D7';
	background: transparent;
	border: 1.5px solid #000;
	color: #000;
	border-radius: 0 0.5rem 0 0.5rem;
	line-height: 18px;
	text-align: center;
	font-weight: 400;
}
.summary_box .star_rating {
	text-align: center;
}
.summary_box .star_rating svg {
	height: 36px;
	width: 36px;
}
.summary_box .star_rating .creator {
	display: block;
	margin-top: 1rem;
}

/* evaluation */
.evaluation {
	line-height: 1.75;
}

/* comments */
.comments {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.comments h3 {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: .5rem;
}
.comments .textarea_placeholder {
	height: 125px;
	width: 100%;
	border: 1px solid #d0D5DD;
	padding: .5rem;
	border-radius: .25rem;
}
.comments .comments_wrapper {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}
.comments .comment {
	flex: 1;
	display: flex;
	gap: .75rem;
	flex-direction: column;
}
.comments .comment.is_child {
  border-left: 1px solid #ccc;
  margin-left: .25rem;
  padding: .75rem 0 0 .5rem;
}
.comments .comment .comment_header {
    display: flex;
	align-items: center;
	gap: .75rem;
	height: 50px;
}
.comments .comment .comment_header .comment_avatar {
	display: flex;
	flex-direction: column;
	width: 50px;
	height: 50px;
	align-items: center;
	position: relative;
}
.comments .comment .comment_header .comment_avatar img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.comments .comment .comment_header .comment_avatar.empty {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #c5c5c5;
	
	border-radius: 50%;
}
.comments .comment .comment_header .comment_avatar.empty span {
	background: #c5c5c5;
	color: #585858;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 600;
}
.comments .comment .comment_header .comment_avatar .expert {
	position: absolute;
	bottom: -.35rem;
	background: var(--theme-color);
	padding: 1px 5px;
	border-radius: .25rem;
	font-size: .65rem;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.comments .comment .comment_header .comment_metas {
	flex: 1;
	display: flex;
	align-items: center;
}
.comments .comment .comment_header .comment_metas .comment_name {
	text-transform: capitalize;
	font-weight: 400;
}
.comments .comment .comment_header .comment_metas .comment_name a {
	font-weight: 300;
	text-decoration: none;
}
.no-touch .comments .comment .comment_header .comment_metas .comment_name a:hover {
	text-decoration: underline;
}
.comments .comment .comment_header .comment_metas .comment_time {
	margin-left: auto;
	color: #585858;
	font-size: .75rem;
	font-weight: 400;
}
.no-touch .comments .comment .comment_text a:hover {
	text-decoration: underline;
}
.comments .comment .comment_media {
	display: grid;
	/*grid-template-columns: repeat(2, minmax(auto, 200px));*/
	grid-template-columns: repeat(auto-fit, minmax(150px, 165px));
	gap: .5rem;
}
.comments .comment .comment_media .media {
	/*width: 200px;*/
	height: 165px;
}
.comments .comment .comment_media .media img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: .25rem;
}
.no-touch .comments .comment .comment_media .media:hover img {
	opacity: .8;
}
.comments .comment .comment_actions {
	display: flex;
	gap: 1rem;
	font-size: .85rem;
}
.comments .comment .comment_actions .comment_upvotes {
	display: flex;
	gap: .5rem;
}
.comments .comment .comment_replies {
	gap: 0;
	align-items: unset;
	margin-top: .5rem;
}

/* comment_reply_form */
.comment_reply_form form {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.comment_reply_form form textarea {
	outline: 0;
	border: 1px solid #d0D5DD;
	padding: .5rem;
	border-radius: .25rem;
}
.comment_reply_form form input {
	padding: .5rem;
	border-radius: .25rem;
	border: 1px solid #d0D5DD;
}
.comment_reply_form form .frm_box {
	flex: 1 0 100%;
	display: flex;
	flex-direction: column;
	gap: .25rem;
}
.comment_reply_form form .frm_box.half {
	flex: 0 0 calc(50% - 4px);
}
.comment_reply_form form .frm_box.actions {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}
.comment_reply_form form .frm_box.actions .media {
	margin-right: auto;
	display: flex;
}
.comment_reply_form form .frm_box.actions .media label svg {
	color: initial;
	stroke: #576f76;
	fill: none;
}
.comment_reply_form form .frm_box.actions .media input[type="file"] {
	display: none;
}
.comment_reply_form form .frm_box label {
	font-size: .75rem;
}
.comment_reply_form form .frm_box label span {
	color: red;
	padding-left: .5rem;
}

/* card_comment */
.card_comment {
	border-bottom: 1px solid #D2D5D9;
	padding-bottom: .5rem;
}
.no-touch .card_comment a:hover {
	text-decoration: underline;
}
.card_comment .card_comment_title {
	display: flex;
	align-items: center;
	gap: .5rem;
}
.card_comment .card_comment_title svg {
	width: 14px;
	height: 14px;
	fill: var(--theme-color);
}
.card_comment .card_comment_title a {
	font-weight: 400;
	color: initial;
}
.card_comment .card_comment_text {
	font-size: .95rem;
}
.card_comment .card_comment_metas {
	margin-top: auto;
	display: flex;
	gap: .5rem;
	font-size: .85rem;
}
.card_comment .card_comment_metas .card_comment_name {
	color: #646464;
}
.card_comment .card_comment_metas .card_comment_time {
	border-left: 1px solid #D2D5D9;
	color: #646464;
	padding-left: .5rem;
}
.card_comment .card_comment_metas .card_comment_upvotes {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: .25rem;
}
.card_comment .card_comment_metas .card_comment_upvotes svg {
	width: 14px;
	height: 14px;
	fill: var(--theme-color);
}

/* update_msg */
.msg {
	flex: 1 0 100%;
	padding: .5rem .75rem;
	border-radius: .15rem;
	margin: 1rem 0;
}
.msg a {
	text-decoration: underline;
}
.msg.green {
	background-color: #d5f6ea;
}

/* popup_media */
.popup_media {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.8);

	align-items: center;
	justify-content: center;
}

.popup_media img {
	border-radius: .25rem;
	max-width: 90%;
}

.popup_media .close {
	color: #fff;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
	cursor: pointer;
}

.popup_media .close:hover,
.popup_media .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* widget */
.widget {
	display: flex;
	flex-direction: column;
	padding: .5rem;
	/*margin: 1.5rem 0;*/
	margin: 1rem 0;
	border: 1px solid #f4f4f4;
	border-radius: .25rem;
	
	background: var(--theme-color);
}
.widget .widget_header {
	text-align: center;
	background: #faf8f6;
	padding: 1rem 1rem .5rem;
	border-top-right-radius: .25rem;
	border-top-left-radius: .25rem;
}
.widget .widget_header h2,
.widget .widget_header p {
	margin: 0;
}
.widget .widget_body {
	display: flex;
	flex: 1 0 100%;
	flex-direction: column;
	gap: 1rem;
	background: #faf8f6;
	padding: 0.5rem 1rem 1rem;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.widget .widget_body .calculator,
.widget .widget_body .results {
	flex: 1 0 calc(50% - .5rem);
}
.widget .widget_body .calculator {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.widget .widget_body .calculator .frm {
	display: flex;
	flex-direction: column;
}
.widget .widget_body .calculator .frm.hide {
	display: none;
}
.widget .widget_body .calculator .frm label {
	font-size: .95rem;
	font-weight: 400;
	margin-bottom: 0.25rem;
}
.widget .widget_body .calculator .frm .input_box {
	display: flex;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
}
.widget .widget_body .calculator .frm .input_box input,
.widget .widget_body .calculator .frm .input_box select {
	padding: .75rem;
	border: 0;
	flex: 100%;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}
.widget .widget_body .calculator .frm .input_box input[type="date"],
.widget .widget_body .calculator .frm .input_box select {
	border: none;
	box-sizing: border-box;
	outline: 0;
	padding: .75rem;
	position: relative;
	width: 100%;
}
.widget .widget_body .calculator .frm .input_box input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
.widget .widget_body .calculator .frm .input_box select option {
	padding: 0;
}
.widget .widget_body .calculator .frm .input_box input[type="range"] {
	height: 48px;
	margin: 0 0.75rem;
	padding: 0.75rem 0;
}
.widget .widget_body .calculator .frm .input_box span {
	border-left: 1px solid #ccc;
	background-color: rgba(248,250,252,1);
	flex: 1 0 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	font-size: .85rem;
	color: #64748b;
}
.widget .widget_body .calculator .frm .checkbox {
    display: flex;
    gap: 1rem;
}

.widget .widget_body .calculator .frm .checkbox label {
    background: #fff;
    display: flex;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    color: initial;
    padding: .75rem;
    margin: 0;
    cursor: pointer;
}
.widget .widget_body .calculator .frm .checkbox input:checked+label,
.no-touch .widget .widget_body .calculator .frm .checkbox label:hover {
	background: #00040b;
	color: #fff;
}
.widget .widget_body .calculator .frm .checkbox input {
    display: none;
}
.widget .widget_body .results {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	text-align: center;
}
.widget .widget_body .results .result {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.widget .widget_body .results .result .value {
	font-size: 1.25rem;
	font-weight: 500;
}

/* blog_stats */
.blog_stats {
	background: #faf8f6;
	color: #00040b;
	padding: 1.25rem calc(50% - 35.75rem);
	display: flex;
    justify-content: space-between;
	font-weight: 400;
}
.blog_stats .copy {
	flex: 1;
}
.blog_stats .copy .intro {
	flex: 1 0 100%;
}
.blog_stats .copy .tagline {
	flex: 1 0 100%;
    font-size: 1.15rem;
    font-weight: 500;
	color: inherit;
	margin: .25rem 0 0;
}
.blog_stats .links {
	flex: 1;
	display: flex;
	gap: .5rem;
	justify-content: flex-end;
	align-items: center;
}
.blog_stats .links .link {
	/*border-right: 1px dashed #d3d3d3;*/
	border-right: 1px dashed #ccc;
	padding-right: .5rem;
	margin-right: .5rem;
	text-align: right;
}
.blog_stats .links .link:last-of-type {
	border: 0;
	padding: 0;
	margin: 0;
}
.blog_stats .links .link .number {
	font-size: 1.15rem;
	font-weight: 500;
}
.blog_stats .links .link .category {
	font-size: .95rem;
}

/* spotlights :: 16-10-2024 */
.spotlights {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(6, minmax(0, auto));
}
/*
row-start: 4 (starts at the fourth row)
column-start: 1 (starts at the first column)
row-end: 5 (ends just before the fifth row, so it spans only row 4)
column-end: 3 (ends just before the third column, so it spans columns 1 and 2)
*/
.spotlights .spotlight:first-child {
	grid-area: 1 / 2 / 4 / 4;
}
.spotlights .spotlight:nth-child(2) {
	grid-area: 4 / 2 / 6 / 4;
}

.spotlights .spotlight:nth-child(3) {
	grid-area: 1 / 1 / 3 / 2;
}
.spotlights .spotlight:nth-child(4) {
	grid-area: 3 / 1 / 5 / 2;
}
.spotlights .spotlight:nth-child(5) {
	grid-area: 5 / 1 / 6 / 2;
}

.spotlights .spotlight:nth-child(6) {
	grid-area: 1 / 4 / 3 / 5;
}
.spotlights .spotlight:nth-child(7) {
	grid-area: 3 / 4 / 5 / 5;
}
.spotlights .spotlight:nth-child(8) {
	grid-area: 5 / 4 / 6 / 5;
}

.spotlights .spotlight {
	display: flex;
	flex-direction: column;
	border: 1px solid #eee;
	box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	border-radius: .25rem;
	overflow: hidden;
	color: initial;
}
.spotlights .spotlight a {
	text-decoration: none;
}
.spotlights .spotlight .media {
	height: 150px;
	position: relative;
}
.spotlights .spotlight:first-child .media,
.spotlights .spotlight:nth-child(2) .media {
	height: 300px;
}
.spotlights .spotlight .media img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.spotlights .spotlight .media span,
span.ads_disclaimer {
	position: absolute;
	top: .15rem;
	right: 0;
	font-size: .725rem;
	line-height: 1;
	padding: .25rem;
	color: #fff;
	/*background-color: rgba(255,255,255,.3);*/
	background-color: rgba(0,0,0,.15);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.spotlights .spotlight .label {
	padding: .75rem .75rem 0;
	text-transform: uppercase;
	color: var(--theme-color);
	font-weight: 500;
	font-size: .85rem;
}
.spotlights .spotlight .title {
	padding: .25rem .75rem .75rem;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--theme-heading-color);
	word-break: break-word;
	hyphens: auto;
}
.spotlights .spotlight:first-child .title,
.spotlights .spotlight:nth-child(2) .title {
	font-size: 1.5rem;
}
.no-touch .spotlights .spotlight a:hover .title {
	text-decoration: underline;
}
.spotlights .spotlight a.comments {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: .35rem;
	color: #646464;
	padding: 0 .75rem .75rem;
	font-size: .875rem;
}
.no-touch .spotlights a.comments:hover {
	text-decoration: underline;
}
.spotlights .spotlight a.comments svg {
	width: 14px;
	height: 14px;
	fill: #646464;
}
.no-touch .spotlights .spotlight a.comments:hover svg {
	fill: var(--theme-color);
}

/* community */
.community {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.community .intro {
	color: var(--theme-heading-color);
}
.community .intro h2 {
	margin-bottom: .5rem;
}
.community .comments {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, auto));
	grid-gap: 1rem;
}
.community .comments .comment_item {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.community .comments .comment_item .about_post {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--theme-color);
	color: #fff;
	padding: .5rem;
	font-size: .85rem;
	height: 48px;
}
.community .comments .comment_item .media {
	height: 125px;
}
.community .comments .comment_item .media img {
	max-height: 100%;
	object-fit: cover;
}
.community .comments .comment_item .heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem .75rem 0;
}
.community .comments .comment_item .heading .name {
	/*color: #335ab9;*/
	font-weight: 500;
	text-transform: capitalize;
}
.community .comments .comment_item .heading .created {
	color: #585858;
	font-size: .75rem;
	font-weight: 400;
}
.community .comments .comment_item .heading .about {
	flex: 1 0 100%;
}
.community .comments .comment_item .txt {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 .75rem;
	margin: 1rem 0;
}
.community .comments .comment_item .txt a {
	
}
.community .comments .comment_item .view {
	margin-top: auto;
	font-size: .85rem;
	padding: 0 .75rem 1rem;
	text-align: right;
}

/* calendar */
.calendar {
	background: var(--theme-muted-color);
	padding: 1.25rem calc(50% - 37.5rem);
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.calendar .content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.calendar .media {
	flex: 1;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.calendar .media img {
	max-height: 225px;
	width: auto;
}

/* related_posts (a.php) */
aside.related_posts {
	max-width: 1020px;
    margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1.5rem 0;
}
aside.related_posts .card_post {
	flex: 1 0 calc(25% - 1rem);
}

/* card_post */
.card_post {
	display: flex;
    flex-direction: column;
	overflow: hidden;
}
.card_post .media {
	height: 165px;
}
.card_post .media img {
	object-fit: cover;
	height: 165px;
}

.card_post .content {
	display: flex;
	gap: 0.5rem;
	flex-direction: column;
	padding: 1rem;
	color: initial;
	height: 100%;
}
.card_post .content .category_label {
	text-transform: uppercase;
	color: var(--theme-color);
	font-weight: 500;
	font-size: .85rem;
}
.card_post .content .title {
	color: var(--theme-heading-color);
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.15;
}
.card_post .content .creator {
	font-weight: 400;
	font-size: .85rem;
	color: #646464;
	margin-top: auto;
}

 /* page -> about */
.page.about .media {
	margin-bottom: 1rem;
	overflow: hidden;
}
.page.about .creator {
	display: grid;
	grid-template-areas:
		"image person"
		"image content"
	;
	column-gap: 1.5rem;
	row-gap: 0;
	grid-template-columns: 185px auto;
	margin: 1rem 0;
	padding-bottom: .5rem;
}
.page.about .creator p {
	margin: 0;
}
.page.about .creator .avatar {
	grid-area: image;
	width: 185px;
}
.page.about .creator .avatar.exists {
	height: 185px;
}
.page.about .creator .avatar img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.page.about .creator .meta {
	grid-area: person;
}
.page.about .creator .meta h3 {
	margin-bottom: .5rem;
}
.page.about .creator .content {
	grid-area: content;
}

/* sources */
.sources {
	margin-bottom: 1rem;
}
.sources .guidelines {
	font-size: .85rem;
	background-color: #faf8f6;
    padding: .5rem 1rem;
	line-height: 1.75;
    border-radius: 0.25rem;
	margin: .5rem 0;
}
.sources ul {
	font-size: .85rem;
	margin: 0;
	list-style: decimal;
}

/* keypoints */
.keypoints {
	border-top: 6px solid var(--theme-color);
	border-bottom: 1px dotted var(--theme-color);
	padding: 1.25rem 1rem .25rem;
}
.keypoints span {
	color: var(--theme-color);
	font-size: 1.25rem;
	font-weight: 500;
}
.keypoints ul {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
}
.keypoints ul li {
	position: relative;
	padding: 0 0 1rem 18px;
}
.keypoints ul li:last-of-type {
	padding-bottom: 0;
}
.keypoints ul li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 11px;
	width: 6px;
	height: 6px;
	background: var(--theme-color);
	border-radius: 3px;
}

/* back to top */
#backToTopButton {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background-color: #335ab9;
	color: #fff;
	outline-width: 0;
	border-radius: .25rem;
	padding: .5rem .75rem;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	z-index: 1000;
}

#backToTopButton.show {
	opacity: 1; /* Fully visible */
	visibility: visible; /* Focusable and clickable */
}

#backToTopButton:hover {
	/*background-color: #476ac0;*/
	background-color: #2a4ba0;
}

#backToTopButton span {
	margin-right: .25rem;
}


/* listing_products_grid */
.listing_products_grid {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.listing_products_grid .results {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	grid-column-gap: .5rem;
	grid-row-gap: 1.5rem;
}
.listing_products_grid .results .grid_card a {
	color: inherit;
}
.listing_products_grid .results .grid_card .image  {
	background: rgba(32,33,36,0.04);
	border-radius: .25rem;
	padding: 1rem;
	position: relative;
}
.listing_products_grid .results .grid_card .image .savings_pct {
	position: absolute;
	top: .5rem;
	left: .5rem;
	border-radius: 0.25rem;
	display: inline-block;
	font-size: .75rem;
	font-weight: 500;
	line-height: 20px;
	padding: 0.15rem 0.5rem;
	
	background-color: #fff;
	border: 1px solid rgba(19,115,51,0.15);
	color: rgb(19,115,51);
}
.listing_products_grid .results .grid_card .image .placeholder {
	position: relative;
	height: 150px;
}
.listing_products_grid .results .grid_card .image img {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.listing_products_grid .results .grid_card .prices {
	padding: .5rem 0 .25rem;
}
.listing_products_grid .results .grid_card .prices .final_price {
	display: inline;
	font-size: 1.125rem;
	font-weight: 500;
}
.listing_products_grid .results .grid_card .prices .old_price {
	display: inline;
	font-size: .925rem;
	text-decoration: line-through;
	margin-left: 0.25rem;
	color: rgba(35,35,50,.75);
}
.listing_products_grid .results .grid_card .title {
	color: rgb(95,99,104);
	font-size: .85rem;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
}

.listing_products_grid .filters {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
}
.listing_products_grid .filters .select {
	position: relative;
	margin-right: 1rem;
	font-size: .925rem;
}
.listing_products_grid .filters .select .dropdownLbl {
	cursor: pointer;
	background: #e4e3e5;
	color: #666;
	border-radius: 0.25rem;
	padding: 0.5rem 2rem .5rem 1rem;
}
.listing_products_grid .filters .select:after {
	position: absolute;
	right: 10px;
	top: 15px;
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.listing_products_grid .filters .select .dropdown {
	position: absolute;
	left: 0;
	min-width: 224px;
	max-width: 224px;
	max-height: 500px;
	overflow-x: auto;
	border-radius: .25rem;
	box-shadow: 0 3px 6px #00000029;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #e4e3e5;
	padding: .5rem;
	flex-direction: column;
}
.listing_products_grid .filters .select .dropdown .dropdown-search {
	border-radius: 0.25rem;
	border: 1px solid #e4e3e5;
	outline: 0;
	padding: 0 0.75rem;
	line-height: 35px;
	margin-bottom: 0.5rem;
}
.listing_products_grid .filters .select .dropdown input[type="radio"] {
	display: none;
    appearance: none;
    -webkit-appearance: none;
}
.listing_products_grid .filters .select .dropdown label {
	display: block;
	padding: .5rem .75rem;
	cursor: pointer;
}
.no-touch .listing_products_grid .filters .select:hover,
.no-touch .listing_products_grid .filters .select .dropdown input[type="radio"]:hover + label,
.listing_products_grid .filters .select .dropdown input[type="radio"]:checked + label {
    background-color: #e4e3e5;
}

/* atoc */
.atoc {
	background: #eef3f9;
	padding: 1.5rem;
}
.atoc .heading {
	font-size: 1.125rem;
	font-weight: 500;
	margin-bottom: 1rem;
}
.atoc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-columns: 2;
	columns: 2;
}
.atoc ul li {
	margin-bottom: 1rem;
}
.atoc ul li a {
	color: inherit;
	font-weight: 400;
}

/* our_top_picks */
.our_top_picks {
					
}
.our_top_picks ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.our_top_picks ul li {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
	font-weight: 400;
}
.our_top_picks ul li .offer {
	display: flex;
	flex-direction: column;
}
.our_top_picks ul li .offer .award {
	font-weight: 500;
	display: block;
}
.our_top_picks ul li .offer a {
	display: inline;
}
.our_top_picks ul li .offer a .oldprice {
	text-decoration: line-through;
}
.our_top_picks ul li .offer .couponslip {
	display: inline;
	font-size: .85rem;
	font-style: italic;
}
.our_top_picks ul li .jump svg {
	height: 18px;
	width: 18px;
	margin-top: -4px;
}
.our_top_picks ul li .jump svg path {
	stroke: #0b4bb2;
}
.our_top_picks ul li .jump a {
	color: initial;
	font-size: .925rem;
}
.no-touch .our_top_picks ul li .jump a:hover {
	text-decoration: underline;
}

/* discountCode */
.discountCode {
	font-weight: 500;
	cursor: pointer;
	color: inherit;
}
.discountCode:hover {
	text-decoration: underline;
}
.discountCode.copiedAlertBlinking,
.copiedAlertBlinking span  {
	color: #039c0f;
	animation: blink 1s linear infinite;
}
.discountCode:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 0.25rem;
	vertical-align: middle;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'%3E%3C/path%3E%3C/svg%3E");
}
.discountCode.copiedAlertBlinking:after {
	display: none;
}
@keyframes blink {
	50% { opacity: 0; }
}

/* videoPlayer */
/*
.videoPlayer {
	position: relative;
	border-radius: .25rem;
	overflow: hidden;
}
.videoPlayer figure .videoWrapper {
	position: relative;
	height: 100%;
	cursor: pointer;
	
	line-height: 0;
}
.grid.reels .item .media.video:after,
.videoPlayer figure .videoWrapper:after {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 408.221 408.221'%3E%3Cpath fill='%23ffffff' d='M204.11 0C91.388 0 0 91.388 0 204.111c0 112.725 91.388 204.11 204.11 204.11 112.729 0 204.11-91.385 204.11-204.11C408.221 91.388 316.839 0 204.11 0zm82.437 229.971-126.368 72.471c-17.003 9.75-30.781 1.763-30.781-17.834V140.012c0-19.602 13.777-27.575 30.781-17.827l126.368 72.466c17.004 9.752 17.004 25.566 0 35.32z'/%3E%3C/svg%3E");
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    height: 75px;
    width: 75px;
    transform: translate(-50%,-50%);
    cursor: pointer;
	opacity: .85;
}
.no-touch .grid.reels .item .media.video:hover:after,
.no-touch .videoPlayer figure .videoWrapper:hover:after {
	opacity: .95;
}
.videoPlayer.playing figure .videoWrapper:after {
	content: none;
}
.videoPlayer.ar916 figure {
	aspect-ratio: 9/16;
	max-height: 500px;
	width: 100%;
}
.videoPlayer video {
	max-height: 100%;
	width: 100%;
	aspect-ratio: 16/9;
}
.videoPlayer .progress-bar-container {
    width: 100%;
	background-color: rgba(0,0,0,0.05);
    height: 6px;
	top: 0;
    position: absolute;
}
.videoPlayer .progress-bar {
	background-color: #335ab9;
    width: 0%;
    height: 100%;
    position: absolute;
}
.videoPlayer .info {
	position: absolute;
	bottom: 1rem;
	left: .75rem;
	right: .75rem;
	line-height: 1.5;
}
.videoPlayer .info h1 {
	color: #fff;
	font-size: .95rem;
	font-weight: 500;
	margin: 0 0 .25rem 0;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
	word-break: break-word;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.videoPlayer .info span {
	color: #fff;
	font-size: .875rem;
	font-weight: 400;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
	word-break: break-word;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.videoPlayer .info span.tags {
	-webkit-line-clamp: 1;
}
*/

/* page media */
.page.media {
	display: flex;
}
.page.media .mediaPlayer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .75rem;
}
.page.media .mediaPlayer .column.left {
	flex: 1 0 75%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page.media .mediaPlayer .column.left .info {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.page.media .mediaPlayer .column.left .info h1 {
	font-size: 1.25rem;
	margin: 0;
}
.page.media .mediaPlayer .column.left .info p {
	margin: 0;
}
.page.media .mediaPlayer .column.left .info p span.tags {
	font-weight: 400;
}
.page.media .mediaPlayer .column.right {
	flex: 1 0 calc(25% - 1rem);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page.media .mediaPlayer .mediaContent {
	flex: 1 0 calc(25% - 1rem);
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page.media .mediaPlayer .mediaContent .creator {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .75rem;
	background: rgba(40,63,75,.05);
	border-radius: .25rem;
	padding: .5rem .75rem;
}
.page.media .mediaPlayer .mediaContent .creator .meta {
	display: flex;
	flex-direction: column;
	gap: .25rem;
}
.page.media .mediaPlayer .mediaContent .creator .meta a {
	color: initial;
	font-weight: 400;
}
.no-touch .page.media .mediaPlayer .mediaContent .creator .meta a:hover {
	text-decoration: underline;
}
.page.media .mediaPlayer .mediaContent .creator .meta time {
	font-size: .85rem;
}
.page.media .mediaPlayer .mediaContent .ctas {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page.media .mediaPlayer .mediaContent .ctas .heading {
	
}
.page.media .mediaPlayer .mediaContent .ctas a {
	color: initial;
}
.no-touch .page.media .mediaPlayer .mediaContent .ctas a:hover span.txt {
	text-decoration: underline;
}
.page.media .mediaPlayer .mediaContent .ctas .cta {
	display: flex;
	align-items: center;
	gap: .75rem;
}
.page.media .mediaPlayer .mediaContent .ctas .cta .placeholder {
	flex: 0 0 100px;
	height: 75px;
	background: rgba(40,63,75,.05);
	border-radius: .25rem;
	overflow: hidden;
	position: relative;	
}
.page.media .mediaPlayer .mediaContent .ctas .cta .placeholder img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	mix-blend-mode: multiply;
}
.page.media .mediaPlayer .mediaContent .ctas .cta .placeholder.contain {
	padding: .25rem;
}
.page.media .mediaPlayer .mediaContent .ctas .cta .placeholder.contain img {
	object-fit: contain;
}
.page.media .mediaPlayer .mediaContent .ctas .cta .info {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}
.page.media .mediaPlayer .mediaContent .ctas .cta .info span.lbl {
	font-size: .85rem;
	color: #555;
	font-weight: 400;
}

/* experiences */
.grid.experiences {
	grid-template-columns: repeat(auto-fill, minmax(calc(33% - 1rem), 1fr));
	grid-row-gap: 3rem;
}
.grid.experiences .item .images figure {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, calc(125px - .25rem));
    gap: .25rem;
	height: 250px;
}
.grid.experiences .item .images figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	border-radius: .25rem;
	transition: .2s all;
}
.grid.experiences .item .name {
	font-size: 1.05rem;
	font-weight: 400;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: initial;
	height: 52px;
}
.no-touch .grid.experiences .item:hover .name {
	text-decoration: underline;
}
.grid.experiences .item .details {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .85rem;
	color: #646464;
}
.grid.experiences .item .details .detail {
	display: flex;
	align-items: center;
	gap: .25rem;
}
.grid.experiences .item .details .detail svg {
	height: 16px;
	width: 16px;
}
.grid.experiences .item .details .detail.price svg,
.grid.experiences .item .details .detail.location svg {
	fill: #646464;
}
.grid.experiences .item .cbtn {
	margin-top: auto;
	font-weight: 600;
	text-transform: uppercase;
}

.experience_category_filter {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem .25rem;
	margin-bottom: .5rem;
}
.experience_category_filter a span {
	border: 1px solid  var(--theme-color);
	border-radius: .25rem;
	padding: .5rem .75rem;
	color: initial;
	font-size: .85rem;
}
.experience_category_filter a.active span {
	background: var(--theme-color);
	color: #fff;
}

/* grid */
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(20% - 1rem), 1fr));
	grid-column-gap: 1rem;
    grid-row-gap: 1.5rem;
	
	list-style: none;
	padding: 0;
	margin: 0;
}
.grid a {
	text-decoration: none;
}
.grid a::after {
	content: none;
}	
.grid.comments {
	grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1rem), 1fr));
}
.grid.guides {
	grid-template-columns: repeat(auto-fill, minmax(calc(33% - 1rem), 1fr));
}
.grid .item {
	color: initial;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	height: 100%;
}
.grid.guides .item {
	flex-direction: unset;
	align-items: center;
}
.grid .item .media {
	height: 165px;
	border-radius: .25rem;
	overflow: hidden;
	position: relative;
}
.grid.guides .item .media {
	flex: 0 0 100px;
	width: 100px;
	height: 60px;
}
.grid .item .media img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	
	transition: transform 300ms, opacity 200ms ease-in-out;
}
.no-touch .grid .item:hover .media img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.grid .item.product .media {
	background: rgba(40,63,75,.05);
	padding: .5rem;
}
.grid .item.product .media img {
	object-fit: contain;
	mix-blend-mode: multiply;
}
.grid .item .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .925rem;
	line-height: initial;
}
.no-touch .grid.guides .item:hover .title {
	text-decoration: underline;
}
.grid .item .title span {
	float: right;
	color: #585858;
	font-size: .925rem;
	font-weight: initial;
}
.grid .item .meta {
	color: #585858;
	font-size: .925rem;
	margin-top: auto;
}
.grid .item .txt {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.grid .item .cta {
	text-align: right;
	margin-top: auto;
}

/* grid item event */
.grid.event_offers_list .item .media {
	background: rgba(40,63,75,.05);
	padding: 1rem;
	
	position: relative;
}
.grid.event_offers_list .item .media img {
	object-fit: contain;
	mix-blend-mode: multiply;
}
.grid.event_offers_list .item .media .savings {
	position: absolute;
	background: rgba(0, 0, 0, .85);
	color: #fff;
	font-size: .75rem;
	font-weight: 400;
	border-radius: 1rem;
	padding: .25rem .5rem;
}
.grid.event_offers_list .item .media .savings.pct {
	top: .5rem;
	left: .5rem;
}
.grid.event_offers_list .item .media .savings.currency {
	top: .5rem;
	right: .5rem;
}
.grid.event_offers_list .item .pricing {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto;
}
.grid.event_offers_list .item .pricing .price.sale {
	font-weight: 600;
}
.grid.event_offers_list .item .pricing .price.old {
	color: #96959F;
	background: linear-gradient(#96959F, #96959F) no-repeat center .75em / 100% 0.07em;
	margin-left: .5rem;
}
.grid.event_offers_list .item .partner_title {
	flex: 100%;
	color: #615F6D;
	font-size: .75rem;
	line-height: 1;
}

/* vbox - verdict box */
.vbox {
	
	background: #f7f8f9;
}
.vbox .heading {
	font-size: 1.25rem;
	font-weight: 400;
	border-bottom: 1px solid #D0D5DD;
	margin: 0 1rem;
	padding: 1.25rem 0;
}
.vbox a {
	font-weight: 400;
}
.no-touch .vbox a:hover {
	color: #3175e4;
	border-bottom: 1px dashed #3175e4;
}
.vbox .content {
	margin: 0 1rem;
	padding: 1.25rem 0;
}
.vbox .content ul {
	padding-left: 2rem;
	margin: 0;
}
.vbox .content ul li {
	margin-bottom: .5rem;
}

/* tldr */
.tldr {
	border-top: 2px dotted #d0D5DD;
	border-bottom: 2px dotted #d0D5DD;
	margin: .5rem 0;
}
.tldr ul {
	padding: 0 40px;
}
.tldr ul li {
	list-style-type: square;
	font-weight: 500;
	font-family: "Inter", sans-serif;
	padding: .5rem 0;
}
.tldr ul li::marker {
	color: #0b57d0;
}
/*
.tldr ul li a.cta {
	border-bottom: 1px dashed #0b4bb2;
}
.no-touch .tldr ul li a.cta:hover {
	border-bottom: 1px solid;
}
*/

/* review_top_grid */
.review_top_grid {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.review_top_grid .verdict h2 {
	margin-bottom: .5rem;
}
.review_top_grid .ask {
	display: flex;
	flex-direction: column;
	background: #faf8f6;
	border-radius: .25rem;
	padding: 1.5rem;
}
.review_top_grid .ask p {
	margin: 0;
}
/*.no-touch .review_top_grid .ask a:hover {
	text-decoration: underline;
}*/

/* ctoc */
.ctoc {
	position: sticky;
	top: calc(60px + 1rem);
	background: #eef3f9;
}
.ctoc .heading {
	font-size: 1.25rem;
	font-weight: 400;
}
.ctoc[expanded] .heading:after {
	content: '';
	display: block;
	width: calc(100% - 2rem);
	margin-left: 1rem;
	height: 1px;
	background: #d0D5DD;
}
.ctoc .heading button {
	width: 100%;
	height: 48px;
	padding: 0 1rem;
}
.ctoc .heading button .inner {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	/*padding: 1.25rem 1rem;*/
}
.ctoc .heading button .inner span {
	float: right;
	display: none;
}
.ctoc .heading button .inner span svg {
	height: 20px;
}
.ctoc a {
	color: initial;
}
.no-touch .ctoc a:hover {
	color: #0b4bb2;
}
.ctoc a.cta {
	color: #0b4bb2;
	border-bottom: 1px dashed #0b4bb2;
}
.no-touch .ctoc a.cta:hover {
	border-bottom: 1px solid;
}
.ctoc ol {
	padding: 1rem;
	margin: 0;
	list-style: none;
	line-height: 1.75;
	overflow: hidden;
}
.ctoc ol li {
	margin-bottom: .5rem;
}
.ctoc#tocBox .tocList {
	display: none;
}
.ctoc#tocBox:not([expanded]) .heading button span.tocRollDown {
	display: inline;
}
.ctoc#tocBox[expanded] .tocList {
	display: block;
}
.ctoc#tocBox[expanded] .heading button span.tocRollUp {
	display: inline;
}

/* sidebar */
.sidebar .sticky {
	position: sticky;
    top: calc(60px + 1rem);
}

/* overview, 05-08-2024 */
.overview {
	font-size: .825rem;
}
.overview h2 {
	font-size: inherit;
	font-weight: 500;
	line-height: 1.75;
}
.overview ol {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.overview ol li a {
	color: #585858;
	text-decoration: none;
}
.no-touch .overview ol li:hover a {
	text-decoration: underline;
}
.overview ol li.guide a {
	color: #8266d3;
	font-weight: 500;
	text-decoration: underline;
}
.no-touch .overview ol li.guide a:hover {
	text-decoration: none;
}
.overview ol li.guide a svg {
	height: 12px;
	width: 12px;
	fill: #8266d3;
}

/* readable */
/*
.readable a {
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: all 0.2s ease;
}
.no-touch .readable a:hover {
	text-decoration: none;
}
.readable a[target="_blank"] {
	text-decoration: underline dotted;
}
.readable a[target="_blank"]::after {
    content: "\2197";
    display: inline-block;
    margin-left: .15rem;
	font-size: 0.85em;
	vertical-align: middle;
    position: relative;
    top: -1px;
    transition: transform 0.2s ease;
}
.no-touch .readable a[target="_blank"]:hover::after {
    transform: translate(2px, -2px);
}
*/

.readable p {
	line-height: 1.75;
}
.readable h2 {
    margin: 1.5rem 0 .5rem;
}
.readable h2:first-of-type {
	margin-top: 0;
}
.readable h3 {
    margin: 1.35rem 0 .25rem;
}
.readable h4 {
	margin: 1.25rem 0 .25rem;
}
.readable strong {
	font-weight: 500;
}
.readable li {
	margin-bottom: .75rem;
}
.readable .pros_cons {
	margin-bottom: 1rem;
}

.readable .mediaViewer {
	margin-bottom: 1rem;
}
.readable .mediaViewer.image figure {
	
}
.mediaViewer.image figure img {
	/*aspect-ratio: 16/9;*/
	aspect-ratio: 3/2;
	object-fit: cover;
	background: radial-gradient(rgba(0,0,0,.45), rgba(0,0,0,.85));
	height: 100%;
	border-radius: .15rem;
	overflow: hidden;
}
.mediaViewer.image.contain figure img {
	object-fit: contain;
}

/* figure (in content) */
figure.inmedia2 {
	display: flex;
	flex-flow: column;
	align-items: center;
	margin: 1rem 0;
}
figure.inmedia2 picture,
figure.inmedia2 video {
	aspect-ratio: 3/2;
	/*background: radial-gradient(rgba(0,0,0,.45), rgba(0,0,0,.85));*/
	background: rgba(0,0,0,.025);
	border-radius: .25rem;
	overflow: hidden;
	
	width: 100%;
    height: 100%;
}
figure.inmedia2 picture {
	object-fit: cover;
}
figure.inmedia2 video {
	object-fit: contain;
}
/* figure - image */
figure.inmedia2.image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
figure.inmedia2.image.contain img {
	object-fit: contain;
}
/* figure - figcaption */
figure.inmedia2 figcaption {
	width: 100%;
	font-size: .875rem;
	/*color: #444;*/
	color: rgb(74, 88, 112);
	padding: .25rem .5rem 0;
}
figure.inmedia2 figcaption:before {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="none" viewBox="0 0 24 24"%3E%3Cpath stroke="%23335ab9" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 15-5.8-5.8v0a.3.3 0 0 0-.4 0v0L6 15"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: top;
    position: absolute;
    top: -14px;
    width: 30px;
    height: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}


/* metas */
.metas {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	align-items: center;
	font-size: .875rem;
	padding-top: 0;
	border-top: 0;
}
.metas a {
	text-decoration: none;
}
.no-touch .metas a:hover {
	text-decoration: underline;
}
.metas .meta_creator_image {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #00e;
	padding: 2px;
}
.metas .meta_creator_image img {
	border-radius: 50%;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.metas .meta_creator_validated svg {
	width: 14px;
	height: 14px;
	fill: #52a580;
	float: left;
}
.metas .meta_about {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	gap: .25rem;
}
.metas .meta_about .meta_time span:before {
	content: '-';
	margin: 0 .25rem 0 0;
}
.metas .meta_comments {
	margin-left: auto;
}
.metas .meta_comments a {
	display: flex;
	align-items: center;
	gap: .35rem;
	color: inherit;
}
.metas .meta_comments a svg {
	width: 14px;
	height: 14px;
	fill: var(--theme-color);
}
.metas .meta_comments a span.mobile {
	display: none;
}

/* product_review_cta */
.product_review_cta {
	margin: 1.5rem auto;
	width: 100%;
	max-width: 650px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	box-shadow: 5px 5px 0 rgba(0,0,0,.03);
	border: 1px solid #eee;
	padding: 1.5rem;
}
.product_review_cta .column {
	flex: 1 0 calc(50% - 1rem);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: .5rem;
}

.product_review_cta .column.media {
	flex: 0 0 225px;
}
.product_review_cta .column.media img {
	object-fit: cover;
	width: 100%;
	border-radius: .25rem;
}
.product_review_cta .column.offers {
	display: flex;
}
.product_review_cta .column.offers .heading {
	font-weight: 500;
	font-size: 1.15rem;
}
.product_review_cta .column.offers .couponNotice button {
	cursor: pointer;
	font-weight: 500;
}
.product_review_cta .column.offers .list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
.product_review_cta .column.offers .list a {
	order: 2;
}
.product_review_cta .column.offers .list .coupon_code {
	order: 1;
}

/* bestoverview */
.bestoverview a {
	text-decoration: none;
}
.bestoverview a::after {
	display: none;
}
.bestoverview .items {
	display: flex;
	gap: .5rem;
	overflow-x: auto;
	padding-bottom: .5rem;
	width: 100%;
}
.bestoverview .items .item {
	display: flex;
	flex-direction: column;
	flex: 1 0;
	gap: .5rem;
	/*max-width: 300px;*/
	max-width: 450px;
	min-width: 150px;
	font-size: .85rem;
	border: 1px solid #eee;
	border-radius: .25rem;
	overflow: hidden;
}
.bestoverview .items .item a .media .award,
.bestoverview .items .item a.title {
	color: initial;
}
.no-touch .bestoverview .items .item a .media .award:hover,
.no-touch .bestoverview .items .item a.title:hover {
	text-decoration: underline;
	color: initial;
}
.bestoverview .items .item .media {
	height: 125px;
	background: rgba(40,63,75,.05);
	position: relative;
	padding: 5px;
	
	border-radius: .25rem;
}
.bestoverview .items .item .media.cover {
	padding: 0;
}
.bestoverview .items .item .media a {
	color: initial;
}
.bestoverview .items .item .media img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}
.bestoverview .items .item .media.cover img {
	object-fit: cover;
}
.bestoverview .items .item .media .award {
	background: rgba(255, 255, 255, .80);
	position: absolute;
	top: .5rem;
	left: 0;
	border: 1px solid transparent;
	border-radius: 0 4px 4px 0;
	
	overflow: hidden;
	padding: .35rem .25rem;
	text-overflow: ellipsis;
}
.bestoverview .items .item .title {
	padding: 0 .25rem;
	height: 40px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.bestoverview .items .item .title a {
	color: initial;
}
.no-touch .bestoverview .items .item .media .award:hover,
.no-touch .bestoverview .items .item .title a:hover {
	text-decoration: underline;
}
.bestoverview .items .item .bottom {
	margin-top: auto;
	padding: .75rem .25rem .25rem;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.bestoverview .items .item .bottom .couponcode {
	text-align: center;
	background: #fdf2d9;
	border: 1px dashed #f0a800;
	color: #f0a800;
	font-size: .75rem;
	border-radius: .25rem;
	padding: .5rem;
}
.bestoverview .items .item .bottom .unit_price {
	font-size: .75rem;
	color: #585858;
}
.bestoverview .items .item .bottom .pricing .final {
	font-size: .95rem;
}
.bestoverview .items .item .bottom .view_variants,
.bestoverview .items .item .bottom .spacing {
	height: 28px;
}
.bestoverview .items .item .bottom .view_variants {
	height: 28px;
	text-align: center;
	padding: .25rem 0;
	font-size: .825rem;
}
.no-touch .bestoverview .items .item .bottom .view_variants a:hover {
	text-decoration: underline;
}

/* price decorations */
.pricing {
	display: flex;
	align-items: center;
	gap: .25rem;
}
.pricing .price {
	color: initial;
}
.pricing .price.old {
	/*color: #96959F;*/
	color: #70757a;
	background: linear-gradient(#96959F, #96959F) no-repeat center .75em/100% 0.07em;
}
.pricing .sale_price {
	color: #B62454;
	/*color: #146c2e;*/
	/*color: #188038;*/
}
.pricing .price_couponed {
	color: #f0a800;
}
.pricing .price.final,
.pricing .sale_price.final,
.pricing .price_couponed.final {
	font-weight: 500;
}
.pricing .price_per_unit {
	flex-basis: 100%;
	text-align: right;
	font-size: .675rem;
	color: #585858;
}

/* mobile_deal */
/*
.mobile_deal {
	position: fixed;
	top: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: .5rem 1rem;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}
.mobile_deal .shop_title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 24px;
}
.mobile_deal .shop_title img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	max-width: 200px;
}
*/

/* mobile_offer */
.mobile_offer {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	width: calc(100% - 2rem);
}
.no-touch .mobile_offer:hover {
	filter: brightness(0.95);
}
.no-touch .mobile_offer:active {
	transform: scale(var(--button-variant-primary-state-active-scale, .96));
	filter: brightness(0.95);
}
.mobile_offer a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	height: 60px;
	color: #fff;
	padding: 0 1rem;
	text-decoration: none;
	
	background: var(--theme-color);
	border-radius: 30px;
	transition: .2s ease;
	
	box-shadow: 0 0 1rem rgba(0,0,0,.5);
}
.mobile_offer a::after {
	content: none;
}
.mobile_offer a:active {
        box-shadow: 0 0 .5rem rgba(0,0,0,.25);
}
.mobile_offer span.icon {
	font-size: 1.25rem;
	position: absolute;
	right: 30px;
}
/*
.mobile_offer svg {
	width: 16px;
	height: 16px;
	fill: #ffff;
}*/

/* listing_guide */
.listing_guide {
    background-color: #f0ebff;
    border-radius: .5rem;
    padding: 1.5rem;
	margin-bottom: 1rem;
}

/* listing_guide -> button(s) */
.listing_guide button {
	background-color: #8266d3;
	color: #fff;
	transition: .2s ease;
}
.no-touch .listing_guide button:hover,
.listing_guide button:active {
	transform: scale(var(--button-variant-primary-state-active-scale,.96));
}
.listing_guide button.greyish {
	background: #fff;
	color: initial;
}
.no-touch .listing_guide button.greyish:hover,
.listing_guide button.greyish:hover {
	background: #E2E2E7;
}

/* listing_guide -> tag(s) */
.listing_guide .tag {
	background: #e1d6ff;
	border-radius: .25rem;
	font-size: .825rem;
	padding: .25rem .65rem;
}

/* listing_guide -> quiz start */
.listing_guide .guide_title {
    font-size: 1.35rem;
    font-weight: 600;
	text-align: center;
}
.listing_guide .guide_grid {
	flex: 1 0 100%;
	display: flex;
	gap: 1rem;
}
.listing_guide .guide_grid .guide_media {
	flex: 0 0 200px;
	border-radius: .5rem;
	overflow: hidden;
	position: relative;
}
.listing_guide .guide_grid.result .guide_media {
	height: 200px;
	padding: .5rem;
	background: #fff;
}
.listing_guide .guide_grid .guide_media img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.listing_guide .guide_grid.result .guide_media img {
	object-fit: contain;
}
.listing_guide .guide_grid .guide_media .question {
	position: absolute;
	background: #fbe909;
	box-shadow: 0 0 0 10px #e5c801;
	height: 65px;
	width: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.5rem;
	font-weight: 600;
	color: #fa7503;
	left: 0;
	bottom: 0;
	border-top-right-radius: 32.5px;
}
.listing_guide .guide_grid .guide_content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
}
.listing_guide .guide_grid .guide_content .guide_metas {
	display: flex;
	gap: .5rem;
}
.listing_guide .guide_grid .guide_content .guide_cta {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/* listing_guide -> guide_options */
.listing_guide .guide_questions {
	display: flex;
	flex-direction: column;
}
.listing_guide .guide_questions .guide_progress {
	margin-bottom: 1rem;
    position: relative;
    width: 100%;
}
.listing_guide .guide_questions .guide_progress .progress_bar {
    background-color: #e1d6ff;
    border-radius: 0.25rem;
    height: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.listing_guide .guide_questions .guide_progress .progress_bar .progress_fill {
    background-color: #8d79c6;
    height: 100%;
    width: 0;
    transition: width 0.3s ease;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.listing_guide .guide_questions .guide_question {
    display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 1rem;
}
.listing_guide .guide_questions .guide_question .question_title {
    font-size: 1.15rem;
    font-weight: 600;
	text-align: center;
}

/* listing_guide -> guide_options */
.listing_guide .guide_options {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .5rem;
}

/* listing_guide -> guide_result */
.listing_guide .guide_result {
	flex-wrap: wrap;
	flex-direction: column;
	gap: 1rem;
}
.listing_guide .guide_result h2 {
	font-size: 1.05rem;
	text-align: center;
}
.listing_guide .guide_result .guide_result_products {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.listing_guide .guide_result .guide_result_products .guide_result_product {
	flex: 1 0 100%;
	/*display: flex;
	gap: 1rem;*/
	display: grid;
	column-gap: 1rem;
	row-gap: .5rem;
	grid-template-columns: 125px 1fr;
	grid-template-rows: auto auto auto;
	
	background: #fff;
	padding: 1rem 1.5rem;
	border-radius: .25rem;
	
	text-align: center;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_media {
	grid-area: 1 / 1 / 4 / 3;
	
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 125px;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_media img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}
/*.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_content {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	gap: .5rem;
}
*/
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_title {
	grid-area: 1 / 2 / 1 / 2;
	
	font-size: 1.05rem;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_attributes {
	grid-area: 2 / 2 / 2 / 2;
	
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_cta  {
	grid-area: 3 / 2 / 3 / 2;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .25rem;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_cta a {
	text-decoration: none;
}
.listing_guide .guide_result .guide_result_products .guide_result_product .guide_result_cta a::after {
	content: '';
}
.guide_options .guide_option .count_label {
	font-size: 0.8rem;
	color: #888;
	margin-left: 0.5rem;
}


/* widgets_new */
/*
.table_responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
table.widget_new caption {
	caption-side:bottom;
	text-align: right;
	font-size: .85rem;
	padding: .25rem .25rem 0;
	font-style: italic;
}
table.widget_new tbody {
	border-top: 1px solid rgb(21,22,24);
	border-bottom: 1px solid rgb(21,22,24);
}
table.widget_new thead tr th,
table.widget_new tbody tr td {
	text-align: right;
	padding: .25rem;
}
table.widget_new tbody tr td.media {
	width: 65px;
	height: 65px;
}
table.widget_new tbody tr td.media img {
	object-fit: contain;
	height: 100%;
	width: 100%;
}
table.widget_new thead tr th.title,
table.widget_new tbody tr td.title {
	text-align: left;
	min-width: 40%;
}
table.widget_new tbody tr td.title a {
	color: #0c51c1; 
	text-decoration: underline;
	
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-touch table.widget_new tbody tr td.title a:hover {
	text-decoration: none;
}
*/

/* pbar */
/*
.pbar {
	width: 100%;
	min-width: 100px;
	height: 32px;
	line-height: 32px;
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.06);
	border-radius: .25rem;
	overflow: hidden;
	background-color: #f4f5f9;
	position: relative;
}
.pbar .label {
	display:none;
	
	line-height: inherit;
	padding-left: .35rem;
	font-size: .75rem;
}
.pbar .value_pct {
	height: 100%;
	background-color: var(--theme-color);
}
.pbar .avg_value {
	position: absolute;
	top: 0;
	height: 100%;
	max-width: 100%;
}
.pbar .avg_value .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 2px;
	background-color: #005393;
	border-radius: 50%;
}
*/

/* product_type_relations (post page) */
.product_type_relations {
	border-top: 1px dashed var(--theme-color);
	border-bottom: 1px dashed var(--theme-color);
	padding: 1rem .25rem;
	font-size: .95rem;
}
.product_type_relations ul {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .5rem;
	padding: 0;
	margin: 0;
}
.product_type_relations ul li a {
	display: flex;
	align-items: center;
	gap: .5rem;
	line-height: 1.4;
	text-decoration: none;
}
.product_type_relations ul li a .product_type_relation_media {
	flex: none;
	width: 80px;
	height: 50px;
}
.product_type_relations ul li a .product_type_relation_media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .25rem;
}
.product_type_relations ul li a .product_type_relation_details {
	display: flex;
	flex-direction: column;	
}
.product_type_relations ul li a .product_type_relation_details span {
	color: #585858;
	font-size: .825rem;
}
.product_type_relations ul li a .product_type_relation_details a {
	font-size: .925rem;
}
.no-touch .product_type_relations ul li a:hover .product_type_relation_details .product_type_relation_title {
	text-decoration: underline;
}

/* in_doubt */
.in_doubt {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	/*background: #fbf9f8;*/
	background: #faf8f6;
	padding: 1.5rem;
	text-align: center;
	border-radius: .25rem;
}
.in_doubt h3 {
	font-size: 1rem;
}
.in_doubt p {
	margin: 0;
	font-size: .95rem;
}

/* image_modal */
.image_modal {
	display: none;
	position: fixed;
	z-index: 1005;
	inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	justify-content: center;
	align-items: center;
}

.image_modal .modal_content {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: flex-start;
	max-width: 95vw;
	max-height: 90vh;
}

#modalImage {
	max-width: 95vw;
	max-height: 90vh;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.image_modal .modal_close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	background: rgba(0,0,0,0.6);
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.2s;
}

.image_modal .modal_close:hover {
	background: rgba(255,255,255,0.3);
}

/* creator_bio */
.creator_bio {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.creator_bio .creator_bio_header {
	display: flex;
	align-items: center;
}
.creator_bio .creator_bio_header .creator_bio_label {
	font-size: .85rem;
	font-weight: 600;
}
.creator_bio .creator_bio_header .creator_bio_separator {
	border-bottom: 1px solid #ccc;
    height: 1px;
    vertical-align: middle;
    width: 100%;
	margin-left: 1rem;
}
.creator_bio .creator_bio_container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.creator_bio .creator_bio_container .creator_bio_image {
	flex: 0 0 300px;
}
.creator_bio .creator_bio_container .creator_bio_image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 300px;
	border-radius: .25rem;
}
.creator_bio .creator_bio_container .creator_bio_content {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_name {
	font-size: 1.35rem;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_name a {
	color: initial;
}
.no-touch .creator_bio .creator_bio_container .creator_bio_content .creator_bio_name a:hover {
	text-decoration: underline;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_badges {
	display: flex;
	gap: .5rem;
	margin: .25rem 0 .5rem;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_badges ul {
	margin: 0;
	border-radius: .25rem;
	font-size: .85rem;
	padding: .15rem .5rem;
	background: #48A77B;
	color: #fff;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_badges ul li {
	display: inline-block;
    margin-right: .75rem;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_badges ul li:last-of-type {
	margin-right: 0;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_links a {
	display: flex;
	align-items: center;
	gap: .25rem;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_links ul.creator_bio_social_links {
	display: flex;
	gap: 1.5rem;
	padding: 0;
	margin: 0;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_links ul.creator_bio_social_links li {
	list-style: none;
}
.creator_bio .creator_bio_container .creator_bio_content .creator_bio_links ul.creator_bio_social_links li svg {
	height: 30px;
	width: 30px;
}