body:not(.kassan) #header {
   transform: unset;
   transition: transform 250ms ease;
}

@media screen and (min-width: 1251px) {
   body:not(.kassan) #header {
      transform: unset;
      transition: transform 250ms ease;
    }
    
   #header .nav .niva1 > li > ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      /* top: -200px; */
      z-index: -1;
      transform: translateY(-100%);
      transition: all 250ms ease-in-out;
   }
   #header .nav .niva1 > li.delayHover > ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      top: 175px;
      z-index: -1;
      transform: translateY(0);
      transition: transform 250ms ease-in-out;
   }
   .toast-active #header .nav .niva1 > li.delayHover > ul{
      top: 216px;
   }


   #header.menu-hovered .nav .niva1 > li > ul{
      display: none;
   }
   #header.menu-hovered .nav .niva1 > li.delayHover > ul{
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      top: 175px;
      z-index: -1;
      transition: none;
      transform: translateY(0);
   }
   .prodmeny .sectionmenu {padding-top: 1.5em;}
   
   .nav .niva1 > li > ul li.blidLi{
      margin-top: 6px;
   }

   #bodywrapper.toast-active section.sticky-toasts.show-toasts.hide-sticky-toasts{
      transform: translateY(-33px);
      z-index: -1;
      transition: all 250ms ease-in-out;
   }
   #bodywrapper.toast-active section.sticky-toasts.show-toasts{
      transform: translateY(0);
      z-index: -1;
      transition: all 250ms ease-in-out;
   }
   .nav .niva1.webb > li:hover > a{
      text-decoration: underline;
      text-underline-offset: 5px;
      text-decoration-thickness: 2px;
      text-decoration-color: #b8d0c3;
   }
}


.meny-badge {display: inline-flex; align-self: center;}
.fa-sparkles:before {content: "\f890";}

.prodmeny ul.niva1.webb li span {
    display: none;
}

.nav > .niva1 > li.hasUl a {
   font-weight: 500 !important;
   font-size: 14px !important;
}

@media (scripting: none) {
   .nav .niva1 > li:hover > a,
   .nav .niva1.webb > li:hover > a,
   .nav .niva1 > li.delayHover > a {
	   text-decoration: underline;
	   text-underline-offset: 5px;
	   text-decoration-thickness: 2px;
	   text-decoration-color: #b8d0c3;
   }
   .nav .niva1 > li:hover > ul, .nav .niva1 > li.delayHover > ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
 }


 /* .nav .niva1 > li:hover > ul{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;} */
/*------------------------
  MENU 1
------------------------*/
.nav li.hasUl .menu-item{
   display: flex;
   align-items: center;
}
.nav li.hasUl .menu-item a{
   margin: 0 !important;
}

