Collistar Impeccable Compact Eyeshadow Refill 200 Ivory Satin

var site = window.site = window.site || {};
var settings = site.settings = site.settings || {};
var cookieSettings = site.cookieSettings = site.cookieSettings || {};
settings.webSiteId = «7fb0aa3e-0c56-412f-b37b-f11ffc6b4617»;
settings.channelId = «0ee493c3-689a-48a6-b527-57d8d6352762»;
settings.searchUrl = «/search»;
site.translations = «{"$type":"System.Collections.Generic.Dictionary`2[[System.String, mscorlib],[System.String, mscorlib]], mscorlib","fillzipcode":"Fyll i postnummer för att slutföra ditt köp.","filter_showless":"Vis færre","removeorderrowconfirm":"Er du sikker på at du vil slette ?","filter_showall":"Vis alle","filter_select":"Välj","filter_close":"Stäng"}»;
var currencyCode = «NOK»;

var gtmEcommerceEnabled = true;
var isMobile = window.matchMedia(«only screen and (max-width: 760px)»);
var isTablet = window.matchMedia(«only screen and (min-width: 760px) and (max-width: 1024px)»);
var device = ‘Desktop’;
if (isMobile.matches) {
device = ‘Mobile’;
}
if (isTablet.matches) {
device = ‘Tablet’;
}
window.dataLayer = window.dataLayer || [];
window.dataLayer.push(
{ ‘responsiveVersion’: device }
);

jQuery(function(){
if(jQuery(«.stickers-beautydeals»).length){
jQuery(«body»).addClass(«contains-beautydeals»)
}
});

/* Fix to badge hierarchy gift vs discount*/
.badge-campaign {
z-index: 2;
}
.badge-campaign.badge-campaign-gift {
z-index: 1 !important;
}

/*Custom Badge + BD Fix PDP*/
.product–main .stickers-beautydeals + .badge-campaign{
top: 90px !important;
}
@media (max-width: 991px){
.product–main .stickers-beautydeals + .badge-campaign{
top: 68px !important;
}
}

/*Link Buttons Fix*/
a.sg_link_btn:first-child:not(:nth-last-child(3n)),
a.sg_link_btn:first-child:not(:nth-last-child(3n)) ~ a.sg_link_btn {
width: calc(50% – 13px);
}

/* Login Page Styling*/
.template-login [data-ajax-content-container] form div{
position: relative;
margin-bottom: 20px;
display: block;
}
.template-login [data-ajax-content-container] form div label{
font-weight: 400;
font-size: 12px;
line-height: 16px;
position: absolute;
top: -8px;
left: 16px;
padding: 0 4px;
background-color: #fff;
display: inline-block;
margin-bottom: 0.5rem;
}
.template-login [data-ajax-content-container] form div label:after{
content: » *»;
}
.template-login [data-ajax-content-container] input#LoginForm_UserName,
.template-login [data-ajax-content-container] input#LoginForm_Password{
background-color: #fff;
-webkit-box-shadow: 0 0 0 1000px #fff inset;
box-shadow: inset 0 0 0 1000px #fff;
transition: background-color 5000s ease-in-out 0s;
border: 1px solid #241f20;
border-radius: 5px;
display: block;
width: 100%;
padding: 14px 16px;
}
.template-login [data-ajax-content-container] form input.btn.btn-primary{
cursor: pointer;
padding: 8px 24px;
border-color: #241f20;
border-radius: 3px;
font-weight: 700;
font-size: 14px;
color: #fff;
background-color: rgba(0,0,0,.87);
width: 100%;
}
.template-login [data-ajax-content-container] .field-validation-error.form__validator–error{
display: block;
margin: 10px 0 0;
color: #dc3545 ;
}
.template-login [data-ajax-content-container] small.form__validator–error{
display: block;
margin: 10px auto 20px;
color: #dc3545 ;
width: fit-content;
}
.template-login [data-ajax-content-container] form{
width: 50%;
margin: 0 auto 100px;
}
@media (max-width: 767px){
.template-login [data-ajax-content-container] form{
width: 100% !important;
}
}

/*Secondary Badge PDP Overlap Fix */
.product–buy–box .secondary–badge{
position: unset;
margin: 0 !important;
}

/* Temp Hide Incorrect Pump Suggestion*/
.template-4d07d4be-84f4-447c-b964-ebd14b7d9bcf .packageArticles{
display: none !important;
}

/* Temp Hide Qliro Widget MiniCart */
.mini-cart .qliro-widget{
display: none !important;
}

/* Recommendations Carousel Overflow*/
.template-product .carousel.carousel-fluid{
max-width: 1140px;
margin: auto;
}
@media (max-width: 1200px){
.template-product .carousel.carousel-fluid {
max-width: 950px !important;
}
}

/*Hide Checkout Login Prompt*/
.checkout-member{
display: none
}
.checkout__wrapper{
padding-top: 16px;
}

