@media (min-width: 1024px) and (hover: none), (min-width: 1024px) and (pointer: coarse) {
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header nav[x-ref="nav-desktop"] {
    display: none !important;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .header-main {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 220px minmax(160px, 1fr);
    grid-template-rows: 48px auto;
    gap: 8px 24px;
    padding: 8px 24px 12px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile {
    display: flex !important;
    grid-area: 1 / 1;
    order: 0;
    justify-content: flex-end;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile > div {
    display: none;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .logo {
    position: static;
    grid-area: 1 / 2;
    order: 0;
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
    transform: none;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .header-account {
    grid-area: 1 / 3;
    order: 0;
    margin-left: auto;
    gap: 12px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .header-search {
    position: static;
    grid-area: 2 / 1 / 3 / -1;
    order: 0;
    width: 100% !important;
    max-width: none;
    margin: 0;
    padding: 0;
    transform: none;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header #sm-competition-header {
    display: none;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header [x-ref="mobileMenuTrigger"] {
    min-width: 88px;
    min-height: 44px;
    align-items: center;
    gap: 10px;
    padding: 8px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header [x-ref="mobileMenuTrigger"]:not([aria-expanded="true"]) {
    display: inline-flex;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header [x-ref="mobileMenuTrigger"]::after {
    content: "Meny";
    font: 600 16px/24px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile [x-ref="mobileMenuNavLinks"] {
    width: 100%;
    max-width: 440px;
    height: 100dvh;
    max-height: 100dvh;
    background: #fff;
    border-right: 1px solid #dedbd3;
    box-shadow: 12px 0 44px #24262018;
    overscroll-behavior: contain;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu {
    min-height: 100%;
    margin: 0;
    padding: 0;
    border-top: 0;
    background: #fff;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile :is(.multilevel-mobile-menu, .child-menu-container-ul) > li:first-child {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 68px;
    height: 68px;
    margin: 0;
    padding: 0 16px;
    background: #f3f0ec;
    border-bottom: 1px solid #e1ddd4;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li:first-child > div {
    height: 100%;
    align-items: center;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li:first-child > div::before {
    content: "Meny";
    margin-right: auto;
    color: #242620;
    font: 600 20px/28px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile button[aria-label="Close menu"] {
    width: 44px;
    height: 44px;
    padding: 10px;
    color: #242620;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile button[aria-label="Close menu"] svg {
    color: #242620;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .multilevel-mobile-menu > li.level-0 {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeece6;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .top-level-visible,
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container-ul > li:is(.level-1, .level-2) > div.container {
    position: relative;
    min-height: 52px;
    padding: 0 22px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .top-level-visible > :is(a.level-0, div.level-0),
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container-ul > li:is(.level-1, .level-2) > div.container > :is(div, a) {
    min-height: 52px;
    padding: 13px 40px 13px 0;
    background: transparent;
    color: #242620;
    font: 500 16px/26px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile button[aria-haspopup="true"] {
    right: 12px;
    width: 44px;
    height: 44px;
    padding: 10px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container {
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container-ul {
    min-height: 100%;
    margin: 0;
    padding: 0 0 20px;
    background: #fff;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container-ul > li:is(.level-1, .level-2) {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeece6;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .back-container button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    gap: 5px;
    padding: 8px 0;
    color: #42463b;
    font: 500 14px/24px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .back-container button span,
  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .back-container button svg {
    color: inherit;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .menu-header {
    padding: 22px 22px 14px;
    text-align: left;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .menu-header-text {
    color: #242620;
    font: 600 26px/34px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .menu-header + li {
    margin: 0;
    padding: 0 20px 12px;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .menu-header + li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #e0dbd2;
    background: #f8f6f2;
    color: #8e263b;
    font: 600 14px/22px Lato, Arial, sans-serif;
  }

  #html-body:not([class*="checkout-"]):not(.spm-qv-embedded) #header.header .navigation-mobile .child-menu-container-ul > li > a.container {
    display: block;
    min-height: 52px;
    padding: 13px 22px;
    color: #42463b;
  }
}