/* yotpo */
html, body {scroll-behavior: smooth;}
.review-highlight-missing {display: none;}
.yotpo-shoppers-say:empty + .review-highlight-missing, .yotpo-shoppers-say:has([data-met-requirements="false"]) ~ .review-highlight-missing {display: block;}

/*------------------------
   SETARTIKEL STUFF 
-------------------------*/

.set-wrapper .no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.set-wrapper .PT_Beskr {margin-bottom: 0; font-family: 'Artico',Arial,Helvetica,sans-serif; font-weight: 700;}
.set-wrapper .rubrikArtikel {display: none !important;}
.set-wrapper #main #OrderFalt {
	overflow: visible;
	position: relative;
}
/* .h3-append::after {content: ':';} */
.set-wrapper .color-icons-wrapper {
	margin-bottom: 10px;
}
.set-chosen-shade, 
.set-chosen-shade-extra {
	font-size: 12px;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	grid-area: chosen-shade; */
}
.set-chosen-shade-extra {
	/* grid-area: chosen-shade-extra; */
	font-size: 10px;
	margin-top: 3px;
}
.set-wrapper .color-icons-wrapper h3, .set-wrapper .filter-shade-container h3 {text-transform: capitalize; font-size: 1.05em;}
.set-wrapper .color-icons-wrapper .dropdown-variation {position: relative; display: grid; grid-template-columns: 1fr; align-items: center; width: 100%;}
.set-wrapper .color-icons-wrapper .dropdown-variation.infopopup {grid-template-columns: 1fr 25px;}

.set-wrapper .color-icons-dropdown {
	position: relative;
	width: 100%;
	padding: 9px 18px;
	border: 1px solid #999;
	cursor: pointer;
	display: flex;
	align-items: center;
	min-height: 45px;
	border-radius: var(--default-border-radius, 0px);
}
.set-wrapper .color-icons-dropdown .defaultText{
	line-height: 30px; 
}
.set-wrapper .color-icons-dropdown div {
	font-size: 12px;
	line-height: 17px;
	width: 95%; 
	max-width: 95%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400;
}
.set-wrapper .chosen-color {
	/* height: 35px; */
	font-family: 'Artico',Arial,Helvetica,sans-serif;
	font-weight: 700;
}
.set-wrapper .color-icons-dropdown .defaultText {
	line-height: 33px;
}
.set-wrapper #PrisFalt {
	min-height: 25px;
}
.SetFaltWrap {margin-bottom: 20px;}
.SetFaltWrap:last-child {margin-bottom: 28px;}
.set-wrapper .color-icons-dropdown div strong {text-transform: uppercase;}
.set-wrapper .color-icons-dropdown i {
	font-size: 1.5em;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	color: var(--neutrals-primary, #333);
}
.set-wrapper .active .color-icons-dropdown i {
	transform: rotate(180deg);
}
.set-wrapper .all-colors {
	border: 1px solid #E7E2DF;
	border-top: none;
	background: #fff;
	padding: 8px 0;
}
.set-wrapper .color-item {
	display: flex;
	cursor: pointer;
	align-items: center;
	position: relative;
}
.set-wrapper .color-item:hover {
	text-decoration: underline;
}

.set-wrapper .hex-color {
	--dimensions: 26px;
	font-size: 0;
	font-weight: 300;
	height: var(--dimensions);
	width: var(--dimensions);
	position: relative;
	border: 1px solid #ffffff;
	overflow: hidden;
	background-size: var(--dimensions) var(--dimensions);
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
}

/* .set-wrapper .activearticle .hex-color {border: 2px solid #FFF; outline: 2px solid rgba(0, 0, 0, 1.0);}  */
.set-wrapper .activearticle:not(.out-of-stock) .hex-color {position: relative; overflow: visible;}
.set-wrapper .activearticle .hex-color::after {
	--offset: 2px;
	content: '';
	outline: 1px solid #333;
	position: absolute;
	width: calc(var(--dimensions) + var(--offset));
	height: calc(var(--dimensions) + var(--offset));
	border-radius: 50%;
	background-color: transparent;
	inset: 0;
	margin: auto;
	transform: translate(calc(var(--offset)* -1), calc(var(--offset)* -1));
}
.set-wrapper .color-desc {
	padding: 8px 0;
	line-height: 17px;
	font-size: 12px;
	margin-bottom: 0;
}

.set-wrapper .below-color-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 8px;
	grid-area: colors;
	margin-top: 10px;
}
.set-wrapper .below-color-list .color-desc {
	display: none;
}
.set-wrapper .below-color-list .hex-color {
	margin: 0;
}
.set-wrapper .VariantAntalFaltEtikett,
.set-wrapper input[type="text"].VariantAntalFalt {
	display: none;
}