/*Hide Dermalogica BD Badge*/
li[data-impression*=’brand»:»Dermalogica’] .stickers-beautydeals,
li[data-impression*=»brand’:’Dermalogica»] .stickers-beautydeals,
div[data-impression*=’brand»:»Dermalogica’] .stickers-beautydeals,
div[data-impression*=»brand’:’Dermalogica»] .stickers-beautydeals,
li[data-impression*=’brand»:»Dermalogica’] .badge-beautydeal,
li[data-impression*=»brand’:’Dermalogica»] .badge-beautydeal,
li[data-impression*=»brand’:’Dermalogica»] .card–product–price–rek,
li[data-impression*=’brand»:»Dermalogica’] .card–product–price–rek,
li[data-impression*=’brand»:»Dermalogica’] .price-rek,
li[data-impression*=»brand’:’Dermalogica»] .price-rek,
div[data-impression*=’brand»:»Dermalogica’] .price-rek,
div[data-impression*=»brand’:’Dermalogica»] .price-rek {
display: none !important;
}

li[data-impression*=’brand»:»Dermalogica’] .price-default,
li[data-impression*=»brand’:’Dermalogica»] .price-default,
div[data-impression*=’brand»:»Dermalogica’] .price-default,
div[data-impression*=»brand’:’Dermalogica»] .price-default,
li[data-impression*=’brand»:»Dermalogica’] .card–product–price–current,
li[data-impression*=»brand’:’Dermalogica»] .card–product–price–current{
color: #000000de !important;
}

/*Product thumbnail scroll limit fix*/
@media (min-width: 900px) {
.template-product .product–main .container .row .product–gallery__thumbnails {
max-height: 400px !important;
overflow-y: auto !important;
direction:rtl !important;
}
}

/*Hide Gift Card Category Recs*/
.template-f3114806-e731-44ea-b424-ca6172b24394.b91cdc3c-1f9e-4ef9-90ff-a4d0ab2ca694 #category-recommendations{
display: none;
}

/*Product bundles image center fix*/
.template-product .packageArticles .image–gray {
display: flex;
align-items: center;
}

/*Product bundles scroll fix*/
.template-product .packageArticles .row {
overflow-y: auto;
max-height: 350px;
}

/*PDP product details padding fix*/
.template-product .product–details .flex-grow-1 {
padding-right: 16px;
}

.my-pages__container .order-list__see-more {
display: flex;
flex-direction: column;
align-items: center;
}

.my-pages__container .order-list__see-more .order-list__see-more-button {
margin-top: 12px;
}

/*Mini cart & checkout price old fixes*/
.mini-cart .price-container .price-old {
text-decoration: initial !important;
font-size: 12px;
line-height: 16px;
}

.mini-cart .price-container .price-campaign {
text-align: right;
margin-right: 0;
}

.checkout .checkout-cart__prices .price-old {
padding-right: 0;
}

/*Nordicfeel badges fix*/
.badge-campaign::before {
font-weight: 700;
}

/*Price color fixes*/
.price-low, .price-old, .card–product–price–rek, .card–product–price–old, .price-rek {
color: rgba(0,0,0,.54) !important;
font-weight: 600 !important;
}

/*Highligting menu link red in header*/
a[href=»/kampanjer»]{
color: #dc3545 !important;
}
@media (max-width: 990px){
.header–navigation .panel a[href=»/kampanjer»]{
color: #dc3545 !important;
}}

/*HoY Page Center Buttons*/
.ecf9f133-063f-452e-96c8-a08116f337c6 .sg_links {
text-align: center;
}
.checkout .checkout-member {
border-radius: 3px;
}

.checkout .checkout-member .login__member-benefits {
width: 100%;
}

.checkout .checkout-member .login__member-benefits .login__points {
margin-bottom: 20px;
}

.checkout .checkout-member .checkout-member__terms {
margin-top: 20px;
}

/*House of Youty fixes*/

/*Error color fixes*/
.login-form__input-wrapper–errors input,.register-form__input-wrapper–errors input {
border-color: #DC3545;
}

.login-form__error, .register-form__error {
color: #DC3545;
}

.register-form__error-icon path {
fill: #DC3545;
}

.account-menu .dropdown-panel–inner .btn.btn-dark:hover {
background-color: #000;
transition: all 250ms ease;
}

@media (max-width: 767px) {
.header .mini-fav .icon.favourites {
margin-top: 5px;

}
}

/*Log in pop-up*/
.login__backdrop .login__container–login .login-form__reset {
text-align: left;
margin-top: -8px;
}

.login__backdrop .login__container–login .login-form__reset:hover {
text-decoration: underline;
}

.login__backdrop .login__container–login .login__member-benefits .login__link:hover {
color: #5e2674;
text-decoration: underline;
}

.account__dropdown .account__dropdown-register:hover {
text-decoration: underline;
}

@media (max-width: 992px) {
.login__backdrop .login__container–login::before {
display: none;
}
}

/*Register*/
.login__container input[type=»checkbox»] {
margin-right: 10px;
}

.login__backdrop .login__register-form .register-form__link:hover {
text-decoration: underline;
color: #5e2674;
}

.login__backdrop .login__register-form .login__link:hover {
text-decoration: underline;
color: #5e2674;
}

