.betyg_siffra {width:100%; font-size:14px; display:inline-block; letter-spacing:5px;margin-top: 10px;margin-bottom: 10px;}
#omdomeLink {cursor:pointer;display: flex !important;justify-content: flex-start;flex-wrap: wrap;align-items: center;}
#omdomeLink .betyg_siffra {display:inline-block; width:auto;}
#omdomeLink .small-text {line-height: 25px;margin-top: 10px;margin-bottom: 10px;padding-left: 0.5em;} 

.rate-module {letter-spacing: 0;display: flex;line-height: 20px;}
.rate-module span {position:relative; display:inline-block;}
.rate-module span input {cursor: pointer;width: 20px;height: 20px;}
.rate-module span i {font-size: 20px;}
.rate-module span input {
	position: absolute;
	opacity: 0;
	z-index: 2;
	letter-spacing: 0;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: none;
}
.grade-post .betyg_siffra {width:auto; margin-bottom:20px;}

.yotpo-widget-instance {min-height: unset !important;}
.PrisFav {margin-top: 5px;}

/* Stjärnor */
.rate-module span i::before, .betyg_siffra::before, .betyg_siffra::after{
	content: " ";
	width: 20px;
	height: 20px;
	background-size: 17px;
	display: inline-block;
	background-repeat: space;
	background-position: initial;
}
.rate-module.clicked span i::before,
.rate-module:hover span i::before,
.betyg_siffra::before {
	background-image: url(/dokument/bibliotek/Image/Star_alt_2.svg); 
}
.betyg_siffra::before {
	margin-right: 3px;
}
.rate-module span i::before,
.rate-module:not(:hover) span.checked ~ span i::before,
.rate-module span:hover ~ span i::before,
.betyg_siffra::after {
	background-image: url(/dokument/bibliotek/Image/Star_alt_empty.svg);
}
.betyg0::before, .betyg5::after {width: 0;}
.betyg1::before, .betyg4::after {width: 20px;}
.betyg2::before, .betyg3::after {width: 40px;}
.betyg3::before, .betyg2::after {width: 60px;}
.betyg4::before, .betyg1::after {width: 80px;}
.betyg5::before, .betyg0::after {width: 100px;}

#PrisFalt span {font-size: 20px;}
.TextKort {font-size: 14px;}
.PrisREA {-webkit-order:1; -ms-flex-order:1; order:1; margin-right:5px;}
.PrisORD {-webkit-order:2; -ms-flex-order:2; order:2; text-decoration:line-through; color:var(--campaign-price-color-ordinary, #6E6E6E); padding-left:10px; font-weight: 400;}
.PrisAvd {display:none;}
.price-history-lowest-price:empty + .price_info_trigger, .price-history-lowest-price {display: none;}

#SubmitFalt .buy-button.sid_2 {font-size: 16px;}
#SubmitFalt .buy-button.sid_9 {pointer-events: none; font-size: 14px !important;}
#bevakning td {border: none;}

/* rek.pris */
.price-rek {flex: 1 0 100%; font-size: 14px; color: #6b6b6b; text-transform: lowercase;}
.price-rek:not(:empty)::before {content: attr(data-prefix) ' '; text-transform: none;}
.typeOf.savings-amount.pdp {margin: 0 0 0 3px; text-transform: capitalize; font-size: 14px;}
.typeOf.savings-amount.pdp:not(:empty)::after {content: "(" attr(data-prefix) " ";}
.typeOf.savings-amount.pdp:not(:empty)::before {content: ')';}

/* Prishistorik */
.price-history-lowest-price:empty + .price_info_trigger, 
.price-history-lowest-price {display: none;}
.price-history-lowest-price:not(:empty) + .price_info_trigger {display: flex !important; justify-content: center; align-items: center; margin-left: 10px;}
#price-info .price-history-lowest-price {display: inline-block;}
.price_info_trigger .fa-circle-info {
	display: inline-block;
	opacity: 0.8;
	margin: 4px 0 0 10px;
	width: 1rem;
	height: 1rem;
	background-size: 1rem;
	position: relative;
} 
.price_info_trigger .fa-circle-info::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
    background-image: url(/themes/caia/design/bilder/i-symbol.svg);
    position: absolute;
    left: 0;
} 

/* gwp */
.gwp__wrapper {padding: 1rem; gap: 1rem; background-color: #f6f6f6; border-radius: 1rem;}
.gwp__wrapper img {border-radius: .5rem; width: clamp(120px,15vw,150px);}
/* .gwp__wrapper br {display: none;} */

/* skinmatch */
.skinmatch-btn.skinmatch-toggle {
	cursor: pointer;
    margin: 0px 0 20px;
    text-transform: lowercase;
    text-decoration: underline;
}
.skinmatch-btn.skinmatch-toggle::first-letter {
	text-transform: uppercase;
}

/* badge on product image */
.ProduktBild .ikoner > a {
    max-width: 80px;
}
.ProduktBild .ikoner > a[href*="113"] {
	width: 100px;
}
.black_friday__infotext,
.sale__infotext {
	--inline-padding: 14px;
    padding: 5px var(--inline-padding);
    font-size: 12px;
    border-radius: 5px;
    background: var(--color-secondary-pink);
    color: var(--neutrals-primary);
    margin-inline: auto;
    display: inline-flex;
    justify-content: center;
    width: fit-content !important;
	position: relative;
	text-transform: uppercase;
}

#shade-disclaimer {
	padding: 12px 20px;
	font-size: 12px;
	border-radius: var(--default-border-radius);
	background-color: var(--color-secondary-pink);
	color: #000;
	margin-block: 20px 15px;
	column-gap: 10px;
	align-items: center;
}

#shade-disclaimer:not(:empty)::before {
	--icon-dim: 20px;
	content: '';
    width: var(--icon-dim);
    height: var(--icon-dim);
    background-image: url(/themes/stage/design/bilder/caia_icon_info.svg);
    display: block;
    background-size: var(--icon-dim) var(--icon-dim);
	flex-shrink: 0;
}

#OrderFalt:has(.variant__show) #shade-disclaimer {
	margin-top: 0;
}

