script {
    display: none !important;
}

:root {
	--main-color: #38b897;

	--main-btn-color: #1a947c;
	--main-btn-color-hover: #1a3994;

	--main-bright-bg-color: #d3eaea;

	--star-color-dark: #74b1a0;
	--star-color-bright: #acd1c7;

	--main-price-color:;

	--h1-gradient-from: #1a947c;
	--h1-gradient-to: #90cbca;

	--menu-hover-from: #1a947c80;
	--menu-hover-to: #90cbca40;

	--fw600: 500;
	--fw700: 500;
	--fw800: 500;
}

/*
:root {
    --main-color: hsl(11.82deg 74.8% 63.27%);
    --main-btn-color: hsl(50deg 82.16% 59.16%);
    --main-btn-color-hover: hsl(50deg 82.03% 63.1%);
    --main-bright-bg-color: hsl(50 35% 87% / 1);
    --star-color-dark: hsl(158.56deg 68.06% 41.7%);
    --star-color-bright: hsl(159 63% 67% / 1);
    --main-price-color: ;
    --h1-gradient-from: hsl(5.84deg 89.62% 46.64%);
    --h1-gradient-to: hsl(50deg 100% 50%);
    --menu-hover-from: hsl(21.25deg 100% 65.34% / 50%);
    --menu-hover-to: hsl(56.25deg 100% 78.21% / 25%);
}
*/

@media (prefers-color-scheme: dark) {
   :root {
	  --main-bg-color: #000;
	  --main-text-color: #fff;
	}
}

@media (prefers-color-scheme: light) {
  :root {
	  --main-bg-color: #fff;
	  --main-text-color: #000;
	}
}


.icon-preorder:before {
    content: "\e81E";
    color: var(--main-color);
}
div#dhl-service_point-location-pickup select, div#dhl-parcel_connect-location-pickup select {
	width: 100%;
}

/* WOSSY DARK */
.wossy-dark {}

/* HEADER */
.header { background-color:#434343; /*display:table;*/ width:100%; 

	box-shadow: 0px -6px 6px 5px rgba(0,0,0,0.1);

	min-height:150px; /* add */ position:relative; }
.header .left { display:table-cell; width:240px; vertical-align:middle;}
.header .right { /* min-height:130px; padding:0 0 20px 0; */}
.header .logo { 
	/* text-align:center; */
	/* add */
	background-color: #fff;
	height: 90px;
}
.header .logo a { /* display:table-cell; vertical-align:middle; width:240px; max-width:240px; */}
.header .logo a img { /* display:block; max-width:100%; */ margin:0; }

.header_prisjakt_stars {
	font-size: 15px;line-height: 14px;height: 14px;letter-spacing: -1px;
}


#logo-object { 
	width: 195px !important;
	margin:15px auto 0 auto;
	height:60px;
  /* pointer-events:none; */ /* removed to make link work, why did we have it in the first place? */
}


.logo_v2 {
	transition: all 0.25s cubic-bezier(.65,.05,.36,1);
	transition-property: left, top, margin, height, width, opacity;
}
@media screen and (min-width:767px) { 
	.logo_v2_scrolled {
	    position: fixed;
	    top: env(safe-area-inset-top, 0px);
	    margin: 0 !important;
	    z-index: 3000;
	    height: 40px !important;
	}
}

.header .top {
	background-color:#fff;
	padding: 0;
	padding-top: env(safe-area-inset-top, 0px);
	border-bottom: 0.7px solid #dedede;
	width: 980px;
	margin: auto;
	z-index: 500;
	position: fixed;
	top: 0;
}

#top2{
	position: relative;
	width: 100%;
}

/*
.header .top .home { float:left; width:40px; height:40px; position:relative; z-index:115; background-image:url(img/home.png); background-repeat:no-repeat; background-position:center center;   border-radius:0 3px 3px 0;}
.header .top .home a { float:left; width:40px; height:40px; background-image:url(img/left-sh.png); background-repeat:repeat-y; background-position:left top; background-color:transparent;}
.header .top .home .lefth { display:block;}
.header .top .home .bottomh { display:none;}
*/