@media (max-width: 767px) {
.login__backdrop .login__register-form .register-form__link {
font-size: 12px;
}
}

/*Buttons*/

.my-pages__container .button {
border-radius: 3px !important;
border-width: 2px !important;
border-style: solid !important;
font-family: Nunito,sans-serif !important;
text-transform: initial !important;
font-weight: 700 !important;
letter-spacing: normal !important;
}

/*Default buttons*/
.my-pages__container .button.button–default {
background-color: #241F20 !important;
border-color: #241F20 !important;
color: #fff !important;
}

.my-pages__container .button.button–default:hover {
background: #000 !important;
border-color: #000 !important;
transition: all 250ms ease !important;
}

/*Disabled buttons*/
.my-pages__container .button.button–disabled {
background-color: #a6a6a6 !important;
border-color: #a6a6a6 !important;
}

/*Secondary buttons*/
.my-pages__container .button.button–secondary {
background-color: #fff !important;
color: #241F20 !important;
border-color: #E6E6E6 !important;
border-radius: 3px !important;
}

.my-pages__container .button.button–secondary:hover {
background-color: #241F20 !important;
border-color: #241F20 !important;
color: #fff !important;
transition: all 250ms ease !important;
}

/*My page*/

.my-pages__container {
font-family: Nunito,sans-serif !important;
font-weight: 400 !important;
letter-spacing: normal;
}

.my-pages__container .overview__card .overview__heading {
display: flex;
align-items: center;
}

.my-pages__container .my-pages__header {
font-family: Nunito,sans-serif !important;
font-weight: 700;
}

.my-pages__container .overview__card .overview__greeting {
font-family: Nunito,sans-serif !important;
font-weight: 700;
}

.my-pages__main-container {
margin: 32px 0
}

.my-pages__container .divider–dashed::before {
border-color: #E6E6E6;
border-style: solid;
border-width: 0.5px;
}

.my-pages__container .overview__card {
margin-bottom: 32px;
}

.my-pages__container .overview__background-logo {
min-width: 190px;
}

.my-pages__container .overview__small-heading {
font-size: 20px;
color: #241F20;
margin-bottom: 16px;
font-family: Nunito,sans-serif !important;
font-weight: 700;
letter-spacing: normal;
}

/*My pages sidebar nav*/

.my-pages__container .my-pages__navigation {
margin-top: 3px;
}

.my-pages__container .my-pages__nav-heading {
font-family: Nunito,sans-serif !important;
letter-spacing: normal !important;
font-weight: 700 !important;
margin-bottom: 16px;
text-transform: initial !important;
font-size: 16px;
}

.my-pages__container .nav-tree__container .nav-tree__list .nav-tree__link{
font-family: Nunito,sans-serif !important;
margin-bottom: 10px;
font-weight: 400 !important;
letter-spacing: normal;
}

.my-pages__container .nav-tree__container .nav-tree__list .nav-tree__link:hover{
color: #5e2674;
}

.my-pages__container .nav-tree__container .nav-tree__list .nav-tree__link.nav-tree__link–active{
background-image: none;
color: #5e2674;
font-weight: 700 !important;
}

.my-pages__container .my-pages__navigation .my-pages__sign-out {
margin-top: 24px;
}