.meny-badge {
   display: inline-flex;
   font-size: 12px;
}
.meny-badge span {
   background: #D1E8D9;
   color: #000;
   line-height: normal;
   padding: 3px 1rem;
   margin-left: 0.5rem;
   border-radius: 5px;
   font-weight: 400;
}
.meny-badge.meny-badge-default{background: #D1E8D9; color: #000;}
.meny-badge.meny-badge-sale{background: #DCE7E0; color: #fff;}
.meny-badge.meny-badge-new{background: #F7B284; color: #fff;}
.meny-badge.meny-badge-black{background: #000; color: #fff;}
.meny-badge.meny-badge-green{background: #DCE7E0; color: #000;}

.meny-badge:empty {display: none;}

@media screen and (max-width: 800px) {
   .meny-badge {
      display: inline-flex;
      font-size: 10px;
      text-transform: uppercase;
   }
   .meny-badge span {
      background: #D1E8D9;
      color: #000;
      line-height: normal;
      padding: 3px 10px;
      margin-left: 0.5rem;
      border-radius: 5px;
      font-weight: 400;
   }
   .meny-badge + .meny-badge span {
      margin-left: 2px;
   }
}

/*.niva1 > li:nth-child(1) > .niva2 {display: flex !important;}*/
/*.niva1.webb .niva2 {display: flex !important}*/

.niva2>li>.sectionmenu>ul>li:nth-child(3):not(.all):not(.bestseller)>a{pointer-events: none;}
.niva2>li>.sectionmenu>ul>li:nth-child(3):not(.all):not(.bestseller)>a{pointer-events: none;}

.menu-item a[title="Färg/Material"],
.menu-item a[title="Farge/Materiale"],
.menu-item a[title="Kleur/Materiaal"],
.menu-item a[title="Couleur/Matériau"],
.menu-item a[title="Color/Material"],
.menu-item a[title="Farve/Materiale"]{
   pointer-events: none;
}

@media screen and (min-width: 1251px) {
   /*Tillfälligt*/
   /*.prodmeny > .niva1:nth-child(1) > li {display: none;}
   .prodmeny > .niva1:nth-child(1) > li:nth-child(1) {display: block;}*/

   /* LEVEL 2 */
   .nav .niva2 {height:auto; overflow-y: auto; padding-bottom: 2em;}
   .nav .niva2 .sectionmenu li {width:380px; list-style:none; line-height:30px;}
   li.blidLi {margin-left: auto;}
   /*Dev top:121*/
   .nav .niva2 {left:0; list-style:none; margin:0; position:absolute; top:175px; width:100%; z-index:4; /*max-height:280px; min-height: 240px; overflow-y:auto; */text-align:left;}
   /*DEV 90px*/
   #header.scroll .nav .niva2 {top: 100px;/*91*/}
   #header.scroll .nav .niva1.webb{display: none;}
   .nav .niva2 li {width:100%;}
   .nav .niva2 li > a {padding:0; color:#000; font-size:16px;}
   /*.nav .niva2 li.active > a {color:#b8d0c3;}*/

   /* .nav .niva1 > li.delayHover > a{border-bottom: 2px solid #b8d0c3;display: inline-block;line-height: 0.85;} */
   .nav .niva1 > li.delayHover > a {
	   text-decoration: underline;
	   text-underline-offset: 5px;
	   text-decoration-thickness: 2px;
	   text-decoration-color: #b8d0c3;
   }
   .sectionmenu > ul{display: flex; max-height: 370px;overflow: auto;}
   /*.nav .niva2 .sectionmenu li:not(.bildLi){flex: 0 1 20%;text-align: left;}*/
   .nav .niva2 .sectionmenu li.all{position: absolute;bottom: -1.5em;}
   /*.blidLi{position: absolute;top: 1em;right: 0;}*/
   .niva3 a, .niva2 .all a{pointer-events:all !important;}

   .nav .niva2 .bild, .bildW {max-width: 315px; float: right;}
   .nav .niva2 .bild>div>a{margin: 0;}
   .nav .niva2 .bild img, .bildW img {max-height: 210px; width: auto; border-radius: var(--border-radius);}
   .nav .niva2 .bild h2, .bildW h2 {text-transform: uppercase; font-size: 16px; text-align: left;}
   .nav .niva2 .bild h2 strong, .bildW h2 strong {font-weight: 500;}
   .nav .niva2 .bild p, .bildW p {color: #8f8f8f; font-size: 12px; font-weight: 300; line-height: 20px;}

   .nav .niva2 .hasUl > a {margin: 0; font-weight: 500 !important;}


   /*.sectionmenu > ul {width: 200px; border-right: 1px solid #eee; height: 100%; padding-top: 10px;}*/

	/* LEVEL 3 */
   .nav .niva3 {/*display: none;float: left;list-style: none;position: absolute;left: 210px;top: 0; padding-top: 10px; width:-moz-calc(100% - 210px); width:-webkit-calc(100% - 210px); width:-o-calc(100% - 210px); width: calc(100% - 210px);*/}

   .nav .niva3 {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
   .nav .niva3.active {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
   .nav .niva3 li {width:100% !important; margin:0;}
   .nav .niva3 .meny > li {padding: 0 15px;}
   .nav .niva3 li a {width:100%; text-transform:none; line-height:30px; color:#000; margin: 0;}
   .nav .niva3 .bild, .bildW {max-width: 315px; float: right;}
   .nav .niva3 .bild img, .bildW img {max-height: 210px; width: auto;}
   .nav .niva3 .bild h2, .bildW h2 {text-transform: uppercase; font-size: 18px; text-align: left;}
   .nav .niva3 .bild h2 strong, .bildW h2 strong {font-weight: 700;}
   .nav .niva3 .bild p, .bildW p {color: #8f8f8f; font-size: 13px; line-height: 16px;}

   .meny li.all {margin-bottom: 8px;}
   .meny li.all a {font-size: 20px; color:#000000 !important; position: relative;}
   .meny li.all a::after {font-size: 20px; position: absolute; content: '\f178'; margin-left: 10px;}
   /* .meny li.all a span {text-transform: lowercase;} */

   
   .nav > ul.niva1:not(.child-ul) > li > .meny-badge {
      display: none;
  }
}

/* PRODUCT MENU */




/*Dev 90>60 */
.nav > .niva1 > li {-webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
.nav .niva2 > li {line-height:50px;}

/*.nav ul li:hover ul {display:block;}*/

/*.nav .niva1 > li:hover > ul {display:flex;}*/
.nav .niva1 > li.delayHover > ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}

.nav .niva2 li a:hover, .nav .niva2 li:hover, .nav .niva3 li a:hover, .nav .niva3 li:hover, .nav .niva4 li a:hover, .nav .niva4 li:hover {background:none !important;}

/* SEKTIONER */
.sectionmenu {max-width: 1355px; margin: 0 auto; position: relative; height: 100%; padding-top: 0.5em;}
.sectionmenuW {max-width: 1355px; margin: 0 auto; /*position: relative;*/ height: 100%;}

/* LEVEL 1 */




.nav > .niva1 > li .bild a {padding: 0;}





.niva1.webb .menyW a {color: #000;}

   

   
/* LEVEL 4 */
.nav .niva4 {float:left; list-style:none; padding:0 0 0 10px;}
.nav .niva4 li {width:100% !important; margin:0;}
.nav .niva4 li a {width:100%; text-transform:none; line-height:30px; color:#000;}

/* CONTENT MENU */

.sectionmenuW ul {list-style: none;}
.sectionmenuW > ul {display: flex;}
.menyW > ul {width: 210px; border-right: 1px solid #eee; padding-top: 10px;}
.sectionmenuW > ul, .menyW, .menyW > ul {height: 100%;}
.bildW {padding-top: 10px;}
/**/

.toppmeny ul {list-style:none; display:inline-block; float:left;}
.toppmeny ul li ul li {width:100%; display:block;}
.toppmeny ul li:hover > ul {display:block;}
.toppmeny ul li i {display:block; font-size:12px; font-style:normal; position:absolute; top:0; right:10px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
.toppmeny ul li i.arrow-up {-webkit-transform:rotate(-270deg); transform:rotate(-270deg); -ms-transform:rotate(-270deg); right:7px;}
.toppmeny li {line-height:40px; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}
.toppmeny a {padding:0 10px;}
.toppmeny.active {display:block;}

/* LEVEL 1 */
.toppmeny .niva1 li {float:left; position:relative;}
.toppmeny .niva1 li i {display:none;}
.toppmeny .niva1 li a {display:block; width:100%;}

/* LEVEL 2 */
.toppmeny .niva2 {width:220px; position:absolute; top:40px; display:none; z-index:1000;}
.toppmeny .niva2 li i {display:block;}

/* LEVEL 3, 4 */
.toppmeny .niva3 {display:none; position:absolute; left:218px; top:-1px; width:100%;}
   
/* LEVEL 4 */
.toppmeny .niva4 {display:none; position:absolute; left:216px; top:-1px; width:100%;}

/* CAMPAIGN, BRANDS */
.nav .nav-menu li ul {display:none; list-style:none; margin:0; padding:10px; position:absolute; top:50px; width:280px; z-index:999; max-height:445px; overflow-y:scroll; text-align:left;}
.nav .nav-menu li a {line-height:50px; padding:0 10px; display:block; text-transform:uppercase;}
.nav .nav-menu li ul li a {height:30px; line-height:30px;}
.nav .nav-menu li ul li a:hover {background:none;}
.nav .nav-menu li ul a {text-transform:none; display:table; width:100%;}
.nav .nav-menu li ul li:hover {background:none;}
.kampanjmenu ul li br {display:none;}
.nav ul li.emptyUl:hover ul {display:none;}
.brands .niva2 .sectionmenu li {width:100%;}
.brands .niva2 .sectionmenu .brand_menu {-webkit-column-count:5; -moz-column-count:5; column-count:5;}
.brands .niva2 .sectionmenu .brand_menu li {width:100%; float:none;}
.brands .niva2 .sectionmenu .brand_menu li a {text-transform:none; color:#000;}
.brands .niva2 li {margin:0 0 5px;}
.brand_menu .letter {text-transform:uppercase; font-weight:700;}

/* SECONDARY MENU */
.sidomeny li {list-style:none;}
.sidomeny .niva1 li a {}

/* ADJUSTMENTS */





@media screen and (max-width: 1325px) {
   .EU.scrolling .nav .niva1 > li > a, .EU.scrolling .nav .nav-menu li a,
   .EN.scrolling .nav .niva1 > li > a, .EN.scrolling .nav .nav-menu li a
   {font-size:13px;}
}
@media screen and (max-width: 1270px) {
   .EU .nav .niva1 > li > a, .EU .nav .nav-menu li a,
   .EN .nav .niva1 > li > a, .EN .nav .nav-menu li a
   {font-size:13px;}
}


.nav .niva3 li a, .nav .niva4 li a, .nav .niva5 li a, .nav .nav-menu li ul li a {color:#000;}
.nav .niva2 li a:hover, .nav .niva2 li:hover, .nav .niva3 li a:hover, .nav .niva3 li:hover, .nav .niva4 li a:hover, .nav .niva4 li:hover, .nav .nav-menu li ul li a:hover {/*color:#555;*/}

.nav .niva3 li a {border-bottom: 2px solid #00000000;display: inline;line-height: 0.85; font-weight: 300;}
.nav .niva3 li a:hover {border-bottom: 2px solid #b8d0c3;display: inline;line-height: 0.85;}

.nav .niva2, .nav .nav-menu li ul {background:rgba(255,255,255,1);}
.nav .niva2 {border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.toppmeny .niva2, .toppmeny .niva3, .toppmeny .niva4, .toppmeny .niva5, .nav .nav-menu li ul {border:1px solid #eeeeee;}
.toppmeny .niva1 li a {color:#000; font-size:13px;}
.toppmeny .niva2 li a {color:#000;}
.toppmeny li:hover, .toppmeny ul li ul > li:hover {background:#eeeeee;}
.toppmeny .niva2, .toppmeny .niva3, .toppmeny .niva4 {background:rgba(255,255,255,0.98);}
.arrow-up::after {content:"\f077";}
.arrow-down::after {content:"\f078";}
.nav .niva2::-webkit-scrollbar, .nav .nav-menu li ul::-webkit-scrollbar {display:none;}

/*------------------------*/
@media screen and (max-width: 1250px) {

      .mobilenav.canvas-left-module-xs.active{
         background-color: #F1F1F1;
      }

      .mobilenav .niva1.webb li {
         padding: 0.7rem 1.5rem;
      }
      .mobilenav .js-triggerCountryModal img {
         height: unset;
         margin-left: 1.5rem;
      }

      .mobilenav .nav > ul > li > a::before{
         display: inline-flex;
         align-items: center;
         width: 43px;
         height: 43px;
         margin-right: 1rem;
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center;
      }
      
      .mobilenav .nav > ul > li[data-id="192"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/handtag.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="191"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/knopp.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="228"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/krok.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="225"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/dorrhandtag.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="10"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/badrum.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="254"] > a::before{
         content: ""; 
         background-image: url('/themes/assets/icons/forvaring.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="190"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/belysning.svg');
      }
      
      .mobilenav .nav > ul > li[data-id="345"] > a::before{
         content: "";
         background-image: url('/themes/assets/icons/instashop.svg');
      }

   .nav .niva3 li a:hover {border-bottom: unset;}
   .canvas-left-module-xs {left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
   .canvas-right-module.active, .canvas-left-module.active, .canvas-right-module-xs.active, .canvas-left-module-xs.active {
	   -webkit-transform: translateX(0);
	   transform: translateX(0);
   }

   .nav {display:none;}
   .bodywrapper.active {width:100%; min-height:100%; position:fixed;}
   .bodywrapper.active .header-wrapper {width:100%; left:0%;}
   .mobilenav {
	   width:100%;
	   top:auto !important;
	   overflow-x:hidden;
	   overflow-y:scroll;
	   position:fixed;
	   display:flex;
	   flex-direction: column;
	   z-index:50;
	   background:#fff; /*padding:85px 0 0;*/
   }

   .scrolling .mobilenav.active {/*padding:55px 0 0;*/ padding: 125px 0 0;}
   .mobilenav .nav {display:flex; flex-direction: column; border:none; width: 100%;}
   .mobilenav .nav > .niva1 > li {line-height: 50px;}
   .mobilenav .nav .niva1 > li > a,
   .mobilenav .nav .niva1.webb li > a,
   .mobile-usps-wrapper > *, .mobile-usps-wrapper a{font-size: 14px !important;}
   .mobilenav .nav > ul > li i {display:inline-block; float:right; width:14%; font-size:15px; font-style:normal; text-align:center; line-height:48px; color:#000; cursor:pointer; position: absolute;}
   .mobilenav .nav > ul > li:hover {background:none;}
   .mobilenav .nav ul li.active > a, .nav ul li.active-parent > a {font-weight:500;}
   .mobilenav .nav ul li.active i {color:#000;}
   .mobilenav .nav .niva2, .nav-menu li ul {border:none !important;}
   .mobilenav .nav ul li a {color:#000 !important;}
   .mobilenav .nav > ul {width:100%; text-align:left; background-color: #fff;}

   .mobilenav .inlogg {float: left; display: block; width: 100%; line-height: 50px; border-bottom: 1px solid #ddd;}
   .mobilenav.active .inloggningDS {padding-top: 0; float: left;}

   li.hasUl > .meny-badge {
      display: none;
   }

   .mobilenav .btn-checkout{
      border: none;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   /* .mobilenav .btn-checkout:before{
      display: block;
      content: "\f290";
      font-family: "Font Awesome 6 Pro";
      font-weight: 100;
      font-size: 25px;
      margin-bottom: 4px;
   } */
   .mobile-usps-wrapper a > span.fal,
   .mobile-usps-wrapper .inlogg .fal,
   .prodmeny .niva1 > li > a > span.fal {
      font-family: "Font Awesome 6 Pro";
      font-weight: 100;
   }
   .mobile-usps-wrapper .fa-thin{
      font-size: 48px;
   }
   .prodmeny .niva1 > li > a > img{
      height: 35px;
      display: block;
   }

   .custom-instagram{
      content: " ";
      display: block;
      width: 43px;
      height: 43px;
      background-image: url(/themes/assets/icons/instagram-logo-thin.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: bottom center, 50%, 50%;
   }

   /*.mobilenav{display: none;}*/
   /* .mobilenav .inlogg i {display: none;} */
   .mobilenav .inlogg .symbolText {line-height: normal;}
   .mobilenav .inlogg { display: flex; order: 2; justify-content: center; }

   .niva1.webb li{line-height: 35px !important;}
   .niva1.webb li a{display: flex !important;}
   .niva1.webb li span{font-size: 20px;display: flex;justify-self: center; align-self: center; margin-top: 0.5em;}
   li.all{display: none;}

	/* LEVEL 1 */ 
   .mobilenav .nav > .niva1 > li {width:100%; height:auto; border-bottom:1px solid rgba(0, 0, 0, 0.25); position: relative;}
   .mobilenav .nav .niva1 li a {display:inline-block; padding:0 0 0 1.5rem;}

	/* LEVEL 2 */
   .mobilenav.active .nav ul li.active .niva2 {
      display: grid;
      position: relative;
      grid-template-rows: 1fr;
   }
   .mobilenav.active .nav .niva2 {width: 100%; padding:0; top:0; position:relative; float:left; box-shadow:none; display:grid; grid-template-rows: 0fr; font-size: 16px; transition: 250ms grid-template-rows ease-in-out;}
   .mobilenav.active .nav .niva2 > li {overflow: hidden;}
   .mobilenav.active .nav .niva2 li {margin:0;}
   .mobilenav.active .nav .niva2 li:last-child {border-bottom:none;}
   .mobilenav.active .nav .niva2 li a {padding:0 0 0 0; padding-left: calc(2.5rem + 43px); line-height:40px; text-transform:none;}
   .nav .niva2>li{
      line-height:40px;
   }
   .mobilenav.active .nav .blidLi {display: none !important;}

   .mobilenav.active .nav .niva2 > li > div >  ul > li .menu-item > a { font-size: 14px; font-weight: 300; text-decoration: underline;}
   
	/* LEVEL 3 */
   .niva2 i:after {display: none;}
   .mobilenav.active .nav .niva2 li .niva3 {display:block; position:relative;}
   .mobilenav.active .nav .niva3 {width:100%; box-shadow:none; display:none;}
   .mobilenav.active .nav .niva3 li {width:100%; display:inline-block;}
   .mobilenav.active .nav .niva3 li:last-child {border-bottom:none;}
   .mobilenav.active .nav .niva3 li a {padding:0 0 0 0; padding-left: calc(2.5rem + 43px); font-weight: 300; font-size: 14px; display: inline;}
	   
	/* LEVEL 4 */
   .mobilenav.active .nav .niva3 li.active .niva4 {display:block; position:relative;}
   .mobilenav.active .nav .niva4 {width:100%; box-shadow:none; display:none;}
   .mobilenav.active .nav .niva4 li {width:100%; display:inline-block;}
   .mobilenav.active .nav .niva4 li:last-child {border-bottom:none;}
   .mobilenav.active .nav .niva4 li a {padding:0 0 0 40px;}
	   
	/* CAMPAIGN, BRANDS */
   .mobilenav.active .nav .nav-menu li {width:100%; height:auto; line-height:50px; border-bottom:1px solid #f1f1f1;}
   .mobilenav.active .nav .nav-menu li a {display:inline-block; width:85%; line-height:50px; height:50px; padding:0 0 0 10px;}
   .mobilenav.active .nav .nav-menu li.active .child-ul a {width:100%; border-bottom:1px solid #f1f1f1; padding:0 0 0 20px;}
   .mobilenav.active .nav .nav-menu li.active .child-ul li, .mobilenav.active .nav .nav-menu li.active .child-ul a:last-of-type {border-bottom:none;}
   .mobilenav.active .nav .nav-menu li .child-ul {box-shadow:none; display:none; float:left; max-height:inherit; overflow-y:inherit; padding:0; position:relative; top:0;}
   .mobilenav.active .nav .nav-menu li.active .child-ul {display:block !important; position:relative; top:0; left:0; width:100%;}
   .mobilenav.active .nav .nav-menu li ul li a:hover {color:#fff;}
   .mobilenav.active .nav .kampanjmenu, .mobilenav.active .nav .brands {width:100%; text-align:left;}
   .mobilenav.active .nav .brands .niva2 .sectionmenu .brand_menu {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
   .mobilenav.active .brand_menu .letter {padding:10px 0 0 20px; border-bottom:none !important;}
   
	/* CONTENT MENU */
   .toppmeny {display:none;}
   .mobilenav.active .toppmeny {width:100%; display:block; background:#f1f1f1;}
   .mobilenav.active .toppmeny ul {width:100%;}
   .mobilenav.active .toppmeny ul li i {display:inline-block; float:right; width:14%; font-size:15px; font-style:normal; text-align:center; line-height:48px; color:#999; position:static; top:0; right:0; -webkit-transform:rotate(0deg); transform:rotate(0deg); -ms-transform:rotate(0deg); cursor:pointer;}
   .mobilenav.active .toppmeny ul li.active i {color:#ccc;}
   .mobilenav.active .toppmeny > ul > li:hover {background:none;}
   .mobilenav.active .toppmeny li:hover, .mobilenav.active .toppmeny ul li ul > li:hover {background:none;}
   .mobilenav.active .toppmeny ul li:hover ul, .mobilenav.active .toppmeny .niva2 li:hover ul, .mobilenav.active .toppmeny .niva3 li:hover ul, .mobilenav.active .toppmeny .niva4 li:hover ul {display:none;}
   .mobilenav.active .toppmeny > ul > li:hover {background:none;}
   .mobilenav.active .toppmeny ul li.active > a, .toppmeny ul li.active-parent > a {font-weight:500;}
   .mobilenav.active .toppmeny li a:hover, .toppmeny ul li ul > li a:hover {background:none;}
   .mobilenav.active .toppmeny .niva2 li:last-child, .mobilenav.active .toppmeny .niva3 li:last-child, .mobilenav.active .toppmeny .niva4 li:last-child {border-bottom:none;}
   .mobilenav.active .toppmeny li {line-height:50px;}
   .mobilenav.active .toppmeny a {color:#000; text-transform:uppercase;}
	   
	/* LEVEL 1 */ 
   .mobilenav.active .toppmeny .niva1 li {width:100%; height:auto; border-bottom:1px solid #efefef;}
   .mobilenav.active .toppmeny .niva1 li a {width:85%; padding:0 0 0 10px; float:left;}

	/* LEVEL 2 */
   .mobilenav.active .toppmeny ul li.active .niva2 {width:100%; display:block; border:none;}
   .mobilenav.active .toppmeny .niva2 {top:0; position:relative; float:left; box-shadow:none; display:none; background:transparent;}
   .mobilenav.active .toppmeny .niva2 li {margin:0;}
   .mobilenav.active .toppmeny .niva2 li a {padding:0 0 0 20px;}
	   
	/* LEVEL 3 & 4 */
   .mobilenav.active .toppmeny .niva2 li.active .niva3, .mobilenav.active .toppmeny .niva3 li.active .niva4 {width:100%; display:block; position:relative; border:none;}
   .mobilenav.active .toppmeny .niva3, .mobilenav.active .toppmeny .niva4 {width:100%; float:left; box-shadow:none; display:none; left:0; background:transparent;}
   .mobilenav.active .toppmeny .niva3 li, .mobilenav.active .toppmeny .niva4 li {width:100%; display:inline-block;}
   .mobilenav.active .toppmeny .niva3 li a {padding:0 0 0 30px;}
   .mobilenav.active .toppmeny .niva4 li a {padding:0 0 0 40px;}

   .mobilenav .nav ul.niva1 > li > a {position: relative; z-index: 3; width: calc(100% - 50px) !important; text-transform: uppercase; font-weight: 300; display: flex; align-items: center;}
   .mobilenav .nav ul.niva1 > li > i {
	   display: inline-block;
	   float: right;
	   width: 100%;
	   font-size: 15px;
	   font-style: normal;
	   text-align: right;
	   line-height: 48px;
	   color: #000;
	   cursor: pointer;
	   position: absolute;
	   top: 0;
	   right: 0;
	   padding-right: 15px;
   }
   .mobilenav .nav ul.niva1 > li > i:after {font-weight: 500 !important}
   
   .mobilenav .nav .niva1.webb li > a{
      font-size: 12px;
      font-weight: 300 !important;
      padding-left: 10px;
   }
   .nav li.hasUl .menu-item a{
      margin: 0 !important;
   }
   .nav li.hasUl .menu-item .meny-badge{
      display: none;
   }

   .mobile-usps-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      background: #F1F1F1;
      order: 1;
      font-size: 14px;
      font-weight: 400;
   }
  .mobile-usps-wrapper > .inlogg{
     order: 1;
     align-self: baseline;
  }
  .mobile-usps-wrapper > a{
     order: 2;
   }
   .mobile-usps-wrapper > .btn-checkout{
         order: 3;
   }
   
  .mobilenav .mobile-usps-wrapper .inlogg, .mobilenav .mobile-usps-wrapper .inlogg .symbolText, .mobile-usps-wrapper > *,  .mobile-usps-wrapper a{
   border: none;
   font-size: 12px;
   font-weight: 300 !important;
   text-transform: uppercase;
  }
  .mobile-usps-wrapper a, .mobile-usps-wrapper div{
   display: flex;
   gap: 1rem;
   align-items: center;
   align-content: flex-start;
   padding: 0.7rem 1.5rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
  .mobile-usps-wrapper .fal{
   font-size: 20px;
   margin-bottom: 4px;
  }

   .niva1.webb{order:1 !important;display: grid;grid-template-columns: 1fr;justify-items: center; align-items: end; background-color: #FCF5EF !important;}
   .niva1.webb li{display: flex; gap: 1rem; align-items:center;}
   .mobilenav .niva1.webb li{line-height: unset !important;}
   .mobilenav .nav .niva1.webb li > a{ display: flex; gap: 1rem; align-items: center; padding-left: 10px;}
   .niva1.webb li a{padding:0 !important; margin: 0 !important; width: 100% !important;}

   .menuBox {
	   float: left;
	   width: 100%;
	   display: flex;
	   flex-wrap: wrap;
	   justify-content: center;
	   order: 2;
   }

   .menuBox .sprak {
	   line-height: 50px;
	   position: unset;
	   padding-left: 0;
	   width: 100%;
	   text-align: center;
   }

   .menuBox .sprak.active > div {
	   display: block;
	   width: 100%;
	   left: 0;
	   top: 50px;
	   text-align: left;
	   position: unset;
   }

   .menuBox > div {
	   width: 100%;
   }
}

/*------------------------
  MOBILENAV HEADER
------------------------*/
.mobilenav-header:has(.mobilenav-header-heading.newDesign) {
   padding-bottom: 0.5rem;
   min-height: 170px;
}
.mobilenav-header:has(.mobilenav-header-heading.newDesign) ul {
   gap: 0.5rem;
}
.mobilenav-header:has(.mobilenav-header-heading.newDesign) li {
   min-width: 100px;
}
.mobilenav-header:has(.mobilenav-header-heading.newDesign) img {
   width: 100px;
   height: 100px;
}


.mobilenav-header {
   background-color: #fff;
   width: 100%;
   padding: 1rem;
   /* overflow-x: auto; */
   position: relative;
   border-bottom: 1px solid #f1f1f1;
   min-height: min-content;
}

.mobilenav-header::after {
   content: "";
   position: fixed;
   top: 0;
   right: 0;
   width: 40px;
   height: 168px;
   background: linear-gradient(to right, transparent, white);
   pointer-events: none;
   z-index: 1;
}
.mobilenav-header .mobilenav-header-heading{
   margin-bottom: 1rem;
   position: sticky;
   left: 0;
   z-index: 2;
   background: inherit;
   padding-right: 1rem;
}
.mobilenav-header .mobilenav-header-heading span{
   font-size: 12px;
   font-weight: 300;
   color: #000;
   background-color: #FFDE8C;
   padding: 4px 12px;
   border-radius: 5px;
}

.mobilenav-header ul {
   display: flex;
   gap: 1rem;
   align-items: center;
   list-style: none;
   margin: 0;
   padding: 0;
   scroll-snap-type: x mandatory;
   overflow-x: auto;
   min-width: min-content;
}

.mobilenav-header li {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   flex-shrink: 0;
   scroll-snap-align: start;
   min-width: 80px;
}

.mobilenav-header a {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-decoration: none;
   color: #000;
   font-size: 11px;
   font-weight: 300;
   text-transform: uppercase;
}

.mobilenav-header img {
   width: 60px;
   height: 60px;
   object-fit: contain;
   margin-bottom: 0.5rem;
}

.mobilenav-header a:hover {
   opacity: 0.8;
}

/*------------------------*/


.mobilenav .js-triggerCountryModal{
   display:flex;
   align-items: center;
   gap: 1rem;
   margin-block: 0;
   padding-block: 1rem;
   font-weight: 300;
   text-transform: uppercase;
   background-color: #F1F1F1;
   text-align: left;
   font-size: 14px;
}
.mobilenav .js-triggerCountryModal:after{
   position: absolute;
   right: 0;
   font-size: 15px;
   margin-right: 15px;
}