.header .top {
	/* height: calc(40px + env(safe-area-inset-top, 0px));*/
	height: 40px;
}
#top_non_fixed {
	/* height: calc(40px + env(safe-area-inset-top, 0px));*/
	height: 40px;
}


#top_non_fixed {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 1000; /* to lay above .top, 1 on mobile */
	pointer-events: none; /* doesnt block clicking on lower z-index items underneath */
}






.header .free {
	margin: 10px 0 0 4px;
	padding: 0 0 0 38px;
	display: inline-block;
	color: #222;
	font-size: 12px;
	line-height: 20px; position: relative;
 /*background: url(img/free_shipping_icon_small.png) no-repeat left center;*/ 
}

.header .free:before {
	content: '\e803';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;

	color:#222;
	position: absolute;
	font-size: 21px;
	left: 0;
}

/* SEARCH */


	.search { 
		/* width:160px; */
		top: 0;
		/* right:10px; */
		/* left: 290px; */
		margin-left: 290px;
		position:absolute;
		z-index:110;

		background-color: #fafafa;
		box-shadow: inset 0px -15px 10px rgba(255,255,255,1);
		width: calc(100vw - 500px);
		/* width: 150px; */
		border: 0.7px solid #aaa;

		max-width: 700px;

		transition: all 0.25s cubic-bezier(.65,.05,.36,1);
		transition-property: left,top,width,margin-left;
	}

	.search_v2 {
		top: 30px;
	}

	.search_v2_scrolled {
	    top: env(safe-area-inset-top, 0px) !important;
	    position: fixed;
	    margin-left: 260px;
    	width: calc(100vw - 580px);
    	z-index: 1000;
	}

	.search input { 
		float:left;
		border:none !important;
		background-color:transparent;
		padding:9px 0 6px 0;
		margin:0 11px 0 11px;
		/*
		color:#222;
		box-shadow:none;
		width:99px;
		max-width:99px;
		min-width:99px;
		height: 24px;
		font-size: 16px !important;
		*/

		color: #000;
	    box-shadow: none;
	    width: calc(100% - 60px);
	    height: 24px;
	    font-size: 15px !important;

	    min-width: auto; /* override input */

}
.search input:active{
	background-color:transparent;
}



.search input:focus { /* background-color:#333333;*/ color:#000;}

.search input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #444;
}
.search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #444;
    opacity:1;
}
.search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #444;
    opacity:1;
}
.search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #444;
}

.cart .actions .button:active {
	margin-top: 2px;
	transform: scale(1); 
	/*
	box-shadow: unset;
    box-shadow: 0 0px 1px rgba(25,25,25,0.12), 0 0px 2px rgba(25,25,25,0.12);
    */
}
.cart .actions .button:hover {
    /* background-image: linear-gradient(#f0f0f0,#fff); */
    transform: scale(1.05);
}
.cart .actions .button {
	transform: scale(1); 

	color: #000;
    
    font-size:14px;
	font-family: 'futura-pt','Roboto Condensed';
	height: 18px !important;

    /*
    text-shadow: 0.5px 1px 0.5px rgba(255,255,255,0.6);

    box-shadow: 0 2px 3px rgba(25,25,25,0.2), 0 2px 4px rgba(25,25,25,0.2);
    background-color: #fff;
	background-image: linear-gradient(#fff, #e0e0e0);
	border: none;
	*/
	
}
.cart .button b,.cart .button span {
	font-weight: 300 !important;
}


.hvr-icon-spin {
    display: inline-block;
    vertical-align: top;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(0px) translateZ(0);

    padding: 6px 15px 14px 15px !important;
}

.hvr-icon-spin .hvr-icon {
	display: inline-block; /* very important */
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    height: 26px;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: cubic-bezier(0.6, 0.25, 0.16, 1.54)
}

.hvr-icon-spin i:before {
    content: "";
    background-image: url('https://dermastore.se/image/data/swish_circle.png');
    background-size: cover;
    height: 26px;
    width: 26px;
    display: inline-block;

    vertical-align: middle;
}

.hvr-icon-spin:hover .hvr-icon,
.hvr-icon-spin:focus .hvr-icon,
.hvr-icon-spin:active .hvr-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}