@media (min-width: 992px) {
.my-pages__container {
max-width: 960px;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
}

@media (min-width: 1200px) {
.my-pages__container{
max-width: 1140px;
width: 100%;
padding-right: 12px;
padding-left: 12px;
margin-right: auto;
margin-left: auto;
}
.my-pages__container .overview__logo {
margin-top: 10px;
}
}

@media (max-width: 1198px) {
.my-pages__container .overview__card .overview__logo {
margin-top: 5px;
margin-left: 10px;
height: 27px;
}
}

@media (min-width: 992px) {
.my-pages__container .overview__card {
min-height: 300px;
margin: 0 auto;
}
}

@media (max-width: 990px) {
.my-pages__container .my-pages__main-container {
margin: 24px 0 !important;
}
.my-pages__container .my-pages__mobile-intro {
align-items: flex-start;
}
.my-pages__container .overview__card {
margin: 0;
margin-bottom: 32px;
margin-top: -16px !important;
min-height: 200px;
}

.my-pages__container .my-pages__navigation .slider-button {
border-radius: 3px;
font-family: Nunito,sans-serif !important;
font-weight: 700;
border-width: 2px;
font-size: 14px;
}

.my-pages__container .my-pages__navigation .slider-button–active {
background-color: #fff;
color: #241F20;
border-width: 2px;
}

.my-pages__container .overview__card .overview__logo {
margin-top: 5px;
}
.my-pages__container .overview__card .overview__background-logo {
display: none;
}
}

/*Newsletter Page*/
.my-pages__container .newsletter-settings__heading {
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
color: #241F20;
}

.my-pages__container .newsletter-settings__option .checkbox__label {
font-family: Nunito,sans-serif !important;
letter-spacing: normal;
font-weight: 700 !important;
color: #241F20;
}

.my-pages__container .checkbox__box {
border-radius: 3px;
}

@media (min-width: 991px) {
.my-pages__container .newsletter-settings__intro h2{
color: #241F20;
font-size: 20px;
margin-bottom: 20px;
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
}

.my-pages__container .newsletter-settings__options {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px 32px;
margin: 24px 0;
}
}

@media (max-width: 990px) {
.my-pages__container .newsletter-settings__intro h2{
font-size: 20px;
font-family: Nunito,sans-serif !important;
font-weight: 700;
}
.my-pages__container .newsletter-settings__container .divider–large {
margin: 24px 0;
margin-top: -16px;
border-width: 2px;
}
.my-pages__container .newsletter-settings__container .divider–large::before {
background-color: #E6E6E6;
height: 1px;
}
.my-pages__container .newsletter-settings__container .divider–large::after {
background-color: #E6E6E6;
height: 1px;
}
.my-pages__container .newsletter-settings__options {
grid-template-columns: 1fr;
}
}

/*Account settings*/

.my-pages__container .settings__header {
color: #241F20;
font-family: Nunito,sans-serif !important;
font-weight: 700;
}

.my-pages__container .settings__container .settigns__row-content .settigns__row-title {
font-family: Nunito,sans-serif !important;
letter-spacing: normal;
font-weight: 700;
text-transform: initial;
}

.my-pages__container .settings__container .settigns__row-content .settings__row-value {
font-family: Nunito,sans-serif !important;
color: #757575;
}

.my-pages__container .settings__editor input {
font-family: Nunito,sans-serif !important;
}

.my-pages__container .settings__container .settings__editor label {
font-family: Nunito,sans-serif !important;
font-weight: 600;
}

.my-pages__container .settings__container .settings__editor .text-group__label-area {
padding: .45em 0.78em .75em;
}

.my-pages__container .settings__container .divider::before {
background-color: #E6E6E6 !important;
}

.my-pages__container .settings__container .divider::after {
background-color: #E6E6E6 !important;
}

@media (min-width: 991px) {
.my-pages__container .settigns__row-content + .button {
min-width: 108px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
width: 100px;
padding: 10px;
}
}

/*My orders page*/

.my-pages__container .orders__empty-message {
font-family: Nunito,sans-serif !important;
padding-top: 20px;
border-top: 1px solid #E6E6E6;
}

.my-pages__container .orders__empty-message span {
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
color: #5e2674;
letter-spacing: normal;
}

.my-pages__container .orders__empty-message span:hover {
text-decoration: underline;
}

.my-pages__container .order-list__container {
border-top: 1px solid #E6E6E6 !important;
}

.my-pages__container .order-list-item__container {
grid-template-columns: 0.5fr 1fr 200px;
}

.my-pages__container .order-list__container .order-list-item__heading {
font-size: 20px !important;
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
}

.my-pages__container .order-list-item__image-container {
background-color: #F7F7F7;
border-radius: 3px;
}

.my-pages__container .order-list-item__info-thumb {
background-color: #F7F7F7;
border-radius: 3px;
}

.my-pages__container .order-list__container .order-list-item__wrapper {
border-bottom: 1px solid #eeeeee;
}

.my-pages__container .order-list__container .order-list-item__wrapper:last-child {
border-bottom: none;
}

.my-pages__container .order-list__container .order-list-item__thumb–more {
display: flex;
justify-content: center;
align-items: center;
margin: auto;
height: 100%;
width: min-intrinsic;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
-ms-grid-columns: min-content;
color: #757575;
}

.my-pages__container .order-list-item__content {
grid-gap: 24px 36px;
}

.my-pages__container .order-list-item__container .order-list-item__info-heading {
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
text-transform: initial;
letter-spacing: normal;
}

.my-pages__container .order-list-item__container .order-list-item__info-text {
font-family: Nunito,sans-serif !important;
color: #757575;
font-weight: 400;
letter-spacing: normal;
}

@media (min-width: 991px) {
.my-pages__container .order-list__container {
padding-top: 20px;
}
}

@media (max-width: 990px) {
.my-pages__container .order-list__container {
padding-top: 0;
}
.my-pages__container .order-list-item__wrapper {
border-top: none;
}
.my-pages__container .order-list-item__container {
grid-template-columns: auto 1fr auto !important;
}

.my-pages__container .order-list-item__container {
grid-gap: 24px;
}
.my-pages__container .order-list-item__content {
grid-gap: 24px !important;
}
.my-pages__container .order-list__container .order-list-item__heading {
font-size: 20px !important;
}
.my-pages__container .order-list-item__tag {
background-color: #5e2674;
color: #fff;
border-radius: 3px;
font-weight: 700;
text-transform: initial;
}
.my-pages__container .order-list-item__container .order-list-item__info-heading {
font-size: 14px;
}
.my-pages__container .order-list-item__container .order-list-item__info-text {
font-size: 14px;
}
}

@media (max-width: 650px) {
.my-pages__container .order-list-item__content {
grid-template-columns: 1fr;
grid-gap: 24px !important;
align-self: center;
}
}

/*Order details page*/

.my-pages__container .order-details__wrapper .order-details__back {
color: #5e2674;
font-weight: 700 !important;
font-family: Nunito,sans-serif !important;
}

.my-pages__container .order-details__wrapper .order-details__back .icon {
fill: #5e2674;
}

.my-pages__container .order-details__wrapper .order-details__heading {
color: #241F20;
margin-top: 12px;
font-family: Nunito,sans-serif !important;
font-weight: 700;
}

.my-pages__container .order-details__wrapper .divider::before {
background-color: #E6E6E6;
}

.my-pages__container .order-details__wrapper .divider::after {
background-color: #E6E6E6;
}

.my-pages__container .order-details__wrapper .divider–dashed::before {
border-color: #E6E6E6;
border-style: solid;
border-width: 0.5px;
}

.my-pages__container .order-details__wrapper .order-details__info .order-details__info-heading {
font-family: Nunito,sans-serif !important;
font-weight: 700;
text-transform: initial;
letter-spacing: normal;
margin-bottom: 12px;
}

.my-pages__container .order-details__wrapper .order-details__info .order-details__info-text {
font-family: Nunito,sans-serif !important;
color: #757575;
letter-spacing: normal;
}

.my-pages__container .order-details__wrapper .order-details__product {
text-decoration: none;
}

.my-pages__container .order-details__wrapper .order-details__products .quick-search-product__image-container {
background-color: #F7F7F7;
border-radius: 3px;
}

.my-pages__container .order-details__wrapper .order-details__products .quick-search-product__content .quick-search-product__text-brand {
font-family: Nunito,sans-serif !important;
text-decoration: none;
color: #241F20;
font-weight: 700;
letter-spacing: normal;
}

.my-pages__container .order-details__wrapper .order-details__products .quick-search-product__content .quick-search-product__text-name {
font-family: Nunito,sans-serif !important;
color: #757575;
letter-spacing: normal;
font-weight: 400;
}

.my-pages__container .order-details__wrapper .order-details__products .quick-search-product__content .quick-search-product__quantity-text {
font-family: Nunito,sans-serif !important;
color: #757575;
letter-spacing: normal;
font-weight: 400;
margin-top: 12px;
}

.my-pages__container .order-details__wrapper .order-details__products .quick-search-product__price-container .price__now {
font-family: Nunito,sans-serif !important;
color: #241F20;
font-weight: 700;
letter-spacing: normal;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__section-heading {
font-size: 20px !important;
font-family: Nunito,sans-serif !important;
color: #241F20;
font-weight: 700;
letter-spacing: normal;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__row .order-details__row-heading {
font-family: Nunito,sans-serif !important;
letter-spacing: normal;
color: #757575;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__row .order-details__row-text {
font-family: Nunito,sans-serif !important;
color: #757575;
letter-spacing: normal;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__row–total .order-details__total-heading {
font-family: Nunito,sans-serif !important;
font-weight: 700 !important;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__row–total .order-details__total-text {
font-family: Nunito,sans-serif !important;
font-weight: 700;
font-size: 20px !important;
color: #241F20;
}

.my-pages__container .order-details__wrapper .order-details__delivery-container .order-details__section-heading {
font-size: 20px !important;
font-family: Nunito,sans-serif !important;
letter-spacing: normal;
font-weight: 700;
}

.my-pages__container .order-details__wrapper .order-details__delivery-container .order-details__delivery-content {
margin-top: 12px;
}

@media (max-width: 990px) {
.my-pages__container .my-pages__mobile-intro .my-pages__back {
color: #5e2674;
font-weight: 700;
font-family: Nunito,sans-serif !important;
}

.my-pages__container .my-pages__mobile-intro .my-pages__back .icon {
fill: #5e2674;
}
.my-pages__container .order-details__content, .my-pages__container .order-details__delivery-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
margin-top: 24px;
}
.my-pages__container .order-details__info-heading {
margin-bottom: 10px;
}
.my-pages__container .quick-search-product–wide .quick-search-product__price-container {
margin-top: initial;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__section-heading {
font-size: 20px !important;
}

.my-pages__container .order-details__wrapper .order-details__total-container .order-details__row–total .order-details__total-text {
font-size: 20px !important;
}

.my-pages__container .order-details__wrapper .divider–medium {
margin: 24px 0;
}

.my-pages__container .order-details__wrapper .order-details__total-container .divider–small {
margin: 16px 0;
}

.my-pages__container .order-details__wrapper .order-details__delivery-container .order-details__section-heading {
font-size: 20px !important;
}
}

/*PDP Log in opt-in*/
.product–buy–box .js-campaign-info {
position: relative !important;
}

.product–main .js-campaign-info ul {
list-style: none !important;
padding-left: 12px !important;
padding-right: 12px !important;
border: 1px solid #E6E6E6 !important;
margin-top: 20px !important;
position: relative !important;
}

.product–buy–box .js-campaign-info a[href=»#login»] {
font-weight: 700;
font-size: 16px !important;
}

.product–buy–box .js-campaign-info ul a[href=»#login»]::before {
content: url(https://www.nordicfeel.se/storage/F2B4224324508B4A78CC76628BDD92EA9D6DBFF68C1E94BE74EED12A5A06D9E4/6c1d540c20164486b40ad152e79ffe98/svg/media/1140379e758f4065bc51adba0cbb9c3f/house-of-youty-tag-small.svg);
position: absolute !important;
top: -16px !important;
right: 12px !important;
}

@media (max-width: 992px){
.login__container{
min-height: 100vh;
padding-bottom: 85px;
overflow-y: scroll;
display: initial;
}
}
.login__point:nth-child(4) {
display: none !important;
}

/* PDP Thumb mobile Fix */
@media (max-width: 900px){
.product–main ul.product–gallery__thumbnails {
max-height: 320px;
overflow: auto;
}
}
/*Package includes component*/

.template-product .packageArticles {
margin-bottom: 16px;
}

.template-product .packageArticles .my-3 {
margin-bottom: 16x;
}

.template-product .packageArticles .col-12 {
margin-bottom: 16px;
}

.template-product .packageArticles .card–product {
border: 1px solid #E6E6E6;
padding: 16px;
border-radius: 3px;
}

.template-product .packageArticles .card–product .image–gray::after {
border-radius: 3px;
}

.template-product .packageArticles .card–product–details .card–product–name {
color: rgba(0,0,0,.87);
padding: 2px 0;
}

.template-product .packageArticles .card–product .ml-3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.template-product .packageArticles .card–product–details .card–product–name:last-child {
color: #757575;
padding: 0;
}

.template-product .packageArticles .card–product–details .card–product–name a {
color: rgba(0,0,0,.87);
font-size 12px !important;
}

.template-product .packageArticles .card–product .badge-campaign {
margin-right: 3px !important;
margin-top: 3px !important;
height: 30px !important;
width: 30px !important;
}

.template-product .packageArticles .card–product .badge-campaign span {
font-size: 9px !important;
}

@media (max-width: 768px) {
.template-product .packageArticles .col-12 {
margin-bottom: 16px;
}
.template-product .packageArticles .col-12:last-child {
margin-bottom: 0;
}
}

/*Checkout Carousel Fix*/
#cart-recs .card–product–price{
position: unset;
}
#cart-recs a{
height: 100%;
}
#cart-recs .card–product–button{
align-self: flex-end;
max-height: 33px;
}
#cart-recs .card–product{
justify-content: space-between;
}
@media(max-width:400px){
#cart-recs .card–product–button{
max-height: 26px !important
}
}

/* Mini Cart Scrollbar Fix */
.dropdown-panel .dropdown-panel–content::-webkit-scrollbar{
background-color: #ddd;
}
.dropdown-panel .dropdown-panel–content::-webkit-scrollbar-thumb{
background: #5e2674;
}
/*Breadcrumb fix*/
#breadcrumb-wrapper .breadcrumbs .current a {
color: rgba(0,0,0,.87) !important;
}