.black_friday__infotext:not(:empty)::after,
.sale__infotext:not(:empty)::after {
	content: '*';
	position: absolute;
	top: 0;
	left: calc(var(--inline-padding) / 2);
}

/* badge */
.ProduktBild .PT_Badges {
	position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    z-index: 1;
    transition: opacity 200ms ease-in-out;
    pointer-events: none;
}
.ProduktBild .PT_Badges .badge,
.ProduktBild .PT_Badges .percent-badge {
	font-size: 14px;
	font-weight: 400;
	color: var(--neutrals-primary);
	width: fit-content;
	background-color: var(--color-secondary-pink);
	border-radius: 5px;
	padding: 3.5px 6px;
	text-transform: uppercase;
}
.ProduktBild .PT_Badges .percent-badge {
    background-color: var(--percent-badge-bg);
    color: var(--percent-badge-color);
}
.ProduktBild .PT_Badges .badge::before {
	all: unset;
}
.ProduktBild .badge:empty,
.ProduktBild .PT_Badges .percent-badge:empty {display: none}

#Produktinfo .egenskaper {
	font-size: 14px;
}

/* before/after */
.before__after__outer__wrapper {
	/* min-width: 250px;
  	min-height: 250px; fallback */
	width: 100%;
	aspect-ratio: 1;
	position: relative;
	margin-inline: auto;
	max-width: 100%;
}