.swish-btn-text {
    margin-top: 1px;
    margin-left: 7px;
    display: inline-block;
    vertical-align: text-top;


}



[class^="hvr-"] {
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}






.button-search { 
	float:left;
	/*
	margin:11px 0 0 0;
	width:20px;
	height:20px; 
	*/
	margin: 6px 0 0 0;
    width: 30px;
    height: 30px;
	background-image:url(img/button-search.svg); 
	background-size: cover; 
	background-repeat:no-repeat; background-position:left top; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}

.button-search:hover { cursor:pointer; background-position:left bottom;}

/* CART & DRAWER */
.cart { position:absolute; top:0; right: 105px; z-index:105; width:310px; }
.cart .heading_wossy { float:right;}
.cart .heading_wossy a { display:block; position:relative; padding:10px; height:20px; line-height:20px; font-size:13px; text-decoration:none; color:#222;}
.cart .heading_wossy a:hover .link_icon { background-position:right -24px;}
.cart .heading_wossy .link_icon { display:block; padding:0 32px 0 0; }

.cart .heading_wossy .link_icon:before { content: '\e81c'; margin-top: 0px; }

/* Shared header icon styles - preserving existing behavior for header icons */
.cart .heading_wossy .link_icon:before, .my_account .heading_wossy .link_icon:before {
	font-family: "fontello"; font-style: normal; font-weight: normal; speak: none;
	text-indent: 0; display: inline-block; text-decoration: inherit; color:#222;
	position: absolute; font-size: 28px; right: 8px; margin-top: 1px;
	transition: all 0.25s; transition-timing-function: ease-in-out;
}
.my_account .heading_wossy .link_icon:before { content: '\f10d'; font-size: 29px !important; }

.cart .heading_wossy:hover .link_icon:before,
.cart .active .heading_wossy .link_icon:before,
.my_account .heading_wossy:hover .link_icon:before,
.my_account .active .heading_wossy .link_icon:before {
	transform: scale(1.08);
}

/* Header active state */
.cart .active .heading_wossy a, .my_account .active .heading_wossy a {
	background-color: #fff; z-index:5;
}

/* My Account Content - Original Dropdown Style */
.my_account .content {
	font-size: 13px; font-family: 'futura-pt','Roboto Condensed';
	clear:both; display:none; position:relative; right:0; padding:10px; background-color:#fff;   
	box-shadow: 0px 0px 600px 10px rgba(0,0,0,0.15), 5px 5px 15px 0px rgba(0,0,0,0.15);
}

/* Custom Cart Drawer Styles */
.custom-cart-drawer {
    position: fixed; 
    top: 0; 
    right: 0; /* Aligned with right edge of viewport */
    height: 100vh; 
    width: 400px; /* Fixed width for consistent transform calculation */
    z-index: 9999; 
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    padding: 20px; 
    box-sizing: border-box;
    overflow-y: auto;
    transform: translateX(400px); /* Push 400px to the RIGHT (off-screen) */
    opacity: 1;
    transition: transform 0.4s ease;
    display: block !important; /* Override default hidden */
    pointer-events: none; /* Prevent interaction when closed */
    font-family: 'futura-pt','Roboto Condensed';
    font-size: 14px;
    will-change: transform; /* Performance hint */
    max-width: 100vw;
}
.custom-cart-drawer.open {
    transform: translateX(0); /* Slide back to visible position */
    pointer-events: auto;
}

/* Overlay */
.custom-cart-overlay {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5); z-index: 9998;
    opacity: 0; pointer-events: none;
    transition: opacity 0.4s ease;
}
.custom-cart-overlay.visible {
    opacity: 1; pointer-events: auto;
}

/* Cart Title */
.custom-cart-drawer .title {
    width: 100%; background: url(img/border-dark.png) repeat-x left bottom;
    padding: 0 0 10px 0; margin: 0 0 30px 0; font-size: 14px;
}

/* Close Button */
.custom-cart-drawer .close {
    position: absolute; top: 12px; right: 12px; cursor: pointer; z-index: 10000;
    width: 36px; height: 36px;
    background-image: url(img/close-icon.svg);
    background-size: contain; background-repeat: no-repeat; display: block;
}