#breadcrumb-wrapper .breadcrumbs :not(.current) a:hover {
color: rgba(0,0,0,.87) !important;
transition: all ease-out;
text-decoration: underline;
}

/*BD Terms*/
.contains-beautydeals .discount-disclaimer.product–delivery–label:before {
content: «* Dette produktet kan ikke kombineres med rabattkoder.»;
display: block;
padding: 0 0 16px;
color: rgba(0, 0 , 0, .54);
font-weight: 400;
}
.condition-star:after {
content:» *»;
}
.card–product–badge.stickers-beautydeals{
z-index: 2;
}
#navigation–slot{
z-index: 3;
}
@media (max-width: 650px){
.template-product .card–product–badge.stickers-beautydeals::after {
width: 60px !important;
height: 60px !important;
padding: 20px 0px !important;
font-size: 12px !important;
}

}

/*Header Promo Fix*/
.promotion.promotion–header span{
white-space: nowrap;
}

.template-product .is-instock .product–delivery–info {
display: none !important;
}

/*Qliro Widget Fix*/
.product–main .qliro-widget {
align-items: center !important;
padding: 0 !important;
}

/*Close Menu Icon Fix*/
.header–navigation .panels .panels–close svg {
color: #000 !important;
}

/*Search Border Fix*/
.header–main .header–main–search .header–search–field input[type=»search»] {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

/*Ingredients Fix*/
.product–main .description–desktop table:not(.product–table), .description–desktop table:not(.product–table) * {
width: 100% !important;
white-space: pre-wrap !important;
font-family: Nunito,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
}

.product–main .description–mobile table:not(.product–table), .description–mobile table:not(.product–table) * {
width: 100% !important;
white-space: pre-wrap !important;
font-family: Nunito,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
}

.product–main .description–desktop .description {
margin-bottom: 24px !important;
}

.product–main .description–desktop .description b {
display: block !important;
margin-bottom: -6px !important;
font-size: 1rem !important;
}

.product–main .description–mobile .description b {
display: block !important;
margin-bottom: -6px !important;
font-size: 1rem !important;
}

/*End Ingredients Fix*/

/*Youtyfying Stages Fix*/
.promotion–header {
background-color: #FFF55A !important;
}

.promotion–header a {
color: #000000 !important;
}

.promotion.promotion–header li::after {
background-color: rgba(0, 0 , 0, .25) !important;
}

.promotion.promotion–header li.active::after {
background-color: rgba(0, 0 , 0) !important;
}

.product–main .product–variants .product–variants–size li.is-disabled a {
color: initial !important;
}

.header-pre {
background-color: #19553C;
}

.header-pre .header-pre–navigation > li.has-children > a::after {
color: #FFFFFF;
}

/*End Youtyfying Stages Fix*/

#player_SUHFi16kaaY {
margin-top: .5rem !important;
}