.before__after__outer__wrapper.loading::before {
	content: '';
	background: #f7f7f7;
	background: linear-gradient(-45deg, #f7f7f7, #f7f7f7, #fff, #f7f7f7, #f7f7f7);
	background-size: 400% 400%;
	animation: gradient 3s ease infinite;
	z-index: 11111111;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.before__after__wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.before__after__outer__wrapper:not(.loading) .before__after__wrapper {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.before__image,
.after__image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	overflow: hidden;
}

.before__after__wrapper img {
	height: 100%;
	max-width: 100vw;
	object-fit: contain;
}

.after__image {
	width: 50%; /* match value of initialscrollamount in script */
}

.scroller {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #fff;
	pointer-events: auto;
	cursor: col-resize;
	transition: opacity 0.2s ease-in-out;
}

.scroller:hover {
opacity: 0.9;
}

.scrolling {
	pointer-events: none;
	opacity: 0.9;
}

.scroller__thumb {
	width: 100%;
	height: 100%;
	padding: 3px;
}

.scroller::before,
.scroller::after {
	content: " ";
	--_width: 5px;
	display: block;
	width: var(--_width);
	height: 9999px;
	position: absolute;
	left: 50%;
	margin-left: calc(var(--_width) / -2);
	z-index: 30;
	transition: 0.1s;
}

.scroller::before {
	top: 100%;
}

.scroller::after {
	bottom: 100%;
}

.scroller {
	border: 5px solid #fff;
}

.scroller::before,
.scroller::after {
	background: #fff;
}
/* // before/after */

/* BEVAKA */
#artikelbevakning .bevakningsrubrik {display:none;}
#artikelbevakning {width:100%; margin:10px 0;}
#bevakning p br {display:none;}
#epost_bevaka {max-width:calc(100% - 1rem); width:100%;}
p#status {display:block; width:100%; margin:10px 0 0 !important; color:#cb0000 !important;}
#bevakning table, #bevakning table * {display:inline-block;}
a#Knapp_Bevaka_Produkt {display: none;}
#bevakning table tr {display:flex; flex-wrap: wrap;}
#bevakning table .Knapp_Generell {width:100%;}
#bevakning .Knapp_Generell a {background-color: #333; color: #fff; border: none;}
#bevakning .Knapp_Generell a:hover {opacity: 0.9;}
#artikelbevakning td:has(input#sms_bevaka) {display: none;}
@media screen and (min-width: 751px) {
	#bevakning table {width: 49%;}
	#bevakning table tbody, #bevakning table td {width: 100%;}
}

@media screen and (max-width: 750px) {
	#bevakning .Knapp_Generell a {min-width: 230px;}
	#bevakning table, #bevakning table * {width: 100%; max-width: 100%;}
}

.Paket-Artiklar [product-id="CAI1274"] {
	display: none;
}

/* yotpo no reviews */
.yotpo.bottomLine:has(.write-review-btn-hidden),
.yotpo.bottomLine:not(:has(a)) {display: none;}
#yotpo-headline-reviews {text-transform: uppercase;}

.yotpo.bottomLine:has(.write-review-btn-hidden) ~ .PrisFav,
.yotpo.bottomLine:not(:has(a)) ~ .PrisFav {margin-top: 10px;}

@supports selector(:has(.lazy)) {
	/* out of stock cta/ add to watchlist */
	#SubmitFalt:not(:has(> *)) ~ .out-of-stock-cta {
		display: block !important;
		margin-bottom: 20px;
	}
	#SubmitFalt:has(a.buy-button.sid_2) ~ #artikelbevakning,
	#SubmitFalt:has(a.buy-button.sid_11) ~ #artikelbevakning,
	#SubmitFalt:has(a.buy-button.sid_9) ~ #artikelbevakning {
		display: block;
		margin-bottom: 20px;
	}
	#OrderFalt:not(.watch) #SubmitFalt:has(a.buy-button.sid_2),
	#OrderFalt:not(.watch) #SubmitFalt:has(a.buy-button.sid_11),
	#OrderFalt:not(.watch) #SubmitFalt:has(a.buy-button.sid_9) {
		display: none !important;
	}
}

@media only screen and (min-width: 1051px) {
	.ProduktBild .PT_Badges {
		left: 112px !important;
	} 
}

@media only screen and (max-width: 1050px) {
	.ProduktBild .ikoner > a {
		left: 16px;
	}
	.ProduktBild .ikoner > a:not([href*="113"]) {
		width: 60px;
	}
}

@media only screen and (max-width: 750px) {
	/*#SubmitFalt {position: fixed; left: 25px; right: 25px; bottom: 0; min-height: unset; z-index: 4;}*/
	#SubmitFalt .Knapp_Kop a, #SubmitFalt .buy-button {font-size:18px;}
	/* #Faktakolumn #OrderFalt {margin: 0;} */
	#KundBetyg, .PrisFav, .fler-farger {text-align:center;}
	.PrisFav {justify-content:center;}
	.gwp__wrapper {align-items: flex-start;}
	.black_friday__infotext, .sale__infotext {text-align: center;}
	#SubmitFalt:not(:has(> *)) ~ .out-of-stock-cta {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 750px) {
	h1, .prop1084 {font-size:1.5em;}
	.Paket-Artiklar, .tillbehor {width: 100vw; margin-left: -20px;}
}

@media only screen and (max-width: 350px) {
	#SubmitFalt .Knapp_Kop, #SubmitFalt .buy-button {min-width: unset;}
}

/* override 'ghost cta' for pdp buy button */
#SubmitFalt .buy-button, .out-of-stock-cta .buy-button {
	background-color: #333 !important;
	color: #fff !important;
	border: none !important;
}
#SubmitFalt .buy-button:hover {
	background-color: var(--cta-primary-hover-color,#6F6464) !important;
}
#SubmitFalt .buy-button[data-state="processing"] span.label {
    border-color: #fff !important;
    border-top-color: transparent !important;
}
#SubmitFalt .buy-button[data-state="success"] span.feedback:after {
	border-color: #fff	!important;
}

/* usps */
@media (width >= 1051px) {
	.prod-usps ul {
		display: flex;
		flex-direction: column;
		gap: .25rem;
	}
}
.prod-usps ul li {
	padding-right: 0;
}