/* Cart Items */
.custom-cart-drawer .empty { text-align:center; color:#999; margin:10px 0;}
.mini-cart-info { border-bottom: none; max-height: none; overflow-y: visible; }
.mini-cart-info .item { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #e0e0e0; display: block; width: 100%; }
.mini-cart-info .images { float:left; }
.mini-cart-info .images img { float:left; max-width:80px; }
.mini-cart-info .info { margin:0 0 0 60px; min-height:50px; }
.mini-cart-info .info p { margin:0; padding:0; }
.mini-cart-info .info .text { color:#666; padding:0 0 20px 0; }
.mini-cart-info .info .text a { text-decoration:none; color:#000; }
.mini-cart-info .info .text a:hover { text-decoration:underline; }
.mini-cart-info .info .text i { font-size:11px; display:block; font-style:normal; }

.mini-cart-info .price { margin:0 0 0 96px; padding:0; text-align:right;bottom:0; right:0; left:0; height:20px; line-height:20px; color:#000; 

}
.mini-cart-info .price .remove { float:right; width:16px; height:16px; margin:0 3px 0 7px; background:url(img/remove.png) no-repeat center center; }

.mini-cart-total { text-align:right; padding:10px 23px 10px 0; border-bottom:0.5px solid #d4d4d4; }
.mini-cart-total table { border-collapse:collapse; margin:0; padding:0; display:inline-block; }
.mini-cart-total table tr { color:#222; }
.mini-cart-total table tr:nth-last-child(2) { color:#000; }
.mini-cart-total table td { padding:3px; min-width:70px; }
.mini-cart-info .voucher_cart_top .info { margin:0; min-height:65px; }

/* Actions (Sticky Bottom) */
.custom-cart-drawer .actions {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 16px 0;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    z-index: 1;
    box-sizing: border-box;
    margin-top: 24px;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr;
}
.custom-cart-drawer .actions .button {
    margin: 0 10px;
    transform: scale(1);
    color: #000;
    font-size: 17px; 
    font-family: 'futura-pt', 'Roboto Condensed';
    height: 40px !important;
    padding: 8px 16px;
    border: 1px solid #000;
    background: #fff;
    display: inline-block;
    box-sizing: border-box;
    line-height: 22px;
    width: calc(100% - 20px);
}

/* Swish Button (Silver/Grey) */
.custom-cart-drawer .actions .button.hvr-icon-spin {
    background-color: #f2f2f2 !important; color: #333 !important; border: 1px solid #ccc !important;
}
.custom-cart-drawer .actions .button.hvr-icon-spin:hover {
    background-color: #e6e6e6 !important;
}

/* Checkout Button (Green) */
.custom-cart-drawer .actions .button:not(.hvr-icon-spin) {
    background-color: #38b897 !important; color: #fff !important; border: 1px solid #38b897 !important;
}
.custom-cart-drawer .actions .button:not(.hvr-icon-spin):hover { background-color: #1a947c !important; }

.custom-cart-drawer .actions .but_green b:before { color: #fff; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-size: 16px; margin-right: 5px; content: '\e81c'; }

/* HAMBURGER */

/* Hide it when we dont need it */
.hamburger {display: none; visibility: hidden; }


.hamburger .heading_wossy a:hover { color:#fff;}
.hamburger .heading_wossy a:hover .link_icon { background-position:right -24px;}

.hamburger .heading_wossy:hover .link_icon:before,
.hamburger .active .heading_wossy .link_icon:before{
color:#fff;
}

.hamburger .heading_wossy .close { display:none; position:absolute; top:-0; right:-5px; background-image:url(img/x.png); background-repeat:no-repeat; background-position:center center; width:16px; height:16px; border-radius:9px;
background-size: 16px;}



/* MY ACCOUNT */
.my_account { position:absolute;
	top:0;
	/* right:170px; */
	right:0px;
	z-index:100; width:195px; font-size:12px;
}

.my_account .heading_wossy { float:right;}
.my_account .heading_wossy a { display:block; position:relative;
 padding:10px 14px 10px 8px;
height:20px; line-height:20px; font-size:13px; text-decoration:none; color:#222;}

.my_account .heading_wossy a:hover { /*color:#fff;*/ }
.my_account .heading_wossy a:hover .link_icon { background-position:right -24px;}
.my_account .heading_wossy .link_icon { display:block; padding:0 26px 0 0; /* background-repeat:no-repeat; background-position:right 2px; background-image:url(img/my-account-header.png); */}




.my_account .heading_wossy .close {
	display:none; position:absolute; top:-0; right:-5px; background-image:url(img/x.png); background-repeat:no-repeat; background-position:center center; width:16px; height:16px;  border-radius:9px;
	background-size: 16px;

}
.my_account .active .heading_wossy .close { display:block;}

.my_account .active .heading_wossy a .link_icon { background-position:right -24px;}
.my_account .active .content { display:block;}
.my_account .content .title { display:none; width:100%; background:url(img/border-dark.png) repeat-x left bottom; color:#000; padding:0 0 10px 0; margin:0 0 10px 0; font-size:14px;}
.my_account .links { padding:0 0 5px 0; margin:-5px 0 0 0;}

.my_account .links a { display:block; width:100%; padding:5px 0; text-decoration:none;
 /* background-position:right center; background-repeat:no-repeat;*/
opacity:0.7; filter:alpha(opacity=70);
/* transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; */
}


.my_account .links a:before {

font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;

color:#222;
position: absolute;
font-size: 16px;
right: 10px;
}
.account:before { content: '\e826';}
.wishlist:before { content: '\e819';}
.shopping:before { content: '\e81c';}
/* .account { background-image:url(img/links_account.png);}
.wishlist { background-image:url(img/links_wishlist.png);}
.shopping { background-image:url(img/links_shopping.png);}
.checkout { background-image:url(img/links_checkout.png);} */



.my_account .links a:hover { opacity:1; filter:alpha(opacity=100);}
.my_account .welcome { padding:12px 0 10px 0; /* background:url(img/border-dark.png) repeat-x left top; */}
.my_account .welcome p { margin:0; padding:0 10px; text-align:center; color:#222; line-height:21px;}
.my_account .welcome p a { color:#000;}
.my_account .language { padding:12px 0 10px 0; /* background:url(img/border-dark.png) repeat-x left top; */ text-align:center;}
.my_account .language a { padding:3px; opacity:0.5; filter:alpha(opacity=50); text-decoration:none;}
.my_account .language a:hover { opacity:1; filter:alpha(opacity=100);}
.my_account .currency { padding:12px 0 10px 0; /* background:url(img/border-dark.png) repeat-x left top; */ text-align:center;}
.my_account .currency a { padding:0 3px; opacity:0.5; filter:alpha(opacity=50); text-decoration:none; color:#222;}
.my_account .currency a:hover { opacity:1; filter:alpha(opacity=100);}
.my_account .currency .selected { opacity:1; filter:alpha(opacity=100);}

/* MENU */
.header .menu { /* min-height:60px;*/ padding:1px 0; /* border-bottom:1px solid #2b2b2b; border-top:1px solid #2b2b2b;*/}
.header .menu>ul {
	position:relative; z-index:90; /* background-color:#2b2b2b; */ margin:0; padding:0; list-style-type:none;
	display: flex;
    align-items: center;
    justify-content: center;
}


.header .menu>ul>li { display:inline-block; margin:0 -5px 0 0; padding:0; text-align:left;
flex: 1 0 auto;
}
.header .menu>ul>li>a {
display:inline-block;
position:relative;
/*
height:16px; 
line-height:16px;
font-size:14px; 
padding:10px 17px;
*/
text-decoration:none; /* color:#eee; */

padding: 10px 12px !important;
font-size: 14px !important;
/* font-family: Bariol,Helvetica,Arial,sans-serif !important; */
height: 24px !important;
line-height: 20px !important;
letter-spacing: 1px;
font-weight: var(--fw700);
font-family: 'Madera';
text-transform: uppercase;
color: #000;
}



.header .menu>ul>li:hover { z-index:95;}
/*
.header .menu>ul>li:hover>a { background:#222; color:#fff;}
*/
.header .menu>ul>li:hover>a:after {
    background: linear-gradient(to right, var(--menu-hover-from), var(--menu-hover-to));
    content: "";
    height: 0.4em;
    left: 0;
    margin-top: calc(0.125em);
    position: absolute;
    right: 0;
    transition: 0.3s all;
    top: 50%;
}
.header .menu>ul>li>div {
	display:block;
	visibility:hidden;
	position:absolute;
	z-index:-91;
	left:0;
	width: 100%;
	right:auto;
	top:auto;
	background-color:#fff;
	border-bottom-style:solid;
	border-bottom-width:3px;

	opacity: 0;
	transition: all 0.15s;
    transition-timing-function: ease-in-out;
}

.header .menu>ul>li:hover>div {
	transition: all 0.15s;
    visibility: visible;
    transition-timing-function: ease-in-out;
    opacity: 1;
    z-index:91;}

.header .menu>ul>li>div>ul { 
	/* width:170px; */
	margin:0;
	padding:10px 20px 10px 20px;
	list-style-type:none;
	width: initial !important;
	column-count: 4;
	-webkit-column-count: 4;
    -moz-column-count: 4;
	/* display:table-cell; */
}

.header .menu>ul>li>div>ul li>a {
	width: initial !important;
	font-size: 15px;
	display:block;
	/* width:150px; */
	padding:4px;
	text-decoration:none;
	font-weight: var(--fw600);
	/* color:#eee; */
	/*border-top:0.5px solid #6e6e6e85; */
}
.header .menu>ul>li>div>ul li:first-child>a { border-top:none; text-transform: uppercase;}
.header .menu>ul>li>div>ul li:last-child > a { border-bottom:none;}
/*
.header .menu>ul>li>div>ul>li>a:hover { color:#fff;}
*/

/* nedan behövs egentligen ingen ny fil för men men */
.header .menu>ul>li>a {

}




.menu_lvl2_group {
	flex: none; -webkit-column-break-inside: avoid;column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;
}
div.menu_lvl2_group:not(:first-child) {
    margin-top: 10px;
}
.header .menu>ul>li>div>ul li.menu_lvl3>a{
	font-weight: 400;
	font-size: 15px;
}


li {
	-webkit-column-break-inside: avoid;
	column-break-inside:avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}


/* FOOTER */
.footer { border-top:3px solid #cccccc; font-weight: 400;}
.footer .top { background-color:#dedede; /* border-bottom:1px solid #565656;*/ }
.footer .top .content { /* border-bottom:1px solid #2b2b2b;*/ 
	overflow:auto;
	padding:30px 10px 25px 10px;
    max-width: 1200px;
    margin: 0 auto;
    }

.footer .free { margin:0 0 5px 0; padding:5px 0 5px 45px; display:inline-block; color:#666; font-size:16px; position:relative; /* background:url(img/free_shipping_icon.png) no-repeat left center; */}
.footer .free:before {
	content: '\e803';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;

	color:#999;
	position: absolute;
	line-height: 20px;
	font-size: 32px;
	left: 0;
}

.footer .top img { float:right; max-width:100%; max-height:35px; margin:0 0 5px 0;}
.payment_icon { float:right; width:51px; height:32px; margin:0 0 5px 5px; background-position:center center; background-repeat:no-repeat;}
.banks { background-image:url(../img/card/banks-se.png); width: 100%;  background-size: contain;}
.mastercard { background-image:url(../img/card/mastercard-curved-32px.png); width: 80px;}
.visa { background-image:url(../img/card/visa-curved-32px.png); width: 110px;}
/*
.footer .top .american_express { background-image:url(../img/card/american-express-curved-32px.png);}
.footer .top .cirrus { background-image:url(../img/card/cirrus-curved-32px.png);}
.footer .top .delta { background-image:url(../img/card/delta-curved-32px.png);}
.footer .top .direct { background-image:url(../img/card/direct-debit-curved-32px.png);}
.footer .top .discover { background-image:url(../img/card/discover-curved-32px.png);}
.footer .top .maestro { width:52px; background-image:url(../img/card/maestro-curved-32px.png);}
.footer .top .paypal { background-image:url(../img/card/paypal-curved-32px.png);}
.footer .top .solo { background-image:url(../img/card/solo-curved-32px.png);}
.footer .top .switch { background-image:url(../img/card/switch-curved-32px.png);}
.footer .top .visa_electron { background-image:url(../img/card/visa-electron-curved-32px.png);}
.footer .top .western_union { background-image:url(../img/card/western-union-curved-32px.png);}
*/
.footer .middle { background-color:#fff;}
.footer .middle .content { overflow:auto;}
.footer .middle * {/*
	    text-shadow: -0.5px -0.5px 0px rgba(0, 100, 100, 0.3),
	    			-1px -1px 0px rgba(0, 100, 100, 0.3),
				    -1px -1px 1px rgba(0, 100, 100, 0.07),
				    -1px -1px 2px rgba(0, 100, 100, 0.07),
				    -1px -1px 3px rgba(0, 100, 100, 0.07);
		*/
}

.info_box { float:left; margin:0 0 10px 20px; vertical-align:top; min-height:10px;}
.info_box .title {
	display:block;
	font-style:normal;
	font-size:22px;
	color:#222;
	padding:15px 0 12px 0;
	margin:0 0 8px 0;
	text-transform:uppercase; /* background:url(img/border-dark-footer.png) repeat-x left bottom; */
	border-bottom: 1px solid #dedede;

}


.list_box ul { margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
.list_box ul li a { display:inline-block; text-decoration:none; padding:4px 0; color:#222; font-size:14px;}

.my_account_box { width:170px;}
.extras_box { width:130px;}
.about_us_box { width:360px;}
.about_us_box p { margin:0; padding:0; font-size:14px; line-height:24px; /* color:#666;*/ }
.find_us_box { display:table; width:100%; /* background:url(img/border-dark-footer.png) repeat-x left top; */ padding:10px 0 0 0; margin:15px 0 10px 0;}
.find_us_box .left { display:table-cell; vertical-align:middle; width:125px; font-size:16px; color:#999; text-transform:uppercase;}
.find_us_box .right { display:table-cell; vertical-align:middle;}
.find_us_box .social_links { float:left; margin:5px 8px 0 0; width:48px; height:48px;   border-radius:24px; background-color:#222; background-repeat:no-repeat; background-position:center 9px; text-indent:-99999px; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.find_us_box .social_links:hover { background-color:#252525; background-position:center -44px;}
/*
.footer .middle .find_us_box .skype { background-image:url(img/icon_skype.png);}
.footer .middle .find_us_box .youtube { background-image:url(img/icon_youtube.png);}
.footer .middle .find_us_box .google { background-image:url(img/icon_google.png);}
.footer .middle .find_us_box .facebook { background-image:url(img/icon_facebook.png);}
.footer .middle .find_us_box .digg { background-image:url(img/icon_digg.png);}
.footer .middle .find_us_box .vimeo { background-image:url(img/icon_vimeo.png);}
.footer .middle .find_us_box .dribbble { background-image:url(img/icon_dribbble.png);}
.footer .middle .find_us_box .flickr { background-image:url(img/icon_flickr.png);}
.footer .middle .find_us_box .twitter { background-image:url(img/icon_twitter.png);}
.footer .middle .find_us_box .rss { background-image:url(img/icon_rss.png);}
*/
.find_us_box .invisible { display:none !important;}
.contact_us_box { float:left; width:220px; display:inline-block;}
.contact_us_box ul { margin:0; padding:0; list-style-type:none;}
.contact_us_box ul li { display:block; padding:8px 0 8px 40px; margin:10px 0 0 0; font-size:14px; /*color:#999;*/ line-height:19px; /* background-position:left center; background-repeat:no-repeat; */ position: relative; }
.contact_us_box ul li a { text-decoration:none; color:#999;}

.contact_us_box ul li a:hover,
.list_box ul li a:hover { color: #000; color:rgba(0,0,0,0.5);}

.contact_us_box ul li:before {

font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;

display: inline-block;
text-decoration: inherit;

color:#666;
position: absolute;
line-height: 20px;
font-size: 30px;
left: 0;
}
.contact_us_box .tel span {font-size: 12px;}

.footer_find_order:before { content: '\e83c';}

.contact_us_box .tel:before { content: '\e812'; line-height: 34px;}
.contact_us_box .email:before { content: '\e802';}
.contact_us_box .address:before { content: '\e809'; line-height: 42px;}
/*
.contact_us_box .tel { background-image:url(img/f_tel.png);}
.contact_us_box .email { background-image:url(img/f_email.png);}
.contact_us_box .schedule { background-image:url(img/f_schedule.png);}
.contact_us_box .address { background-image:url(img/f_address.png);}
*/


.footer .bottom { background-color:#dedede; /* border-top:1px solid #565656; */ }
.footer .bottom .content { /* border-top:1px solid #2b2b2b;*/ font-size:12px; color:#666; line-height:21px; display:inline-block; width:100%;}
.footer .bottom .content a { color:#666; text-decoration:none;}
.footer .bottom .content a:hover { color:#222;}
.information_footer { float:right; text-align:right; text-transform:uppercase; padding:20px 0;}
.information_footer a { text-decoration:none; display:inline-block; margin:0 20px 0 -8px;}
.footer .bottom .copyright { display:inline-block; margin:0 0 0 20px; padding:20px 0;}
.footer .back_top { height:3px; position:relative;}
.footer .back_top a { position:absolute; right:-22px; top:-19px; width:22px; height:22px; background-image:url(img/arrow_top_shadow.png); background-repeat:no-repeat; background-position:center center; text-decoration:none;}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;
-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}



#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:var(--main-color);}
#cookie-bar .cb-enable:hover {background:#f5497c;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Styling for off canvas menu*/
.mm-listview .mm-divider, .mm-listview>li>a, .mm-listview>li>span, .mm-navbar .mm-title {
	font-size: 14px;
    text-transform: uppercase;
    font-family: 'Madera','Roboto Condensed', Helvetica, Arial, sans-serif;
}

.content_flex_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 60px;
    max-width: 1300px;
    margin: auto;
}

.in_content_flex_item{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    text-align: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    line-height: 1.4em;
}

.in_content_flex_item a{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.in_content_prisjakt {
	vertical-align: top;
    margin: 1px;
    max-width: 100px;
    display: inline;
    max-height: 21px;
}


.in_content_usp_stars {
	font-size: 20px;
	line-height: 20px;
	height: 20px;
}


/* FAQ — product page */
.tab-faq .faq-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 10px 0;
}

.tab-faq .faq-item {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background-color: #fafafa;
    overflow: hidden;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.tab-faq .faq-item:hover {
    border-color: var(--main-color);
}

.tab-faq .faq-item[open] {
    border-color: var(--main-color);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.tab-faq .faq-question {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    font-size: calc(15px + 0.15vw);
    font-weight: var(--fw700);
    color: #2b2b2b;
    line-height: 1.4;
    user-select: none;
}

.tab-faq .faq-question::-webkit-details-marker { display: none; }
.tab-faq .faq-question::marker { content: ''; }

.tab-faq .faq-toggle {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    position: relative;
    transition: transform 0.25s ease;
}
.tab-faq .faq-toggle::before,
.tab-faq .faq-toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--main-color);
    border-radius: 1px;
}
.tab-faq .faq-toggle::before { width: 14px; height: 2px; transform: translate(-50%, -50%); }
.tab-faq .faq-toggle::after  { width: 2px;  height: 14px; transform: translate(-50%, -50%); transition: transform 0.25s ease, opacity 0.25s ease; }

.tab-faq .faq-item[open] .faq-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.tab-faq .faq-answer {
    padding: 0 18px 16px 18px;
    font-size: calc(15px + 0.1vw);
    font-weight: 300;
    line-height: 1.55;
    color: #444;
}

.tab-faq .faq-answer p { margin: 0 0 0.8em 0; }
.tab-faq .faq-answer p:last-child { margin-bottom: 0; }
.tab-faq .faq-answer a { color: var(--main-color); text-decoration: underline; }

@media (max-width: 640px) {
    .tab-faq .faq-question { padding: 12px 14px; font-size: 15px; }
    .tab-faq .faq-answer   { padding: 0 14px 14px 14px; font-size: 15px; }
}