.checkout .gift-wrapper img {
mix-blend-mode: multiply !important;
}

.mini-cart .cart__discount–gift img {
mix-blend-mode: multiply !important;
}

@media (min-width: 991px) and (max-height:750px){
.dropdown-panel .dropdown-panel–content {
max-height: 250px;
}
}
.cart__shipping–green .cart__progress {
background: #3A255F !important;
}

.header .header–main–logo img {
height: auto !important;
width: 150px !important;
max-width: 150px !important;
}

.checkout .button-addOneItem {
-webkit-appearance: none !important;
}

.checkout .button-removeOneItem {
-webkit-appearance: none !important;
}

.checkout .checkout-summary__button {
-webkit-appearance: none !important;
}

.btn-reset {
padding: 10px 16px !important;
}
.custom-quiz__results-products-header {
margin-bottom: 14px !important;
}
.custom-quiz__results-products .row.listing-row {
width: 25% !important;
}
.custom-quiz__mail-form {
height: 158px !important;
}
.custom-quiz__results-products .price-default {
font-size: 16px !important;
}
.custom-quiz__results-summary-table {
width: 40% !important;
margin: auto !important;
}
.custom-quiz__results-info-buttons {
margin-top: 16px !important;
}
.custom-quiz__results-products_right button {
width: 40% !important;
padding: 10px 0 !important;
display: block !important;
margin: 10px auto !important;
}
.custom-quiz__body strong {
color: #363636 !important;
}
.custom-quiz__results-summary-header {
margin-bottom: 16px !important;
}
.custom-quiz__body p {
margin-top: 10px !important;
}
.custom-quiz__body ol {
margin-top: 10px !important;
margin-bottom: 14px !important;
color: #363636 !important;
}
.custom-quiz__body ol li {
margin-bottom: 4px !important;
}