@media screen and (max-width: 750px) {
	.SetFaltWrap:last-child {margin-bottom: 15px;}
	.set-wrapper .color-icons-dropdown div {font-size: 12px;}
	.set-wrapper .color-icons-dropdown {padding: 7px 18px;}
	.set-wrapper #main #OrderFalt {margin-top: 10px;}
}

/*------------------------
   // SETARTIKEL STUFF
-------------------------*/

/*------------------------
   PRODUCT PAGE
-------------------------*/
/* PICTURE COLUMN */ 
a[data-zoom-id] img {box-shadow:none;}
.BildZoomThumbnails:last-child {z-index:2; margin:0; position:relative;} 
@media screen and (min-width: 766px) {
	.long-text, .left-col-desktop {width:50%;}
	.long-text {padding-left:20px;}
}
@media screen and (min-width: 1051px) {	
	.flerfarger-item, .PT_Bildruta {overflow:hidden;}
	.flerfarger-item img, .PT_Bildruta img {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
	.flerfarger-item:hover img {transform:scale(1.1);}
}

/* PRODUCT COLUMN */
#VarumarkeFalt {margin:0 0 5px;}
#PrisFalt .PrisAvd {font-size:16px;}
.TextKort {/* ta bort tillfälligt .. max-height: 170px; overflow: hidden; text-overflow: ellipsis; */ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 14px;}
.TextKort.open {max-height: 1250px;}
.readmoreTextKort {display: none; /* tillfälligt */}
.readmoreTextKort.secbutton {margin-left: 0; }
.readmoreTextKort.secbutton span {padding: 0;line-height: 30px;height: 30px;font-size: 12px;width: unset;border: 0;}
.readmoreTextKort span::before{content: attr(data-more);}
.readmoreTextKort.open span::before{content: attr(data-less);}
.readmoreTextKort span::after{content: '\ea1b';font-family: "FontAwesome-5-Pro";font-weight: 600;margin: 0px 0px 0px 5px;}
.readmoreTextKort.open span::after{content: '\ea22';}
#KundBetyg a {pointer-events:none;}
#Avbetalning {background:#F2F2F2; padding:10px;}
#FaltRader, #KundBetygRad {margin:10px 0;}
#KampanjFalt {border:1px solid #f1f1f1; padding:20px;}
#Produktinfo {margin-bottom: 12px;}
#Produktinfo li {margin:0 0 0 1.1rem;}
#Produktinfo iframe {max-width:100%; height:auto;}
#Produktinfo table {max-width:100%;}
#ProduktinfoOvrigt table {width:100%;}
#ProduktinfoOvrigt table input, #ProduktinfoOvrigt table select, #ProduktinfoOvrigt table textarea {max-width:100% !important;}
#ProduktinfoOvrigt table table tr td:nth-child(1n+1) {width:50% !important; white-space:normal;}
#ProduktinfoOvrigt #omdome_epost {display:none;} 
#ProduktinfoOvrigt .satt_betyg table table tr:nth-child(6) {display:none;}
#Produktinfo .egenskaper{display: flex;flex-direction: column;}
#Produktinfo .egenskaper span {font-size: 14px;}
/* #Produktinfo .egenskaper ul br {display: none;} */
#Produktinfo .egenskaper ul {display: flex; align-items: flex-start; flex-direction: column; font-size: 14px; list-style-type: initial !important;}
#Produktinfo .egenskaper ul li:not(:last-child) {margin-bottom: 5px;}
.AdventCalendar[data-id="1109"] {order: 2;}  
.ArtikelfaktaText {line-height: 1.6;}
.TeknSpec_Tabell {width:100%; border:0; margin:10px 0; padding:0;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger, .TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {padding:5px;}
.TeknSpec_Rad1_Vanster, .TeknSpec_Rad1_Hoger {background:#f1f1f1;}
.TeknSpec_Rad2_Vanster, .TeknSpec_Rad2_Hoger {background:#fff;}
.pdf a:before, .externlank a:before, .storleksguideToggle:before {font-size:16px; padding:0 5px 0 0;}
.pdf a:before {content:"\f1c1";}
.externlank a:before {content:"\f08e";}
.storleksguideToggle:before {content:"\f05a";}
input.Laggikorgen_Antalsfalt {text-align:center;}

/* Prishistorik 
.price-history:empty {display: none;}
.price-history:not(:empty) + .price_info_trigger {display: block !important;cursor: pointer;} 
.price_info_area .Close::after{content: "";display: block;width: 100%;height: 100%;position: fixed;top: 0;right: 0;z-index: -1;}
.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: 1.4rem;height: 1.4rem;background-size: 1.4rem;background-image: url(/themes/caia/design/bilder/i-symbol.svg);position: absolute;left: 0;top: -0.3rem;} 
.price_info_area {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: transparent;z-index: 99;justify-content: center;align-items: center;}
.price_info_area.active {display: flex !important;}
.price_info_area div {background: #fff;color: var(--neutrals-primary, #333);padding: 2rem;margin: 1rem;max-width: 650px;max-height: 90vh;overflow-y: auto;border-radius: 6px;position: relative;}
.price_info_area .Close {position: absolute;top: 5px;right: 5px;cursor: pointer;color: var(--neutrals-primary, #333);padding: 3px 5px;font-size: 1.5em;font-weight: 300;display: flex;justify-content: center;align-items: center;}
.price_info_area .fa-times:before {content: "\ea78";} */

.price_info_area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	z-index: 99;
	justify-content: center;
	align-items: center;
}

.price_info_area .Close::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	/*background-color: rgba(0,0,0,0.5);*/
	top: 0;
	right: 0;
	z-index: -1;
}
.price_info_area.active {
	display: flex !important;
}
.price_info_area div {
	background: #fff;
	color: #333;
	padding: 2rem;
	margin: 1rem;
	max-width: 650px;
	max-height: 90vh;
	overflow-y: auto;
	border-radius: 6px;
	position: relative;
}
.price_info_area .Close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	color: #333;
	padding: 3px 5px;
	font-size: 1.5em;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
}
.price_info_area .fa-times:before {
	content: "\ea78";
}
.egenskaper .AdventCalendar img {
	position: relative;
	top: 4px;
	margin-right: 12px;
} 
.AdventPropertyTitle {
	margin-top: 15px;
	font-family: 'Artico',Arial,Helvetica,sans-serif;
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

/* FLER FÄRGER */
.fler-farger p, .Egenskaper_Tabell b {font-size:14px;}
.flerfarger-item {float:left; width:80px; height:93px; margin-right:10px; position:relative;}
.flerfarger-item img {display:block;}

/* I LAGER */
.artikel_i_lager_mellan {font-family:'Times', serif; font-style:italic; margin-bottom:10px; display:block; font-size:16px;}
.artikel_i_lager_mellan:before {content:'\f70c'; font-family:Font Awesome\ 5 Pro; font-style:normal; font-size:20px; margin-right:5px; color:#c6ab99; font-weight:300;}

/* SET */
.SET_link .ListaSetArtnr {display:none;}
.Set_Falt_Wrap select {width:100%;}
.startflikwrapper li {margin-left:15px;}
.artikel_antal, .Set_Falt_Wrap b {margin-bottom:5px; display:inline-block;}
.Artikellista_SET.selected .hex-color {position: relative; overflow: visible;}
/* .Artikellista_SET.selected .hex-color:not(.no-bg)::after { */
.Artikellista_SET.selected .hex-color::after {
	--offset: 2px;
	content: '';
	outline: 1px solid #333;
	position: absolute;
	width: calc(var(--dimensions) + var(--offset));
	height: calc(var(--dimensions) + var(--offset));
	border-radius: 50%;
	background-color: transparent;
	inset: 0;
	margin: auto;
	transform: translate(calc(var(--offset)* -1), calc(var(--offset)* -1 / 4));
}
.Artikellista_SET .PT_Bildruta {margin-top:0;}
.Artikellista_SET.selected .PT_Bildruta span {text-align:center; display:block; width:100%; position:absolute; top:50%; transform:translateY(-50%);}
.Artikellista_SET.selected .PT_Bildruta span:before {content:'\f058'; font-size:70px; color:#fff; text-shadow:0px 1px 1px rgba(0,0,0,0.5);}
.Artikellista_SET_Val input[type="radio"] {position:absolute; width:100%; height:100%; top:0; left:0; margin:0; z-index:1; opacity:0; cursor: pointer;}
/* .Artikellista_SET:hover img {transform:scale(1.1);} */
@media only screen and (max-width: 750px) {
	.set-wrapper:not(:empty) {margin-top: 20px;}
}

/* VIDEO THUMB */
#videothumb {display:none;}
.BildZoomThumbnailsContainer #videothumb {display:inline-block;}
#videothumb a {display:block; position:relative; overflow:hidden;}
#videothumb a:hover img {transform:scale(1.1);}
#videothumb img {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
#videothumb a:before {content:'\ea7f'; font-weight:500; font-family:"FontAwesome-5-Pro"; position:absolute; font-size:30px; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; z-index:1;}

/* SIZE GUIDE */
.storleksguideToggle {cursor:pointer;}
.storleksguide {display:none;}
.storleksguide.active {display:block; width:70%; max-width:800px; position:absolute; padding:30px 20px; margin:0; z-index:6; top:215px; left:50%; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); transform:translate(-50%, 0); background:#fff;}

@media screen and (max-width: 750px) {
	.symbol-icons {margin: 15px 0;}
	.special_big_icon a {margin-right: 15px;}
	.animal-rights {flex-direction: column; align-items: flex-start;}
	.advent_trigger {display: grid;justify-items: center;}
	input#epost_bevaka {margin-bottom: 10px;}
}
@media screen and (max-width: 650px) {
	.animal-rights {margin-top: 20px;}
}
/* REVIEWS */ 
.betyg h3 {text-align:center;}
.b_intro {text-align:center; width:100%;}
.b_intro span {width:100%; display:block; font-size:12px;}
.b_intro .betyg_siffra {font-size:18px;}
#toggle-grade-form, #article-grades-form .Knapp_Generell_Tabell_Artikel, #article-grades-form .Knapp_Generell {width:400px; max-width:100%; margin-right:auto; margin-left:auto;}
#article-grades-form {max-width:600px; margin-left:auto; margin-right:auto;}
.login-text {max-width:750px; margin-left:auto; margin-right:auto;}
#article-grades-form input[type='text'], #article-grades-form textarea {background:#fff!important; width: 100%;}
.grade-post:last-child {border-bottom:0;}
.grade-label {font-size:14px; padding-right:10px; padding-top: 2px;}
.grade-author .tiny-text {padding-left:10px;}
.form-question .grade-label {line-height:25px; display:block; font-family:'Artico', Arial, Helvetica, sans-serif; padding:0 0 5px; font-weight: 700;}
.question-option {font-size:14px; width:100%; display:block; line-height:25px;}
.question-option i {font-style:normal;}
#article-grades-form .grade-wrapper {position: relative;}
label.error {font-size:12px; float:none; color:#EA325B; padding-bottom:7px; padding-top:5px; vertical-align:top; float:left; clear: right; width: 100%; padding-left: 5px;}
textarea + label.error {margin-bottom: 10px;}
#article-grades-form .grade-wrapper label.error {position: absolute; bottom: -5px; width: 100%; white-space: nowrap;}
#article-grades-form .grade-wrapper {margin-bottom:20px;}
#article-grades-form .Knapp_Generell_Tabell_Artikel .Knapp_Generell_Vanster {display: none;}
#grade-error + label i {margin-bottom: 25px}
#grade-error[style="display: none;"] + label i {margin-bottom: 0;}
.grade-author {font-size: 14px;}
.betyg h3.margB {margin-bottom: 10px}
.votes > span {padding-right:20px; display:inline-block; float:left;}
.votes > span:last-child, .votes > span:nth-last-child(2) {padding-right:0;}
.votes > span.upvote, .votes > span.downvote, .votes > span.upvote-noclick, .votes > span.downvote-noclick {padding-right:10px; font-size:18px;}
.votes > span.tiny-text {clear:both; width:100%;}
.upvote, .upvote-noclick {transform:translateY(-2px);}
.upvote-noclick, .downvote-noclick {opacity:0.3; pointer-events:none;}
.best-vs-worst-wrapper {position:relative;}
.best-vs-worst-wrapper .post-divider {position:absolute; width:0px; height:100%; border-left:1px solid #E7E2DF; overflow:visible; top:0; left:50%;}
.best-vs-worst-wrapper .post-divider span {position:absolute; border:1px solid #E7E2DF; top:50%; left:50%; transform:translate(-50%, -50%); display:block; font-size:12px; background:#f8f8f8; padding:8px 12px;}
#article-grades-form, #toggle-grade-form.visible, .login-text {height:auto; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
#toggle-grade-form.visible + #article-grades-form, #toggle-grade-form:not(.visible), #toggle-grade-form.visible + .login-text {height:0; overflow:hidden; margin-top:0;}
#grades-best-vs-worst, #no-reviews {display:none;}
.reviews-header + #grades-best-vs-worst, .reviews-header + #no-reviews {display:block;}
.best-vs-worst-wrapper .col {margin-left:0;}
.mostLikedPositive {float:right;}
.mostLikedNegative {float:left;}
#reviewsLists {margin-bottom:-20px;}
#main .andrasomkopt .section {overflow:visible;}
#grade-wrapper.hide .grade-wrap:nth-child(1n+4) {display:none;}
.andrasomkopt .owl-wrapper {display: flex !important;}
@media screen and (max-width: 1225px) {.andrasomkopt .PT_Wrapper_All .owl-buttons {display:none!important;}}
.andrasomkopt .PT_Wrapper_All .owl-buttons .owl-prev, .andrasomkopt .PT_Wrapper_All .owl-buttons .owl-next {margin-top:-40px;}
.andrasomkopt .PT_Wrapper_All .owl-buttons .owl-prev {left:-20px;}
.andrasomkopt .PT_Wrapper_All .owl-buttons .owl-next {right:-20px;}
.andrasomkopt .PT_Wrapper_All .owl-buttons .owl-prev:before, .andrasomkopt .PT_Wrapper_All .owl-buttons .owl-next:before {color:#d6d6d6;}
@media screen and (max-width: 1050px) {#reviewsLists {margin-bottom:-30px;}}
@media screen and (max-width: 750px) {
	.betyg h3.margB {margin-bottom: 5px}
	#article-grades-form div.field-wrap:first-child {margin-bottom:10px;}
	#article-grades-form .Knapp_Generell_Tabell_Artikel, #article-grades-form .Knapp_Generell_Tabell_Artikel * {max-width:100%; width:100%;}
	.best-vs-worst-wrapper {display:flex; flex-direction:column;}
	.best-vs-worst-wrapper .post-divider {order:1;}
	.mostLikedNegative {order:2;}
}

/* utk styling */
.utk.hide,
.utk-modal.hide {
	display: none !important;
}
.set-upgrade:has([data-count="0"]) {
	display: none;
}
.set-upgrade {
	margin-bottom: 0;
}
.utk-separator {
	content: '';
	height: 1px;
	width: 100%;
	background: var(--color-primary-pink);
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
}
.set-upgrade:not(:has(.scrollbar.scrollable)) .utk-separator {
	margin-top: 15px;
}
.set-upgrade-info {
	margin-block: 10px 25px;
	margin-inline: 10px;
}
.upgrade-text__added {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
}
.upgrade-text__added.onlydesktop {
	display: none;
}
.upgrade-text__added.onlymobile {
	text-align: center;
	margin-bottom: 15px;
}
.upgrade-product__info {
	display: flex;
	gap: 15px;
	align-items: center;
	flex-direction: row;
	background-color: var(--bg-lightergrey);
	padding: 8px 15px;
}
.upgrade-product__info img {
	width: 45px;
	aspect-ratio: 45 / 52;
	flex-shrink: 0;
	display: block;
}
.upgrade-product__name {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: var(--neutrals-primary);
}
.set-upgrade-title {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
	text-align: center;
}
.upgrade-product__property {
	font-weight: 400;
	font-size: 14px;
	color: var(--neutrals-primary);
}
.upgrade-product__info .right {
	display: flex;
	flex-direction: column;
}
.PT_Wrapper_All .PT_Wrapper.utk {
	display: flex;
	flex-direction: column;
	padding: 25px 15px;
	background-color: var(--bg-lightergrey);
	min-width: 300px;
}
.utk-upper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.utk-left,
.upgrade-product__info .left {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
}
.upgrade-product__info .left .img,
.set-choice-image {
	position: relative;
}
.utk-left::after,
.upgrade-product__info .left .img::after {
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.022);
	position: absolute;
	pointer-events: none;
	z-index: 1;
	border-radius: var(--default-border-radius, 0px);
}
.utk-left img {
	width: 91px;
	aspect-ratio: 91 / 106;
	flex-shrink: 0;
	display: block;
}
.utk-heading {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: var(--neutrals-primary);
}
.utk-subheading {
	font-size: 14px;
	font-weight: 400;
	color: var(--neutrals-primary);
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-bottom: 12px;
}
.utk-price-badge {
	display: flex;
	align-items: center;
	gap: 10px;
}
.utk-price {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.utk-badge {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 3.5px 6px;
	background-color: var(--color-primary-pink);
	color: var(--neutrals-primary);
	border-radius: 5px;
}
.utk-lower {
	margin-inline: auto;
	margin-top: auto;
}
.new-cta {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	min-width: 180px;
	max-width: 100%;
	display: block;
	margin-inline: auto;
	margin-top: auto;
	height: var(--cta-h, 50px);
	line-height: calc(var(--cta-h, 50px) - 2px);
	padding-inline: 25px;
	border-radius: var(--cta-input-radius, 10px);
	transition: background-color 200ms ease-in, color 200ms ease-in;
	cursor: pointer;
	margin-top: 30px;
	text-align: center;
}
.new-cta:hover {
	background-color: var(--bg-dark);
	color: var(--color-secondary-white);
}
/* .set-upgrade .product-slider-wrapper:has(.scrollbar.scrollable) {
	--w: 10px;
} */
.set-upgrade .product-slider-wrapper .PT_Wrapper_All {
	--local-gap: 10px;
	--pt-size: 75%;
}
.upgrade-product__info .check {
	content: '';
	--icon-dimensions: 20px;
	background-image: url(/themes//stage//design/bilder/check.svg?v=1.01);
	background-repeat: no-repeat;
	width: var(--icon-dimensions);
	height: var(--icon-dimensions);
	display: inline-block;
	background-size: var(--icon-dimensions);
	background-position: center;
}
.PT_Wrapper_All[data-count="1"] .PT_Wrapper.utk {
	margin-left: 10px !important;
	scroll-margin-left: 0 !important;
	max-width: calc(100% - 20px);
	flex-basis: calc(100% - 20px);
}
.utk-modal {
	position: fixed;
	top: 0;
	width: 450px;
	max-width: 90vw;
	height: 100% !important;
	z-index: 99999;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0;
	background: #fff;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	right: -34px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	flex-direction: column;
}
.utk-modal.active {
	right: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	display: flex;
}
.utk-modal:has(.no-selection-needed) {
	display: none !important;
}
@media (width >= 1051px) {
	.utk-left img {
		width: 124px;
		aspect-ratio: 124 / 145;
	}
	.set-upgrade-title {
		margin-bottom: 20px;
		font-size: 22px;
	}
	.PT_Wrapper_All .PT_Wrapper.utk {
		padding: 20px;
		max-width: 33%;
		flex-grow: 1;
		--pt-size: calc(33% + (var(--local-gap)/1.5));
	}
	.PT_Wrapper_All[data-count="3"] .PT_Wrapper.utk {
		--pt-size: calc(25% + (var(--local-gap)/4));
	}
	.utk-heading,
	.utk-subheading {
		font-size: 16px;
	}
	.utk-heading {
		margin-bottom: 10px;
	}
	.set-upgrade .product-slider-wrapper .PT_Wrapper_All {
		--local-gap: 20px;
	}
	.set-upgrade .product-slider-wrapper .PT_Wrapper_All[data-count="1"],
	.set-upgrade .product-slider-wrapper .PT_Wrapper_All[data-count="2"] {
		justify-content: center;
	}
	.upgrade-text__added.onlydesktop {
		display: block;
	}
	.upgrade-text__added.onlymobile {
		display: none;
	}
	.upgrade-product__info {
		gap: 10px;
		padding: 15px;
		width: 1000px;
		margin-inline: auto;
		justify-content: center;
	}
	.upgrade-product__name,
	.upgrade-product__property {
		font-size: 16px;
		margin-bottom: 0;
	}
	.upgrade-product__info .right {
		flex-direction: row;
		gap: 10px;
		align-items: center;
	}
	.set-upgrade-info {
		margin-top: 0;
	}
	.PT_Wrapper_All[data-count="1"] .PT_Wrapper.utk {
		margin-left: 0 !important;
		scroll-margin-left: 0 !important;
		max-width: 450px;
		flex-basis: 100%;
	}
	.set-upgrade {
		margin-bottom: 35px;
	}
	.utk-separator {
		display: none;
	}
	.utk-upper {
		gap: 15px;
	}
}
@media (width <= 1219px) {
	.set-upgrade .product-slider-wrapper:has([data-count="1"]) {
		margin-left: 0;
	}
	.set-upgrade .PT_Wrapper_All.slider .PT_Wrapper {
		margin-left: var(--local-gap, 10px);
		scroll-margin-left: var(--local-gap, 10px);
	}
	.set-upgrade .product-slider-wrapper .PT_Wrapper_All {
		column-gap: 0;
	}
}

.utk-modal-header {
	padding: 30px 20px 25px 40px;
	border-bottom: 1px solid var(--color-primary-pink);
}
.utk-modal-header-upper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 18px;
	margin-bottom: 5px;
}
.utk-modal-header-upper h3 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 0;
}
.utk-modal .modal-close {
	cursor: pointer;
	--dim: 20px;
	background-image: url(/themes//stage//design/bilder/caia_icon_close.svg?v=1.01);
	background-repeat: no-repeat;
	width: var(--dim);
	height: var(--dim);
	display: inline-block;
	background-size: var(--dim);
	background-position: center;
	position: relative;
	margin-top: 3px;
}
.utk-modal-header-sku {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
}
.utk-set-choice {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px 30px;
	position: relative;
}
.utk-set-choice:not(:first-child)::after {
	content: '';
	height: 1px;
	background: var(--color-secondary-pink);
	top: 0;
	width: calc(100% - 80px);
	position: absolute;
	margin-left: 10px;
}
.set-choice-image {
	flex-shrink: 0;
	width: 90px;
	aspect-ratio: 90 / 106;
	position: relative;
}
.set-choice-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.set-choice-data {
	display: flex;
	flex-direction: column;
}
.set-choice-title {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 7px;
	color: var(--neutrals-primary);
}
.set-choice-name {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: var(--neutrals-primary);
}
.set-choice-descr {
	font-size: 14px;
	font-weight: 400;
	color: var(--neutrals-primary);
	margin-bottom: 12px;
}
.set-wrapper .below-color-list.set-choice-colors {
	margin-top: 0;
	gap: 7px;
}
.utk-modal-content {
	max-height: calc(100dvh - (var(--utk-modal-header-height, 100px) + var(--utk-modal-footer-height, 170px)));
	overflow: hidden auto;
}
.utk-modal-footer {
	padding: 25px 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid var(--color-primary-pink);
	margin-top: auto;
	flex-direction: column;
}
.footer-price-discount {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 5px;
}
.utk-modal-footer .utk-price {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.utk-total-price {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 25px;
}
.utk-modal-footer .utk-cta {
	background: var(--neutrals-primary);
	color: var(--color-secondary-white);
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	transition: background-color 200ms ease-in, color 200ms ease-in;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	border-radius: var(--cta-input-radius, 10px);
	border: none;
}
.utk-modal-footer .utk-cta:hover {
	background: var(--cta-primary-hover-color)
}
.utk-modal-footer .utk-cta.success,
.no-select-req.success {
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.utk-modal-footer .utk-cta.success::before,
.no-select-req.success::before {
	content: '';
	--dim: 24px;
	mask-image: url('/themes//stage//design/bilder/check.svg?v=1.01');
	mask-repeat: no-repeat;
	mask-size: var(--dim) var(--dim);
	-webkit-mask-image: url('/themes//stage//design/bilder/check.svg?v=1.01');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: var(--dim) var(--dim);
	background-color: var(--color-secondary-white);
	width: var(--dim);
	height: var(--dim);
	display: inline-block;
}

#Faktablad .no-select-req.success {
	font-size: 0 !important;
}
#Faktablad .no-select-req.success::before {
	background-color: var(--bg-dark);
}
#Faktablad .no-select-req.success:hover::before {
	background-color: var(--color-secondary-white);
}
.utk-set-choice .Artikellista_SET.selected .hex-color::after {
	outline: 2px solid #000;
}
.utk-setfield:only-child {
	display: block !important;
}
@media (width <= 1050px) {
	.utk-modal-footer .utk-cta {
		height: 45px;
		line-height: 45px;
	}
	#Faktablad .no-select-req.success {
		flex-direction: column;
	}
}