.template-brandquizpage .custom-quiz__results-products .card–product–name {
font-size: 16px !important;
}

.template-brandquizpage .custom-quiz__mail-form .custom-quiz__consent-wrapper {
margin-top: 10px !important;
}

.template-brandquizpage .custom-quiz__mail-form .custom-quiz__consent-wrapper label {
font-weight: 400 !important;
color: rgba(0,0,0,.4) !important;
}

.template-brandquizpage .custom-quiz__mail-form .custom-quiz__consent-wrapper input {
margin-right: 8px !important;
}

.template-brandquizpage .custom-quiz__mail-form button {
margin-top: 0 !important;
}

.template-brandquizpage .custom-quiz__mail-form {
height: 200px !important;
}

@media (max-width:768px) {
.custom-quiz__wrapper, .quiz-page {
padding: 0 10px !important;
}
.custom-quiz__results-products .row.listing-row {
width: 50% !important;
max-width: 50%;
}
.custom-quiz__results-products-header {
margin-bottom: 6px !important;
}
.custom-quiz__results-products .details {
margin: 4px 0 12px !important;
}
.custom-quiz__results-products .price-default {
font-size: 14px !important;
}
.custom-quiz__results-summary-table {
width: 100% !important;
margin: 0 !important;
}
.custom-quiz__results-products_right button {
width: 100% !important;
padding: 10px 0 !important;
margin: 10px 0 !important;
}
.custom-quiz__results-info-header {
margin: 0 0 36px !important;
}
.custom-quiz__results-header h1 {
margin-top: 0 !important;
}
.custom-quiz__container, .custom-quiz__results-loading {
justify-content: start !important;
}
.custom-quiz__progress-track {
margin-top: -24px !important;
width: 100vw !important;
margin-left: -16px !important;
}
.custom-quiz__results {
padding: 0 !important;
}
.custom-quiz__wrapper {
padding: 0 16px !important;
}
.custom-quiz__main {
align-items: start !important;
}
.quiz-page {
padding: 0 !important;
}
.template-brandquizpage .custom-quiz__results-products .card–product–name {
font-size: 14px !important;
}
.template-brandquizpage .custom-quiz__results-products .card–product–brand {
font-size: 14px !important;
}
.template-brandquizpage .custom-quiz__mail-form .custom-quiz__consent-wrapper label {
font-size: 10px !important;
}
}

/*Badges fix*/
.card–product .stickers-beautydeals::after{
height: 48px;
width: 48px;
padding: 14px 0px;
background-color: #dc3545;;
position: absolute;
top: 10px;
right:10px;
border-radius: 50%;
content: ‘Beauty Deal’;
color: white;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
line-height: 11px;
text-align: center;
}
.card–product .badge-campaign ~ .stickers-beautydeals::after{
top: 62px;
}
.card–product .badge-campaign {
margin-right: 10px !important;
margin-top: 10px !important;
height: 48px;
width: 48px;
}
.card–product .badge-new{
height: 48px;
width: 48px;
margin-left: 10px !important;
margin-top: 10px !important;
}
.card–product .badge-new .badge-content{
font-size: 11px;
font-weight: 700;
line-height: 11px;
}
@media (max-width: 992px){
.card–product .badge-campaign {
margin-right: 5px !important;
margin-top: 5px !important;
}
.card–product .badge-new{
margin-left:5px !important;
margin-top: 5px !important;
}
.card–product .stickers-beautydeals{
top: 5px;
right: 5px;
}
.card–product .badge-campaign ~ .stickers-beautydeals::after{
top: 57px;
}
}
.product–gallery .badge-campaign.badge-lg{
height: 80px;
width: 80px;
}
.product–gallery .badge-campaign ~ .stickers-beautydeals::after{
height: 80px;
width: 80px;
padding: 26px 0px;
background-color: #dc3545;;
position: absolute;
top: 96px;
right:16px;
border-radius: 50%;
content: ‘Beauty Deal’;
color: white;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-align: center;
}
.product–gallery .stickers-beautydeals::after{
height: 80px;
width: 80px;
padding: 26px 0px;
background-color: #dc3545;;
position: absolute;
top: 0px;
right:16px;
border-radius: 50%;
content: ‘Beauty Deal’;
color: white;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
line-height: 16px;
text-align: center;
}
.product–gallery .badge-new{
width: 80px !important;
height: 80px;
right: 0px;
top: 0px;
margin-right: 16px !important;
margin-top: 0 !important;
left: unset;
}

@media(max-width:650px){
.product–gallery .stickers-beautydeals::after{
height: 48px;
width: 48px;
padding: 14px 0px;
background-color: #dc3545;
top: 0px;
font-size: 10px;
font-weight: 700;
line-height: 11px;
}
}
@media (max-width:991px) {
.product–gallery .badge-campaign.badge-lg{
height: 48px;
width: 48px;
font-size: 10px;
line-height: 11px;
}
.product–gallery .badge-campaign ~ .stickers-beautydeals::after{
top: 56px;
}
.product–gallery .badge-new {
height: 48px;
width: 48px;
}
.product–gallery .badge-new .badge-content{
font-size: 11px;
font-weight: 700;
line-height: 11px;
}
.template-loop54product .card–product–badge.stickers-beautydeals::after {
height: 48px !important;
width: 48px !important;
padding: 14px 0px !important;
top: 5px !important;
right: 5px !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 11px !important;
}

.template-home .card–product–badge.stickers-beautydeals::after {
height: 48px !important;
width: 48px !important;
padding: 14px 0px !important;
top: 5px !important;
right: 5px !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 11px !important;
}
}
.template-product .packageArticles .badge {
height:30px;
width:30px;
margin-top: 2px;
margin-right: 2px;
}
.template-product .product–gallery #product-image-wrapper {
flex: 0 0 75%;
max-width: 75%;
}

.badge-recom.badge-beautydeal {
background-color: #dc3545;
}

/*News Badge position and size fix*/
.product–main .badge-new {
right: 0 !important;
left: initial !important;
width: 80px !important;
height: 80px !important;
top: 90px !important;
margin-right: 1rem !important;
}

.product–main .badge-new .badge-content {
font-size: 16px !important;
}

@media (max-width: 650px) {
.product–main .badge-campaign {
width: 60px !important;
height: 60px !important;
}

.product–main .badge-campaign .badge-content {
font-size: 12px !important
}

.product–main .badge-new {
width: 60px !important;
height: 60px !important;
top: 65px !important;
margin-right: 1rem !important;
}

.product–main .badge-new .badge-content {
font-size: 12px !important;
}
}

/*Makes the first badge always be at top and margin-top to 0. E.g. if only news
badge is available it will be at the top and not in the middle*/
.product–main .product–gallery .container .badge:first-child, :not(.badge) + .badge {
top: 0 !important;
margin-top: 0 !important;
}

.card–product .stickers-beautydeals::after {
font-size: 9px !important;
text-transform: initial !important;

}

.badge-campaign.badge-recom::before {
font-size: 9px !important;
}

.badge-recom.badge-beautydeal .badge-content {
text-transform: initial !important;
font-size: 10px !important;
margin-bottom: 4px !important;
}

.product–gallery .stickers-beautydeals::after {
text-transform: initial !important;
}

.template-product .packageArticles .card–product .badge-campaign {
margin-right: 0 !important;
margin-top: 0 !important;
height: 18px !important;
width: 52px !important;
border-radius: 0 !important;
font-size: 10px !important;
}

.badge-new .badge-content {
text-transform: lowercase !important;
}

.badge-new .badge-content::first-letter{
text-transform: capitalize !important;
}

.product–gallery .badge-campaign.badge-lg {
font-size: 14px;
}

@media (max-width: 650px) {
.badge-campaign.badge-lg::before {
font-size: 11px !important;
}
}