/* SLICK */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* FONTS */
@font-face {
  font-family: 'Gotham';
  src: url("../../assets/fonts/Gotham/Gotham-Black.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url("../../assets/fonts/Gotham/Gotham-Light.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Dubai';
  src: url("../../assets/fonts/Dubai/Dubai-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Dubai';
  src: url("../../assets/fonts/Dubai/Dubai-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: Dubai;
  font-weight: 400;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  text-shadow: rgb(0 0 0 / 1%) 0 0 1px;
}

input, textarea, select, button {
  font-family: Dubai;
  font-weight: 400;
}

.page-title .h1:first-child, .page-title .h2:first-child, .page-title .h3:first-child, .page-title .h4:first-child, .page-title .h5:first-child, .page-title .h6:first-child, .page-title h1:first-child, .page-title h2:first-child, .page-title h3:first-child, .page-title h4:first-child, .page-title h5:first-child, .page-title h6:first-child {
  font-family: Gotham;
  font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: Dubai;
  font-weight: 700;
}

/* WIDGET: USP */
.w-usp {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #f3f3f3;
  padding: 38px 20px;
  margin-top: 0;
  margin-bottom: 0;

  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.w-usp .w-usp-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  text-decoration: none;

  width: 190px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  max-width: none;
  flex: none;
}

.w-usp .w-usp-item img {
  display: block;
  margin: 0 auto 12px;
  max-width: 42px;
  height: auto;
}

.w-usp .w-usp-item strong {
  display: block;
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #222;
  text-transform: none;
}

.w-usp .w-usp-item small {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #666;
  text-transform: none;
}

.w-usp .w-usp-item:hover img {
  transform: translateY(-2px);
}

.w-usp .w-usp-item img {
  transition: transform .2s ease;
}

@media (max-width: 768px) {
  .w-usp {
    gap: 24px;
    padding: 28px 15px;
    margin-top: 20px;
  }

  .w-usp .w-usp-item {
    width: calc(50% - 12px);
  }

  .w-usp .w-usp-item strong {
    font-size: 15px;
  }

  .w-usp .w-usp-item small {
    font-size: 11px;
  }
}

/* WIDGET: BANNER */

.hero-slider-theme {
  margin-top: 0;
}



/* WIDGET: CALC */
.w-calc .w-calc-label {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.w-calc .w-calc-results:not(:empty) {
  padding: 20px;
  font-size: 20px;
  background-color: #019683;
  color: #fff;
  display: block;
  margin-top: 10px;
}


/* PARIALS: FOOTER */
.site-footer .w-logo img {
  margin: 0 0 20px;
  max-height: 55px;
  background-color: #00937a;
}


/* PARIALS: TOP */


.site-header .logo.w-logo img {
  max-height: 55px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #00937a;
  padding-bottom: 0;
  padding-top: 1em;
  margin-bottom: 2em;
}

.site-header select, .site-header button, .site-header a, .site-header li, .site-header span {
  color: #fff;
}

.desktop-nav {
  padding-top: 2.5em;
}

.focus-bar .list-inline li {
  font-size: 13px;
}

.shopping-cart-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 43px;
}

.shopping-cart-container .shopping-cart-number {
  top: 45%;
}

.search-icon {
  fill: #fff;
}

#vatchanger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

#vatchanger .vat_label {
  position: absolute;
  top: -10px;
  right: 0px;
  left: 0px;
  background-color: #026e60;
  color: #fff;
  font-size: 11px;
  padding: 2px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

#vatchanger svg {
  width: 26px;
  height: 26px;
  margin: 8px;
}



#vatchanger:hover .vat_label {
  opacity: 1;
}


 .cartlink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

 .user {
  position: relative;
  width: 69px;
}

.user a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.user svg {
  width: 30px;
  height: 30px;
  margin: 6px;
}

.sidebar {
  display: none;
}


@media(min-width: 960px) {
  .navbar-new {
    display: flex;
    flex-direction: row-reverse;
  }
  .navbar-new .navbar-header {
    position: static !important;
    top: auto !important;
    right: auto !important;
  }
  .navbar-new .w-menu {
    float: none !important;
    text-align: left !important;
    background-color: #fff;
  }
  .navbar-new .utilities-bar {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
  }

  .shopping-cart-container svg {
    fill: #fff;
  }

  .dropdown-container span, .dropdown-container a {
    color: #000;
  }

  .login-overlay-box span, .login-overlay-box a {
    color: #000;
  }

  .dropdown-container .dropdown-body .h1, .dropdown-container .dropdown-body .h2, .dropdown-container .dropdown-body .h3, .dropdown-container .dropdown-body .h4, .dropdown-container .dropdown-body .h5, .dropdown-container .dropdown-body .h6, .dropdown-container .dropdown-body h1, .dropdown-container .dropdown-body h2, .dropdown-container .dropdown-body h3, .dropdown-container .dropdown-body h4, .dropdown-container .dropdown-body h5, .dropdown-container .dropdown-body h6, .dropdown-container .dropdown-footer .h1, .dropdown-container .dropdown-footer .h2, .dropdown-container .dropdown-footer .h3, .dropdown-container .dropdown-footer .h4, .dropdown-container .dropdown-footer .h5, .dropdown-container .dropdown-footer .h6, .dropdown-container .dropdown-footer h1, .dropdown-container .dropdown-footer h2, .dropdown-container .dropdown-footer h3, .dropdown-container .dropdown-footer h4, .dropdown-container .dropdown-footer h5, .dropdown-container .dropdown-footer h6, .dropdown-container .dropdown-header .h1, .dropdown-container .dropdown-header .h2, .dropdown-container .dropdown-header .h3, .dropdown-container .dropdown-header .h4, .dropdown-container .dropdown-header .h5, .dropdown-container .dropdown-header .h6, .dropdown-container .dropdown-header h1, .dropdown-container .dropdown-header h2, .dropdown-container .dropdown-header h3, .dropdown-container .dropdown-header h4, .dropdown-container .dropdown-header h5, .dropdown-container .dropdown-header h6 {
    color: #000;
  }

  .top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .top-nav::before, .top-nav::after {
    content: none;
  }

  .top-nav .w-cart {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top-nav .right-nav {
    display: flex;
    gap: 10px;
  }


  .desktop-nav {
    position: unset !important;
  }

  ul.menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    height: 45px;
    position: absolute;
    bottom: -1.5em;
    left: 5%;
    width: 90%;
  }

  ul.menu li.topitem {
    background-color: #026e60;
    transition: .2s background-color ease;
    line-height: 1;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: none;
    padding: 1em;
    flex: 1 0 0%;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.5);
  }
  ul.menu li.topitem:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  ul.menu li.topitem:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-right: none;
  }

  ul.menu li.topitem:hover {
    background-color: #019683;
  }

  ul.menu li.topitem > a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
  }

  @media (max-width: 1080px) {
    ul.menu li.topitem > a {
      font-size: 12px;
    }
  }


  /* TOP MENU: simple dropdown instead of large mega menu */

  ul.menu.productmenu li.topitem,
  ul.menu li.topitem {
    position: relative;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu,
  ul.menu li.has-dropdown .mega-menu {
    display: block;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 285px;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%);
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    z-index: 20;
    transform: translateY(8px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  ul.menu.productmenu li.has-dropdown:hover .mega-menu,
  ul.menu li.has-dropdown:hover .mega-menu {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    padding: 8px;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu .container,
  ul.menu li.has-dropdown .mega-menu .container,
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu,
  ul.menu li.has-dropdown .mega-menu .submenu {
    display: block;
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0;
  }

  /* Show only first category level in dropdown */

  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li > a {
    display: block;
    width: 100%;
    padding: 9px 34px 9px 12px;
    border-radius: 4px;
    color: #444;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    background: transparent;
    box-sizing: border-box;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li:hover > a,
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li.active > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li:hover > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li.active > a {
    background: #f3f8f7;
    color: #009e83;
  }

  /* Small arrow if category has more levels, but do not open them */

  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li.has-dropdown::after,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li.has-dropdown::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-right: 2px solid #009e83;
    border-top: 2px solid #009e83;
    transform: translateY(-50%) rotate(45deg);
    box-sizing: border-box;
    opacity: .65;
    pointer-events: none;
  }

  /* Hide all deeper mega-menu levels */

  ul.menu.productmenu li.has-dropdown .mega-menu .nested-menu-display,
  ul.menu.productmenu li.has-dropdown .mega-menu .sub-menu,
  ul.menu.productmenu li.has-dropdown .mega-menu .displayed-menus,
  ul.menu li.has-dropdown .mega-menu .nested-menu-display,
  ul.menu li.has-dropdown .mega-menu .sub-menu,
  ul.menu li.has-dropdown .mega-menu .displayed-menus {
    display: none !important;
  }

  /* Keep text dark inside dropdown */

  ul.menu.productmenu li.has-dropdown .mega-menu li,
  ul.menu.productmenu li.has-dropdown .mega-menu a,
  ul.menu.productmenu li.has-dropdown .mega-menu span,
  ul.menu li.has-dropdown .mega-menu li,
  ul.menu li.has-dropdown .mega-menu a,
  ul.menu li.has-dropdown .mega-menu span {
    color: inherit;
  }

}

@media (max-width: 960px) {

  body {
    padding-top: 68px;
  }

  .site-navigation {
    border: none;
    background-color: #00937a;
    z-index: 9999;
  }

  .site-navigation .logo img.responsive {
    background-color: #00937a;
  }

  .site-navigation .utilities-bar {
    display: flex !important;
  }


  .site-navigation .left-nav {
    display: flex;
    align-items: center;
  }

  .site-navigation .navbar .left-nav .button-mobile {
    margin: 0 8px 0 0;
  }

  .user {
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .user a {
    color: #fff;
  }

  #vatchanger {
    color: #fff;
  }

  #vatchanger .vat_label {
    display: none;
   }

  .site-navigation .burg {
    background: #fff;
  }
  .site-navigation .burg:after, .site-navigation .burg:before {
    background: #fff;
  }
  .site-navigation .burg:after, .site-navigation .burg:after {
    background: #fff;
  }

  #searchButton .search-icon {
    fill: #fff;
  }

  .shopping-cart-container svg {
    fill: #fff;
  }

  .shopping-cart-container span {
    color: #fff;
  }

  .user svg {
    width: 32px;
    height: 32px;
    stroke: #fff;
  }
  #vatchanger svg {
    width: 28px;
    height: 28px;
    stroke: #fff;
  }
  .site-navigation .m-quick-cart>.dropdown>a {
    color: #fff; 
  }

      /* Sidebar && burgermenu */
      .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        max-width: 100%;
        height: 100%;
        background-color: #046e60;
        display: block;
        transform: translate(-100%);
        transition: transform .2s ease;
        z-index: 9999;
    }

    .sidebar-overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.6);
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s ease;
        z-index: 9999;

    }
    #toggleSidebar:checked+.sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }
    #toggleSidebar:checked+.sidebar-overlay+.sidebar {
        transform: translate(0);
    }

    .sidebar .sidebar-header {
        display: flex;
        justify-content: flex-end;
        padding: 20px;
    }

    .sidebar svg {
      stroke: #fff;
      stroke-width: 2;
    }

    .sidebar .sidebar-header .sidebar-close {
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: 1px solid rgba(255,255,255,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .sidebar ul {
        list-style: none;
        padding: 20px;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .sidebar ul > li {
        display: flex;
        align-items: center;
    }

    .sidebar ul>li>a {
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-decoration: none;
        color: #fff;
    }
    .sidebar .sidebar-back-btn {
        padding: 6px 15px;
        border-radius: 99px;
        font-size: 12px;
        border: 1px solid rgba(255,255,255,0.5);
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        color: #fff;
    }
    .sidebar .sidebar-menu-arrow {
        width: 40px;
        height: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .sidebar .sidebar-menu>ul ul {
        position: absolute;
        top: 64px;
        left: 0;
        width: 100%;
        height: calc(100% - 64px);
        overflow: auto;
        background-color: #046e60;
        transform: translateX(-100%);
        transition: transform .2s ease;
    }

    .sidebar .sidebar-menu>ul ul ul {
        top: 0;
        height: 100%;
    }

    .sidebar .sidebar-menu>ul ul.show {
        transform: translateX(0);
    }

}

@media (max-width: 500px) {
  .user.login {
    font-size: 0;
  }

  .login-overlay-box {
    font-size: 14px;
  }

.site-navigation .m-quick-cart>.dropdown>a {
  font-size: 0;
}
 #vatchanger {
  font-size: 0;
 }

 .user {
  width: auto;
  padding-left: 3px;
  padding-right: 0px;
}
#vatchanger svg {
  margin: 0;
}

}

/* =========================================
   PRODUCT BADGES: category/list cards only
   Clean pill badge test
========================================= */

/* Product cards must allow badges to sit nicely */
.m-productlist-list-item .productContent,
.m-productlist-list-item .m-productlist-item {
  overflow: visible !important;
}

.m-productlist-list-item .m-productlist-figure {
  position: relative !important;
  overflow: visible !important;
}

/* Badge container */
.m-productlist-list-item .m-productlist-figure .splash-container {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 30 !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  column-gap: 6px !important;
  row-gap: 6px !important;

  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;

  pointer-events: none !important;
}

/* Shared badge pill */
.m-productlist-list-item .m-productlist-figure .splash-container .splash {
  position: static !important;
  inset: auto !important;
  transform: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 24px !important;

  padding: 0 10px !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;

  font-family: Gotham, Dubai, sans-serif !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: 0 7px 16px rgb(0 0 0 / 8%) !important;
}

/* Remove old ribbon triangle */
.m-productlist-list-item .m-productlist-figure .splash-container .splash::before,
.m-productlist-list-item .m-productlist-figure .splash-container .splash::after {
  content: none !important;
  display: none !important;
}

/* TILBUD: calm warm yellow */
.m-productlist-list-item .m-productlist-figure .splash-container .splash.sale {
  background: rgba(255, 221, 122, .96) !important;
  color: #725000 !important;
}

/* NYHED: fresh green */
.m-productlist-list-item .m-productlist-figure .splash-container .splash.news {
  background: rgba(128, 226, 170, .96) !important;
  color: #087343 !important;
}

/* UDSOLGT: calm red */
.m-productlist-list-item .m-productlist-figure .splash-container .splash.soldout {
  background: rgba(255, 191, 191, .96) !important;
  color: #8a1f1f !important;
}

/* CUSTOM */
.m-productlist-list-item .m-productlist-figure .splash-container .splash.custom {
  color: #1f2a24 !important;
  opacity: .96 !important;
  max-width: none !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
}

/* Mobile */
@media (max-width: 580px) {
  .m-productlist-list-item .m-productlist-figure .splash-container {
    top: 8px !important;
    left: 8px !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    column-gap: 5px !important;
    row-gap: 5px !important;
  }

  .m-productlist-list-item .m-productlist-figure .splash-container .splash {
    min-height: 22px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  .m-productlist-list-item .m-productlist-figure .splash-container .splash.custom {
    max-width: none !important;
    white-space: nowrap !important;
    padding: 0 8px !important;
  }
}

/* =========================================
   PRODUCT CARDS: restore soft card outline/shadow
========================================= */

.m-productlist-list-item .productContent,
.m-productlist-list-item .m-productlist-item {
  background: #fff !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 22px rgb(0 0 0 / 7%) !important;
  transition: box-shadow .18s ease, transform .18s ease;
}

.m-productlist-list-item .productContent:hover,
.m-productlist-list-item .m-productlist-item:hover {
  box-shadow: 0 14px 30px rgb(0 0 0 / 11%) !important;
  transform: translateY(-2px);
}

/* WIDGETS: PRODUCTSLIDER */
.w-productslider {
  position: relative;
}
 .slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #026e60;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
 .slick-arrow svg {
  stroke: #fff;
}
 .slick-prev {
  left: -5px;
  box-shadow: 2.5px 5px 5px 0 rgb(0 0 0 / 30%);
}
.slick-next {
  right: -5px;
  box-shadow: -2.5px 5px 5px 0 rgb(0 0 0 / 30%);
}
.w-productslider .w-productslider-items:not(.slick-initialized) {
  display: flex;
}
.w-productslider .w-productslider-items:not(.slick-initialized) .productItem {
  flex: 1;
}
.w-productslider .w-productslider-items:not(.slick-initialized) .productItem:nth-child(4) ~ .productItem {
  display: none;
}
@media(max-width: 960px) {
  .w-productslider .w-productslider-items:not(.slick-initialized) .productItem:nth-child(3) ~ .productItem {
    display: none;
  }
}
@media(max-width: 768px) {
  .w-productslider .w-productslider-items:not(.slick-initialized) .productItem:nth-child(2) ~ .productItem {
    display: none;
  }
  .w-productslider .slick-arrow {
    width: 30px;
    height: 30px;
  }
  .w-productslider .slick-arrow svg {
    width: 16px;
    height: 16px;
  }
  .w-productslider .slick-prev {
    left: 0;
  }
  .w-productslider .slick-next {
    right: 0;
  }
}
@media(max-width: 320px) {
  .w-productslider .w-productslider-items:not(.slick-initialized) .productItem:nth-child(1) ~ .productItem {
    display: none;
  }
}


.frontpage-collection {
  margin-top: 3em;
}

.frontpage-collection .content-container {
  max-width: 900px;
  margin: 0 auto;
}

.frontpage-collection .image-grid {
  display: grid;
  grid-template-columns: 30% auto 30%;
  grid-template-rows: auto;
  gap: 1.5em;
  grid-template-areas: 
  "left-1 main right-1"
  "left-2 main right-2"
}

.grid:nth-child(3) {
  grid-area: main
}

.frontpage-collection .image-grid .grid:nth-child(3) img {
  object-fit: cover;
}

.grid:first-child {
  grid-area: left-1;
}
.grid:nth-child(2) {
  grid-area: left-2;
}

.grid:nth-child(4) {
  grid-area: right-1;
}
.grid:nth-child(5) {
  grid-area: right-2;
}


.frontpage-collection .image-grid img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}

.frontpage-collection .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5em;
}

.frontpage-collection .content p {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  color: #000;
  font-family: 'Gotham';
}

.frontpage-collection .content p:not(:first-child) {
  margin-top: 2em;
}

.frontpage-collection .content .ctabtn {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background-color: transparent;
  padding: 6px 20px;
  border-radius: 50px;
  border: 1px solid #000;
  text-decoration: none;
  margin-top: 2em;
  transition: all 0.3s ease;
}

.frontpage-collection .content .ctabtn:hover {
  background-color: #000;
  color: #fff;
}

/* WIDGET: frontpageBestsellers */
.frontpage-bestsellers {
  margin-top: 3em;
}
.frontpage-bestsellers .bestsellers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 13.33px;
}

.frontpage-bestsellers .bestseller {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc(25% - 10px);
  flex-direction: column;
  padding: 0 5px;
  padding-bottom: 5px;
}

.frontpage-bestsellers .bestseller .bestseller-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.frontpage-bestsellers .bestseller img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.frontpage-bestsellers .bestseller .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 5px;
}

.frontpage-bestsellers .bestseller .content h3, .frontpage-bestsellers .bestseller .content p, .frontpage-bestsellers .bestseller .content span {
  margin: 0;
  padding: 0;
}

.frontpage-bestsellers .bestseller .content h3 {
  font-size: 24px;
  font-weight: 400;
}


.frontpage-bestsellers .bestseller .content p {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  font-family: 'Gotham';
}

.frontpage-bestsellers .bestseller .content .ctabtn {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  background-color: transparent;
  padding: 6px 20px;
  border-radius: 50px;
  border: 1px solid #000;
  text-decoration: none;
  margin-top: 10px;
  transition: all 0.3s ease;
}

.frontpage-bestsellers .bestseller .bestseller-link:hover .content .ctabtn {
  background-color: #000;
  color: #fff;
}

/* WIDGET: frontpageCategories */

.frontpage-categories .categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
}

.frontpage-categories .category {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  aspect-ratio: 1 / 1;
}

.frontpage-categories .category img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}

.frontpage-categories .category .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  z-index: 1;
  gap: 5px;
  width: 100%;
  height: 100%;
}
.frontpage-categories .category .content h3, .frontpage-categories .category .content p, .frontpage-categories .category .content span {
  padding: 0;
  margin: 0;
  color: #fff;
  line-height: 1;
}

.frontpage-categories .category-link {
  width: 100%;
}

.frontpage-categories .category.black .content h3, .frontpage-categories .category.black .content p {
  color: #000;
}
.frontpage-categories .category.black .content .ctabtn {
  background-color: #000;
  color: #fff;
}

.frontpage-categories .category .content h3, .frontpage-categories .category .content p {
  text-transform: uppercase;
}

.frontpage-categories .category .content p {
  font-weight: 300;
  font-size: clamp(11px, 1.7vw, 16px);
  line-height: 1.1;
}

.frontpage-categories .category .content h3 {
  font-size: clamp(20px, 2.35vw, 32px);
  font-weight: 700;
  line-height: 1;
}

.frontpage-categories .category .content .ctabtn {
  border-radius: 20px;
  padding: clamp(4px, 0.65vw, 6px) clamp(13px, 1.8vw, 20px);
  background-color: #fff;
  color: #000;
  font-size: clamp(12px, 1.45vw, 15px);
  transition: transform .2s ease;
}

.frontpage-categories .category-link:hover .content .ctabtn {
  transform: none !important;
}


.custom-image-text {
  margin-top: 3em;
}

.custom-image-text .custom-flexbox {
  display: flex;
}

.custom-image-text .custom-flexbox > * {
  width: 50%;
}

.custom-image-text .custom-flexbox img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

.custom-image-text .custom-flexbox .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: .5em;
  padding: 40px;
  background-color: #8cc8c3;
}

.custom-image-text .custom-flexbox .content h2, .custom-image-text .custom-flexbox .content p {
  color: #fff;
}

.custom-image-text .custom-flexbox .content h2 {
  margin: 0;
  padding: 0;
  font-family: 'Gotham';
  font-weight: 700;
  font-size: 60px;
}

.custom-image-text .custom-flexbox .content p {
  margin: 0;
  padding: 0;
  font-family: 'Gotham';
  font-weight: 400;
  font-size: 22px;
}

.pricerunner-checker {
  position: absolute;
  bottom: 0.2em;
  right: 0.3em;
  z-index: 18;
}

.pricerunner-checker img {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
}

@media (max-width: 960px) {

  .frontpage-categories .categories {
    gap: 1.5em;
  }
  .frontpage-bestsellers .bestseller .content h3 {
    font-size: clamp(12px, 3vw, 20px);
  }

  .frontpage-bestsellers .bestseller .content p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .frontpage-categories .categories {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .frontpage-bestsellers .bestseller {
    width: calc(50% - 10px);
  }

  .frontpage-bestsellers .bestseller img {
    height: 100%;
    object-fit: contain;
    object-position: top;
  }

  .frontpage-bestsellers .bestseller .content {
    height: 100%;
  }

  .custom-image-text .custom-flexbox {
    flex-direction: column;
  }

  .custom-image-text .custom-flexbox > * {
    width: 100%;
  }

  .custom-image-text .custom-flexbox img {
    max-height: 200px;
    object-fit: cover;
  }

}

@media (max-width: 580px) {

  .frontpage-categories .categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .frontpage-categories .category .content {
    padding: 8px;
    gap: 3px;
  }

  .custom-image-text .custom-flexbox .content h2 {
    font-size: 40px;
  }

}

@media (max-width: 480px) {

  .frontpage-collection .image-grid {
    grid-template-columns: auto;
    grid-template-rows: auto;
    gap: 0;
    grid-template-areas: 
    "main main main main"
    "left-1 left-2 right-1 right-2"
  }


}

@media (max-width: 380px) {
  .frontpage-collection .image-grid {
    grid-template-areas: 
    "main main"
    "left-1 left-2"
    "right-1 right-2";
  }
}

/* WIDGET: SEARCH */
.w-search {
  margin: 4px 0;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
  transition: border ease .2s padding ease .2s;
}
.w-search .w-search-form {
  display: flex;
  align-items: center;
  width: 0;
  transition: width ease .2s;
  overflow: hidden;
}
.w-search .w-search-input {
  width: 100%;
  flex: auto;
  border: none;
  background-color: transparent;
  height: 40px;
  font-size: 16px;
  outline: none;
}
.w-search .w-search-button {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  flex: none;
  padding: 0;
}
.w-search .w-search-button svg {
  width: 25px;
  height: 25px;
  transition: width ease .2s height ease .2s;
}
#toggleSearch:checked + .w-search .w-search-form {
  width: 100%;
  max-width: 100%;
}
#toggleSearch:checked + .w-search > .w-search-button {
  display: none;
}
#toggleSearch:checked + .w-search {
  border-radius: 99px;
  padding: 0 10px 0 15px;
  width: 450px;
  background-color: #fff;
}
#toggleSearch:checked + .w-search input {
  color: #000;
}

#toggleSearch:checked + .w-search .w-search-button svg {
  width: 20px;
  height: 20px;
  fill: #000;
}
.w-search-mobile {
  display: none !important;
}
@media(max-width: 960px) {
  .w-search-desktop {
    display: none;
  }
  .w-search-mobile {
    display: block !important;
  }
}

/* CATEGORY PAGE: subcategory boxes like frontpage categories */

.row.categorylist {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin: 18px 0 32px;
}

.row.categorylist::before,
.row.categorylist::after {
  content: none !important;
  display: none !important;
}

.row.categorylist > .category-item {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
}

.row.categorylist .category-item-content {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.row.categorylist .category-item-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

.row.categorylist .category-item-image a,
.row.categorylist .category-item-image .placeholder-wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.row.categorylist .category-item-image .placeholder {
  display: none !important;
}

.row.categorylist .category-item-image img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover;
  margin: 0 !important;
}

.row.categorylist .category-item-title {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  padding: 20px;
  text-align: center;
  width: 100%;
}

.row.categorylist .category-item-title a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff;
  text-decoration: none;
}

.row.categorylist .category-item-title h4,
.row.categorylist .category-item-title .h5 {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  text-transform: uppercase;
  font-size: clamp(13px, 1.45vw, 22px);
  font-weight: 700;
  line-height: 1;
}

.row.categorylist .category-item.black .category-item-title h4,
.row.categorylist .category-item.black .category-item-title .h5 {
  color: #000;
}

.row.categorylist .category-item-title a::after {
  content: "Shop nu";
  display: inline-block;
  border-radius: 20px;
  padding: clamp(4px, 0.65vw, 6px) clamp(13px, 1.8vw, 20px);
  background-color: #fff;
  color: #000;
  font-size: clamp(12px, 1.45vw, 15px);
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  transition: transform .2s ease;
}

.row.categorylist .category-item.black .category-item-title a::after {
  background-color: #000;
  color: #fff;
}

.row.categorylist .category-item-content:hover .category-item-title a::after {
  transform: none !important;
}

@media (max-width: 960px) {
  .row.categorylist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .row.categorylist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .row.categorylist .category-item-title {
    padding: 8px;
  }
}

/* Remove click focus box, keep keyboard focus */

a:focus,
button:focus,
.button:focus,
.ctabtn:focus,
.category-item a:focus,
.frontpage-categories a:focus {
  outline: none;
}

a:focus-visible,
button:focus-visible,
.button:focus-visible,
.ctabtn:focus-visible,
.category-item a:focus-visible,
.frontpage-categories a:focus-visible {
  outline: 2px solid #019683;
  outline-offset: 3px;
}

/* FRONTPAGE PRODUCTSLIDER: Udvalgt til dig styling */

.w-productslider {
  max-width: 1180px;
  margin: 3.2em auto 3.2em;
}

.w-productslider .page-title,
.w-productslider header.page-title {
  margin-bottom: 4px;
}

.w-productslider .page-title .h1,
.w-productslider header.page-title .h1,
.w-productslider h2,
.w-productslider .h1 {
  font-size: clamp(34px, 3vw, 48px);
  line-height: 1.05;
}

.w-productslider .w-productslider-items {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.w-productslider .productItem {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

/* Hide bulk price only in frontpage product slider */

.w-productslider .product-various-price-info span[data-ng-if*="combo"] {
  display: none !important;
}

/* Hide item number only in frontpage product slider */

.w-productslider .m-productlist-itemNumber {
  display: none !important;
}

/* Hide product badges in frontpage product slider */
.w-productslider .splash-container {
  display: none !important;
}

/* Make product cards slightly smaller/neater */
.w-productslider .productItem .productContent {
  box-shadow: 0 0 12px rgb(0 0 0 / 5%);
  transition: box-shadow .2s ease, transform .2s ease;
}

.w-productslider .productItem .productContent:hover {
  box-shadow: 0 0 18px rgb(0 0 0 / 8%);
  transform: translateY(-1px);
}

.w-productslider .slick-list {
  overflow: hidden !important;
  padding: 4px 0 18px;
  margin: 0;
}

.w-productslider .slick-track {
  display: flex;
}

.w-productslider .slick-slide {
  height: auto;
}

.w-productslider .productItem {
  padding-top: 2px;
  padding-bottom: 8px;
}

.w-productslider .productItem .productContentInner {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 16px;
}

.w-productslider .product-transaction,
.w-productslider .m-productlist-transactions {
  padding-bottom: 14px !important;
}

.w-productslider .productItem .productTitle,
.w-productslider .productItem .m-productlist-title,
.w-productslider .productItem h3,
.w-productslider .productItem h4 {
  font-size: 17px;
  line-height: 1.18;
}

.w-productslider .productItem .m-productlist-price,
.w-productslider .productItem .price {
  font-size: 16px;
}

/* Arrows slightly outside the cards */
.w-productslider .slick-prev {
  left: -20px;
}

.w-productslider .slick-next {
  right: -20px;
}

@media (max-width: 768px) {
  .w-productslider {
    max-width: 100%;
  }

  .w-productslider .w-productslider-items {
    margin-left: -6px;
    margin-right: -6px;
  }

  .w-productslider .productItem {
    padding-left: 6px;
    padding-right: 6px;
  }

  .w-productslider .slick-prev {
    left: 0;
  }

  .w-productslider .slick-next {
    right: 0;
  }
}

/* WIDGET: Brand logo carousel */

.w-brandlogos {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #fff;
  padding: 70px 0 34px;
  overflow: hidden;
}

.w-brandlogos-inner {
  width: 100%;
  overflow: hidden;
}

.w-brandlogos-track {
  display: flex;
  align-items: center;
  gap: 70px;
  width: max-content;
  animation: brandLogoScroll 42s linear infinite;
}

.w-brandlogos-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.w-brandlogos-item a,
.w-brandlogos-item img {
  display: block;
}

.w-brandlogos-item img {
  max-width: 150px;
  max-height: 58px;
  width: auto;
  height: auto;
  opacity: .65;
}

@keyframes brandLogoScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 768px) {
  .w-brandlogos {
    padding: 26px 0;
  }

  .w-brandlogos-track {
    gap: 45px;
    animation-duration: 34s;
  }

  .w-brandlogos-item img {
    max-width: 115px;
    max-height: 44px;
  }
}

/* Prevent dragging/selecting brand logos */

.w-brandlogos,
.w-brandlogos * {
  -webkit-user-select: none;
  user-select: none;
}

.w-brandlogos img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}

/* =========================================
   FRONTPAGE: bottom text section
   3 redesigned boxes matching Om os / Åbningstider style
========================================= */

.frontpage-text-card {
  max-width: 1180px;
  margin: 58px auto 25px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
}

/* Top dark green gradient box */
.frontpage-info-hero {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.15), transparent 32%),
    linear-gradient(135deg, #007967 0%, #009e83 55%, #0b7f6e 100%);

  border-radius: 10px;
  box-shadow: 0 8px 24px rgb(0 0 0 / 7%);
  padding: 42px 58px;
  box-sizing: border-box;
  color: #fff;
}

/* Hero heading */
.frontpage-info-hero h1,
.frontpage-info-hero h2,
.frontpage-info-hero h3 {
  position: relative;
  z-index: 1;

  margin: 0 0 18px;
  color: #fff !important;

  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(38px, 3.6vw, 58px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -1.2px;
}

/* Hero text */
.frontpage-info-hero p {
  position: relative;
  z-index: 1;

  max-width: 980px;
  margin: 0;

  color: rgba(255,255,255,.9) !important;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}

/* Lower two boxes */
.frontpage-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
}

/* Lower box base */
.frontpage-info-box {
  background: #fff;
  box-shadow: 0 12px 34px rgb(0 0 0 / 6%);
  border-radius: 10px;
  padding: 44px 48px;
  min-height: 250px;
  box-sizing: border-box;
}

/* Light green lower box */
.frontpage-info-box-green {
  background: #eaf6f3;
}

/* Small pill labels in lower boxes only */
.frontpage-info-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 16px;
  margin: 0 0 22px;

  border-radius: 999px;
  background: #eaf6f3;
  color: #009e83;

  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Lower headings */
.frontpage-info-box h1,
.frontpage-info-box h2,
.frontpage-info-box h3 {
  margin: 0 0 18px;
  color: #111 !important;

  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(28px, 2.4vw, 38px);
  font-weight: 900;
  letter-spacing: -0.8px;
  line-height: 1.08;
}

/* Lower text */
.frontpage-info-box p {
  margin: 0;
  color: #555 !important;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
}

/* Bottom link boxes */
.frontpage-info-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 18px;
}

.frontpage-info-link {
  display: flex;
  align-items: center;
  gap: 16px;

  min-height: 92px;
  padding: 20px 24px;

  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 34px rgb(0 0 0 / 6%);

  color: #111 !important;
  text-decoration: none !important;
  box-sizing: border-box;

  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.frontpage-info-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgb(0 0 0 / 9%);
  background: #f8fbfa;
  color: #111 !important;
  text-decoration: none !important;
}

.frontpage-info-link-icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: #eaf6f3;
}

.frontpage-info-link-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: #009e83;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.frontpage-info-link strong {
  display: block;
  margin: 0 0 4px;

  color: #111;
  font-family: Gotham, Dubai, sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
}

.frontpage-info-link small {
  display: block;
  margin: 0;

  color: #666;
  font-size: 13px;
  line-height: 1.3;
}

/* Trustpilot spacing if used */
.frontpage-trustpilot {
  text-align: center;
  margin-top: 30px;
}

/* Mobile */
@media (max-width: 768px) {
  .frontpage-text-card {
    margin: 38px 15px 60px;
  }

  .frontpage-info-hero {
    padding: 32px 24px;
    border-radius: 8px;
  }

  .frontpage-info-hero h1,
  .frontpage-info-hero h2,
  .frontpage-info-hero h3 {
    font-size: 36px;
    letter-spacing: -0.8px;
  }

  .frontpage-info-hero p {
    font-size: 14px;
    line-height: 1.65;
  }

  .frontpage-info-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 16px;
  }

  .frontpage-info-box {
    min-height: 0;
    padding: 32px 24px;
    border-radius: 8px;
  }

  .frontpage-info-box h1,
  .frontpage-info-box h2,
  .frontpage-info-box h3 {
    font-size: 30px;
  }

  .frontpage-info-box p {
    font-size: 14px;
    line-height: 1.6;
  }

  .frontpage-info-links {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 16px;
  }

  .frontpage-info-link {
    min-height: 82px;
    padding: 18px 20px;
    border-radius: 8px;
  }
}

/* FRONTPAGE: Trustpilot box */

.frontpage-trustpilot {
  text-align: center;
  margin-top: 28px;
}

.frontpage-trustpilot .trustpilot-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 42px;
  padding: 0 22px;
  border: 1px solid #00b67a;
  background: #fff;
  color: #111 !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-sizing: border-box;
}

.frontpage-trustpilot .trustpilot-star {
  color: #00b67a;
  font-size: 17px;
  line-height: 1;
}

.frontpage-trustpilot .trustpilot-link:hover {
  color: #111 !important;
  text-decoration: none !important;
}

/* CATEGORY SIDEBAR: modern category navigation */

.b-productcategories {
  border: none;
  background: transparent;
  box-shadow: none;
}

.b-productcategories {
  margin-top: 0;
}

/* CATEGORY SIDEBAR: sticky left column */

@media (min-width: 960px) {
  aside.column:has(.b-productcategories) {
    position: sticky;
    top: 190px;
    align-self: flex-start;
    height: fit-content;
    z-index: 4;
  }
}

.b-productcategories .panel-heading {
  padding: 0 0 6px;
  border-bottom: none;
  background: transparent;
}

.b-productcategories .panel-heading .h5 {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #111;
  text-transform: none;
  letter-spacing: -0.4px;
  line-height: 1.1;
}

.b-productcategories .panel-body {
  padding: 0;
}

.b-productcategories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.b-productcategories .b-productcategory {
  margin: 0;
}

.b-productcategories .b-productcategory a {
  display: block;
  padding: 7px 10px;
  color: #444;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none !important;
  border-radius: 4px;
  transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
}

.b-productcategories .b-productcategory a:hover {
  background-color: #f3f8f7;
  color: #009e83;
  padding-left: 14px;
}

.b-productcategories .b-productcategory.active > a {
  color: #009e83;
  font-weight: 700;
  background-color: #f3f8f7;
}

.b-productcategories-level-1 {
  margin: 4px 0 8px 10px;
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
}

.b-productcategories-level-1 .b-productcategory a {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  padding: 6px 10px;
}

.b-productcategories-level-1 .b-productcategory a:hover {
  color: #009e83;
}

/* CATEGORY SIDEBAR: brand dropdown */

.b-productcategories .panel-footer {
  margin-top: 18px;
  padding: 14px 0 0;
  border-top: 1px solid #e5e5e5;
  background: transparent;
}

.b-productcategories .form-select {
  width: 100%;
  height: 36px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  color: #555;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 4px;
  outline: none;
}

.b-productcategories .form-select:focus {
  border-color: #009e83;
}

/* CATEGORY SIDEBAR: active category group background */

.b-productcategories .b-productcategory.active {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 4px;
  margin: 2px 0 6px;
}

.b-productcategories .b-productcategory.active > a {
  color: #009e83;
  font-weight: 700;
  background-color: #f3f8f7;
  border-radius: 4px;
}

.b-productcategories .b-productcategory.active > .b-productcategories-list {
  margin: 4px 0 0;
  padding: 4px 0 4px;
  background-color: #f4f4f4;
  border-left: none;
  border-radius: 0 0 4px 4px;
}

.b-productcategories .b-productcategory.active > .b-productcategories-list .b-productcategory a {
  background-color: transparent;
  color: #666;
  font-weight: 400;
}

.b-productcategories .b-productcategory.active > .b-productcategories-list .b-productcategory a:hover {
  background-color: #fff;
  color: #009e83;
  padding-left: 14px;
}

.b-productcategories .b-productcategory.active > .b-productcategories-list .b-productcategory.active > a {
  background-color: #fff;
  color: #009e83;
  font-weight: 700;
}

/* CATEGORY SIDEBAR: make active subcategory box include its children */

.b-productcategories-level-1 .b-productcategory.active {
  background-color: #fff;
  border-radius: 4px;
  padding: 3px 0 5px;
  margin: 3px 0 7px;
}

.b-productcategories-level-1 .b-productcategory.active > a {
  background-color: #fff;
  color: #009e83;
  font-weight: 700;
  border-radius: 4px;
  padding: 5px 10px 6px;
  margin-bottom: 0;
}

.b-productcategories-level-1 .b-productcategory.active > .b-productcategories-level-2 {
  background-color: #fff;
  padding-top: 0;
}

/* CATEGORY SIDEBAR: sub-subcategories */

.b-productcategories-level-2 {
  margin: 0;
  padding: 0 0 6px 0;
  background: #fff;
  border-radius: 0 0 4px 4px;
}

.b-productcategories-level-2 .b-productcategory a {
  font-size: 11.5px;
  color: #777;
  font-weight: 500;
  padding: 5px 10px 5px 18px;
  border-radius: 4px;
  background-color: transparent;
}

.b-productcategories-level-2 .b-productcategory a:hover {
  background-color: #f3f8f7;
  color: #009e83;
  padding-left: 20px;
}

.b-productcategories-level-2 .b-productcategory.active {
  background: transparent;
  padding: 0;
  margin: 0;
}

.b-productcategories-level-2 .b-productcategory.active > a {
  background-color: transparent;
  color: #009e83;
  font-weight: 700;
  padding: 5px 10px 5px 18px;
  margin: 0;
  border-radius: 4px;
}

/* CATEGORY SIDEBAR: fourth level categories */

.b-productcategories-level-3 {
  margin: 0;
  padding: 0 0 6px 0;
  background: transparent !important;
  border-radius: 0;
}

.b-productcategories-level-3 .b-productcategory,
.b-productcategories-level-3 .b-productcategory.active {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.b-productcategories-level-3 .b-productcategory a,
.b-productcategories-level-3 .b-productcategory.active > a {
  display: block;
  font-size: 11px;
  color: #777;
  font-weight: 500;
  padding: 5px 10px 5px 34px;
  border-radius: 4px;
  background: transparent !important;
}

.b-productcategories-level-3 .b-productcategory a:hover {
  background: #f3f8f7 !important;
  color: #009e83;
  padding-left: 34px;
}

.b-productcategories-level-3 .b-productcategory.active > a {
  color: #009e83 !important;
  font-weight: 700 !important;
  background: transparent !important;
}

/* CATEGORY SIDEBAR: searchable brand dropdown */

.b-productcategories .brand-select-hidden {
  display: none !important;
}

.b-productcategories .brand-combobox {
  position: relative;
  width: 100%;
}

.b-productcategories .brand-combobox-input {
  width: 100%;
  height: 40px;
  border: none;
  background-color: #f4f4f4;
  color: #009e83;
  font-size: 13px;
  font-weight: 700;
  padding: 0 36px 0 10px;
  border-radius: 4px;
  outline: none;
  box-sizing: border-box;
}

.b-productcategories .brand-combobox-input::placeholder {
  color: #777;
  font-weight: 500;
  opacity: 1;
}

.b-productcategories .brand-combobox-input:focus {
  background-color: #f3f8f7;
  color: #009e83;
}

.b-productcategories .brand-combobox-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 40px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}

.b-productcategories .brand-combobox-toggle::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.b-productcategories .brand-combobox-list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 240px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgb(0 0 0 / 8%);
  z-index: 50;
}

.b-productcategories .brand-combobox.is-open .brand-combobox-list {
  display: block;
}

.b-productcategories .brand-combobox-option,
.b-productcategories .brand-combobox-empty {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  background: #fff;
  color: #555;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}

.b-productcategories .brand-combobox-option:hover {
  background-color: #f3f8f7;
  color: #009e83;
}

.b-productcategories .brand-combobox-empty {
  color: #999;
  cursor: default;
}

/* PRODUCT PAGE: Select2 variant dropdown */

.select2-container .select2-choice {
  height: 40px;
  line-height: 40px;
  border: none !important;
  background: #f4f4f4 !important;
  color: #009e83 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 36px 0 10px !important;
  box-sizing: border-box;
}

.select2-container .select2-choice .select2-chosen {
  color: #009e83 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
  margin-right: 0;
}

.select2-container .select2-choice .select2-arrow {
  width: 34px;
  border: none !important;
  background: transparent !important;
}

.select2-container .select2-choice .select2-arrow b {
  background: none !important;
  position: relative;
  display: block;
  width: 34px;
  height: 40px;
}

.select2-container .select2-choice .select2-arrow b::after {
  content: "";
  position: absolute;
  right: 13px;
  top: 14px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.select2-container-active .select2-choice,
.select2-container .select2-choice:hover {
  background: #f3f8f7 !important;
  box-shadow: none !important;
}

.select2-drop {
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 8%) !important;
  overflow: hidden;
}

.select2-results {
  padding: 4px !important;
  margin: 0 !important;
  background: #fff;
}

.select2-results .select2-result-label {
  padding: 9px 10px !important;
  color: #555;
  font-size: 12px;
  font-weight: 500;
}

.select2-results .select2-highlighted {
  background: #f3f8f7 !important;
  color: #009e83 !important;
  border-radius: 4px;
}

.select2-results .select2-highlighted .select2-result-label {
  color: #009e83 !important;
}

/* PRODUCT PAGE: variant price and stock panels */

.variantInfoPanel {
  margin-top: 10px;
}

.variantInfoPanel .panel {
  border: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  margin-bottom: 10px;
}

.variantInfoPanel .panel-warning {
  background: #f4f4f4 !important;
}

.variantInfoPanel .panel-success {
  background: #f4f4f4 !important;
}

.variantInfoPanel .panel-body {
  padding: 16px 18px !important;
}

/* Price box */

.variantInfoPanel .product-priceLines {
  margin-bottom: 4px;
}

.variantInfoPanel .selected-priceLine {
  font-size: 0;
  line-height: 1.2;
}

.variantInfoPanel .selected-priceLine .price {
  color: #009e83;
  font-size: 20px;
  font-weight: 800;
}

.variantInfoPanel .selected-priceLine .priceBeforeDiscount {
  color: #333;
  font-size: 17px;
  font-weight: 700;
  margin-left: 4px;
}
.variantInfoPanel .priceVatText {
  color: #777;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 3px;
}

.variantInfoPanel .product-itemNumber {
  display: block;
  margin-top: 9px;
  color: #111;
  font-size: 13px;
  line-height: 1.4;
}

.variantInfoPanel .product-itemNumber strong {
  color: #111;
  font-weight: 700;
}

.variantInfoPanel .product-itemNumber-value {
  color: #111;
  font-weight: 500;
}

/* Remove empty spacing inside price panel */

.variantInfoPanel .product-priceOptions,
.variantInfoPanel .product-priceLines + p {
  display: none;
}

.variantInfoPanel .panel-body > p {
  margin: 0;
}

/* Stock box */

/* Stock box */

.variantInfoPanel .panel-success,
.variantInfoPanel .panel-stock-status {
  background: #f4f4f4 !important;
}

.variantInfoPanel .panel-success .panel-body,
.variantInfoPanel .panel-stock-status .panel-body {
  color: #111;
  font-size: 14px;
  font-weight: 500;
}

.variantInfoPanel .panel-success strong,
.variantInfoPanel .panel-stock-status strong {
  color: #111 !important;
  font-weight: 800;
}

.variantInfoPanel .selected-stock-text {
  color: #009e83;
  font-size: 14px;
  font-weight: 700;
}

/* PRODUCT PAGE: clean variant product layout */

/* Hide top price block only on products with variant info panel */
.m-product-information:has(.variantInfoPanel) .m-product-offers {
  display: none !important;
}

/* Remove divider lines on variant products */
.m-product-information:has(.variantInfoPanel) .m-product-prices-separator,
.m-product-information:has(.variantInfoPanel) .m-product-description-separator {
  display: none !important;
}

/* Remove title divider line if theme adds one */
.m-product-information:has(.variantInfoPanel) .m-product-title.page-title {
  border-bottom: none !important;
  margin-bottom: 18px;
}

/* PRODUCT PAGE: remove extra divider lines around variant area */

.m-product-information:has(.variantInfoPanel) hr,
.m-product-information:has(.variantInfoPanel) .m-product-description-separator,
.m-product-information:has(.variantInfoPanel) .m-product-prices-separator {
  display: none !important;
}

/* PRODUCT PAGE: more space between description and variant dropdown */

.m-product-information:has(.variantInfoPanel) .m-description-short-wrap {
  margin-bottom: 28px;
}

.m-product-information:has(.variantInfoPanel) .select2-container {
  margin-top: 6px;
}

/* PRODUCT PAGE: products without variants */

.m-product-information:not(:has(.variantInfoPanel)) {
  display: flex;
  flex-direction: column;
}

/* Order sections */
.m-product-information:not(:has(.variantInfoPanel)) .m-product-title.page-title {
  order: 1;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 22px !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-brand {
  order: 2;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-description-short-wrap {
  order: 3;
  margin-bottom: 28px !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offer {
  order: 4;
  display: flex !important;
  flex-direction: column !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-info {
  order: 5;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock {
  order: 6;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-transaction,
.m-product-information:not(:has(.variantInfoPanel)) .product-transaction {
  order: 7;
}

/* Remove divider lines */
.m-product-information:not(:has(.variantInfoPanel)) hr,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-prices-separator,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-description-separator {
  display: none !important;
}

/* Remove possible line under title */
.m-product-information:not(:has(.variantInfoPanel)) .page-title,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-title {
  border-bottom: none !important;
}

/* Price box */
.m-product-information:not(:has(.variantInfoPanel)) .m-product-offers {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  padding: 16px 18px 8px !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offers p {
  margin: 0 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-extra {
  display: none !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-price {
  color: #009e83 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-price-before-discount,
.m-product-information:not(:has(.variantInfoPanel)) s {
  color: #333 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-left: 4px;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-price-vat,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-price-vat-text {
  color: #777 !important;
  font-size: 13px !important;
  line-height: 1.4;
  margin-top: 3px;
}

/* Model / item number as continuation of price box */

.m-product-information:not(:has(.variantInfoPanel)) .m-product-info {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: none !important;
  padding: 0 18px 16px !important;
  margin: -1px 0 10px !important;
  min-height: 0 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-info .panel-body {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-itemNumber {
  display: block !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-itemNumber strong,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-itemNumber-text {
  color: #111 !important;
  font-weight: 700 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-itemNumber-value {
  color: #111 !important;
  font-weight: 500 !important;
}

/* Stock box */
.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock .panel-body {
  padding: 16px 18px !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock strong,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock-status {
  color: #111 !important;
  font-weight: 800 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock-text,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock-message {
  color: #009e83 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Sold out product message */

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offer .m-product-discontinued {
  order: 1 !important;
  background: #fff1f1 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offer .m-product-discontinued .panel-body {
  padding: 14px 18px !important;
  color: #b23b3b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offer .m-product-discontinued span {
  color: #b23b3b !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Price box inside sold out/non-variant product */

.m-product-information:not(:has(.variantInfoPanel)) .m-product-offer .m-product-offers {
  order: 2 !important;
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 16px 18px !important;
  margin: 0 0 10px !important;
}

/* Sold out / backorder stock status */

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout .panel-body,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock .panel-body {
  padding: 16px 18px !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout strong,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout .m-product-stock-status,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock strong,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock .m-product-stock-status {
  color: #111 !important;
  font-weight: 800 !important;
}

.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout .m-product-stock-text,
.m-product-information:not(:has(.variantInfoPanel)) .m-product-stock.m-product-soldout .m-product-stock-message,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock .m-product-stock-text,
.m-product-information:not(:has(.variantInfoPanel)) .panel-danger.m-product-stock .m-product-stock-message {
  color: #b23b3b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* PRODUCT PAGE: quantity and add-to-cart */

.m-product-information .m-product-transaction,
.m-product-information .product-transaction {
  display: block !important;
  margin-top: 0 !important;
}

/* Reset DanDomain row/columns inside product buy area */
.m-product-information .m-product-transaction .row,
.m-product-information .product-transaction .row {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 0 !important;
}

.m-product-information .m-product-transaction .row::before,
.m-product-information .m-product-transaction .row::after,
.m-product-information .product-transaction .row::before,
.m-product-information .product-transaction .row::after {
  content: none !important;
  display: none !important;
}

.m-product-information .m-product-transaction-amount,
.m-product-information .m-product-transaction-button {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Quantity/stk box */
.m-product-information .m-product-transaction .input-group,
.m-product-information .product-transaction .input-group {
  display: flex !important;
  align-items: center !important;
  width: 128px !important;
  min-width: 128px !important;
  height: 44px !important;
  background: #f4f4f4 !important;
  border-radius: 4px !important;
  overflow: hidden;
  margin: 0 !important;
}

/* Quantity input */
.m-product-information .m-product-transaction input[type="number"],
.m-product-information .m-product-transaction input[type="text"],
.m-product-information .product-transaction input[type="number"],
.m-product-information .product-transaction input[type="text"] {
  width: 76px !important;
  height: 44px !important;
  background: #f4f4f4 !important;
  border: none !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 0 12px !important;
  line-height: 44px !important;
  border-radius: 4px 0 0 4px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box;
}

/* "stk." */
.m-product-information .m-product-transaction .input-group-addon,
.m-product-information .m-product-transaction .form-input-unit,
.m-product-information .m-product-transaction .unit,
.m-product-information .product-transaction .input-group-addon,
.m-product-information .product-transaction .form-input-unit,
.m-product-information .product-transaction .unit {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  height: 44px !important;
  min-width: 46px !important;
  background: #f4f4f4 !important;
  border: none !important;
  color: #777 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 44px !important;
  padding: 0 20px 0 4px !important;
  box-shadow: none !important;
}

/* Add to cart button */
.m-product-information .m-product-transaction button,
.m-product-information .m-product-transaction .button,
.m-product-information .product-transaction button,
.m-product-information .product-transaction .button {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  min-width: 132px !important;
  background: #009e83 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 34px 0 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  margin: 0 !important;
  overflow: hidden;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* Hide cart icon */
.m-product-information .m-product-transaction button::before,
.m-product-information .m-product-transaction .button::before,
.m-product-information .product-transaction button::before,
.m-product-information .product-transaction .button::before {
  display: none !important;
  content: none !important;
}

.m-product-information .m-product-transaction button svg,
.m-product-information .m-product-transaction .button svg,
.m-product-information .product-transaction button svg,
.m-product-information .product-transaction .button svg,
.m-product-information .m-product-transaction button i,
.m-product-information .m-product-transaction .button i,
.m-product-information .product-transaction button i,
.m-product-information .product-transaction .button i {
  display: none !important;
}

.m-product-information .m-product-transaction button > span:first-child:not(:only-child),
.m-product-information .m-product-transaction .button > span:first-child:not(:only-child),
.m-product-information .product-transaction button > span:first-child:not(:only-child),
.m-product-information .product-transaction .button > span:first-child:not(:only-child) {
  display: none !important;
}

/* Right arrow */
.m-product-information .m-product-transaction button::after,
.m-product-information .m-product-transaction .button::after,
.m-product-information .product-transaction button::after,
.m-product-information .product-transaction .button::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

/* Hover */
.m-product-information .m-product-transaction button:hover,
.m-product-information .m-product-transaction .button:hover,
.m-product-information .product-transaction button:hover,
.m-product-information .product-transaction .button:hover {
  background: #007f6b !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgb(0 0 0 / 10%) !important;
}

/* Mobile */
@media (max-width: 768px) {
  .m-product-information .m-product-transaction .row,
  .m-product-information .product-transaction .row {
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  .m-product-information .m-product-transaction .input-group,
  .m-product-information .product-transaction .input-group {
    width: 128px !important;
    min-width: 128px !important;
  }

  .m-product-information .m-product-transaction button,
  .m-product-information .m-product-transaction .button,
  .m-product-information .product-transaction button,
  .m-product-information .product-transaction .button {
    min-width: 132px !important;
  }
}

/* PRODUCT PAGE: normal products without variants only */

.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-offers {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  padding: 16px 18px 8px !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-offers p {
  margin: 0 !important;
}

.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-extra,
.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-prices-separator {
  display: none !important;
}

/* Model/varenr. should visually belong to the price box */
.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-info {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 0 0 4px 4px !important;
  box-shadow: none !important;
  padding: 0 18px 16px !important;
  margin: -1px 0 10px !important;
  min-height: 0 !important;
}

.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-info .panel-body {
  padding: 0 !important;
  margin: 0 !important;
}

/* Stock box spacing */
.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-stock {
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-stock .panel-body {
  padding: 16px 18px !important;
}

/* Remove extra spacing before quantity row on normal non-variant products */
.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .m-product-transaction,
.m-product-information:not(:has(.variantInfoPanel)):not(:has(.m-product-discontinued)) .product-transaction {
  margin-top: 0 !important;
}

/* CATEGORY SIDEBAR: remove hover bounce/side movement */

.b-productcategories .b-productcategory a,
.b-productcategories .b-productcategory a:hover,
.b-productcategories .b-productcategory.active > a,
.b-productcategories-level-1 .b-productcategory a,
.b-productcategories-level-1 .b-productcategory a:hover,
.b-productcategories-level-2 .b-productcategory a,
.b-productcategories-level-2 .b-productcategory a:hover,
.b-productcategories-level-3 .b-productcategory a,
.b-productcategories-level-3 .b-productcategory a:hover {
  transition: background-color .15s ease, color .15s ease !important;
}

/* Level 0 */
.b-productcategories-level-0 > .b-productcategory > a,
.b-productcategories-level-0 > .b-productcategory > a:hover {
  padding-left: 10px !important;
}

/* Level 1 */
.b-productcategories-level-1 > .b-productcategory > a,
.b-productcategories-level-1 > .b-productcategory > a:hover {
  padding-left: 10px !important;
}

/* Level 2 */
.b-productcategories-level-2 > .b-productcategory > a,
.b-productcategories-level-2 > .b-productcategory > a:hover {
  padding-left: 18px !important;
}

/* Level 3 */
.b-productcategories-level-3 > .b-productcategory > a,
.b-productcategories-level-3 > .b-productcategory > a:hover {
  padding-left: 34px !important;
}

/* CATEGORY PAGE: pagination / sideskifter */

.pagination,
.pager,
ul.pagination,
.m-productlist-pagination,
.productlist-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 28px 0 10px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Pagination items */
.pagination li,
.pager li,
ul.pagination li,
.m-productlist-pagination li,
.productlist-pagination li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pagination links/buttons */
.pagination a,
.pagination span,
.pager a,
.pager span,
ul.pagination a,
ul.pagination span,
.m-productlist-pagination a,
.m-productlist-pagination span,
.productlist-pagination a,
.productlist-pagination span {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: background-color .15s ease, color .15s ease;
}

/* Hover */
.pagination a:hover,
.pager a:hover,
ul.pagination a:hover,
.m-productlist-pagination a:hover,
.productlist-pagination a:hover {
  background: #f3f8f7 !important;
  color: #009e83 !important;
}

/* Active page */
.pagination .active a,
.pagination .active span,
.pagination li.active a,
.pagination li.active span,
.pager .active a,
.pager .active span,
ul.pagination .active a,
ul.pagination .active span,
.m-productlist-pagination .active a,
.m-productlist-pagination .active span,
.productlist-pagination .active a,
.productlist-pagination .active span {
  background: #009e83 !important;
  color: #fff !important;
  font-weight: 800 !important;
}

/* Disabled arrows */
.pagination .disabled a,
.pagination .disabled span,
.pager .disabled a,
.pager .disabled span,
ul.pagination .disabled a,
ul.pagination .disabled span,
.m-productlist-pagination .disabled a,
.m-productlist-pagination .disabled span,
.productlist-pagination .disabled a,
.productlist-pagination .disabled span {
  opacity: .45 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* Arrow buttons */
.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span,
.pager li:first-child a,
.pager li:first-child span,
.pager li:last-child a,
.pager li:last-child span,
ul.pagination li:first-child a,
ul.pagination li:first-child span,
ul.pagination li:last-child a,
ul.pagination li:last-child span {
  font-size: 0 !important;
  position: relative;
}

/* Left arrow */
.pagination li:first-child a::after,
.pagination li:first-child span::after,
.pager li:first-child a::after,
.pager li:first-child span::after,
ul.pagination li:first-child a::after,
ul.pagination li:first-child span::after {
  content: "";
  width: 7px;
  height: 7px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  box-sizing: border-box;
}

/* Right arrow */
.pagination li:last-child a::after,
.pagination li:last-child span::after,
.pager li:last-child a::after,
.pager li:last-child span::after,
ul.pagination li:last-child a::after,
ul.pagination li:last-child span::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: rotate(45deg);
  box-sizing: border-box;
}

/* FOOTER: Nyhedstilmelding */

.site-footer input[type="text"],
.site-footer input[type="email"] {
  width: 100% !important;
  height: 40px !important;
  background: #f4f4f4 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  padding: 0 14px !important;
  margin: 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #555 !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.site-footer input[type="text"]::placeholder,
.site-footer input[type="email"]::placeholder {
  color: #888 !important;
  font-weight: 500 !important;
}

.site-footer input[type="text"]:focus,
.site-footer input[type="email"]:focus {
  outline: none !important;
  background: #eef5f3 !important;
  box-shadow: inset 0 0 0 1px #009e83 !important;
  color: #111 !important;
}

/* Checkbox */

.site-footer input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  accent-color: #009e83 !important;
  cursor: pointer !important;
}

.site-footer label {
  font-size: 12px !important;
  color: #555 !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* Button */

.site-footer input[type="submit"],
.site-footer button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 40px !important;
  padding: 0 18px !important;
  background: #009e83 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color .15s ease, transform .15s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.site-footer input[type="submit"]:hover,
.site-footer button:hover {
  background: #007f69 !important;
}

/* 404 PAGE: redesigned error page - only active on real 404 page */

body.kelax-404-page .page-content,
body.kelax-404-page .content-container {
  max-width: 1180px;
}

body.kelax-404-page .page-title {
  max-width: 720px;
  margin: 55px auto 0;
  text-align: center;
  border-bottom: none !important;
}

body.kelax-404-page .page-title h1 {
  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.05;
  font-weight: 800;
  color: #111;
  margin: 0;
}

body.kelax-404-page .page-title + .ck-content,
body.kelax-404-page .page-title + .content,
body.kelax-404-page .page-title + div {
  max-width: 720px;
  margin: 40px auto 80px;
  padding: 44px 38px;
  background: #f4f4f4;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 0 14px rgb(0 0 0 / 5%);
}

body.kelax-404-page .ck-content p,
body.kelax-404-page .content p {
  color: #555;
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 18px;
}

body.kelax-404-page .ck-content a,
body.kelax-404-page .content a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 46px 0 24px;
  position: relative;
  background: #009e83;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color .18s ease, transform .18s ease;
}

body.kelax-404-page .ck-content a::after,
body.kelax-404-page .content a::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

body.kelax-404-page .ck-content a:hover,
body.kelax-404-page .content a:hover {
  background: #007f6b;
  color: #fff !important;
  transform: translateY(-1px);
}

body.kelax-404-page .ck-content a:focus,
body.kelax-404-page .content a:focus,
body.kelax-404-page .ck-content a:active,
body.kelax-404-page .content a:active {
  outline: none !important;
  box-shadow: none !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  body.kelax-404-page .page-title {
    margin: 35px 15px 0;
  }

  body.kelax-404-page .page-title + .ck-content,
  body.kelax-404-page .page-title + .content,
  body.kelax-404-page .page-title + div {
    margin: 25px 15px 55px;
    padding: 32px 22px;
  }
}

/* TOP MENU: simple dropdown fixes */

/* Make dropdown same width as the top menu button */
@media (min-width: 960px) {
  ul.menu.productmenu li.topitem,
  ul.menu li.topitem {
    position: relative !important;
  }

  ul.menu.productmenu li.has-dropdown .mega-menu,
  ul.menu li.has-dropdown .mega-menu {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Prevent the old JS active state from looking "stuck" */
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li.active > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li.active > a {
    background: transparent !important;
    color: #444 !important;
  }

  /* Only actual hover should get green background */
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li:hover > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li:hover > a {
    background: #f3f8f7 !important;
    color: #009e83 !important;
  }

  /* Remove arrows in the simple dropdown */
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li.has-dropdown::after,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li.has-dropdown::after,
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu .nested-menu li.has-dropdown::after,
  ul.menu li.has-dropdown .mega-menu .submenu .nested-menu li.has-dropdown::after {
    display: none !important;
    content: none !important;
    background-image: none !important;
  }

  /* Adjust padding now that arrows are removed */
  ul.menu.productmenu li.has-dropdown .mega-menu .submenu > .nested-menu > li > a,
  ul.menu li.has-dropdown .mega-menu .submenu > .nested-menu > li > a {
    padding: 9px 12px !important;
  }
}

/* PRODUCT PAGE: redesign additional product info tabs/content */

.m-product.m-product-additional-info {
  margin-top: 42px;
  margin-bottom: 50px;
}

.m-product.m-product-additional-info .m-product-additional-separator {
  border: 0;
  border-top: 1px solid #e8e8e8;
  margin: 0 0 18px;
}

/* Tabs */

.m-product.m-product-additional-info .m-product-additional-info-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  border: 0;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px;
  border: 0 !important;
  border-radius: 999px;
  background: #f3f3f3;
  color: #666;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a:hover {
  background: #eaf6f4;
  color: #009e83;
  transform: translateY(-1px);
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li.active > a {
  background: #009e83;
  color: #fff;
}

/* Content wrapper */

.m-product.m-product-additional-info .m-product-additional-info-content {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.m-product.m-product-additional-info .m-product-additional-info-content > .pane {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 28px;
  box-shadow: 0 8px 22px rgb(0 0 0 / 5%);
}

/* Important: description content must be white */

.m-product.m-product-additional-info .pane.description,
.m-product.m-product-additional-info .pane.description .ck-content {
  background: #fff !important;
}

.m-product.m-product-additional-info .pane.description .ck-content {
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

.m-product.m-product-additional-info .pane.description .ck-content h1,
.m-product.m-product-additional-info .pane.description .ck-content h2,
.m-product.m-product-additional-info .pane.description .ck-content h3,
.m-product.m-product-additional-info .pane.description .ck-content h4 {
  color: #111;
  font-weight: 900;
  line-height: 1.2;
  margin: 26px 0 12px;
}

.m-product.m-product-additional-info .pane.description .ck-content h1:first-child,
.m-product.m-product-additional-info .pane.description .ck-content h2:first-child,
.m-product.m-product-additional-info .pane.description .ck-content h3:first-child,
.m-product.m-product-additional-info .pane.description .ck-content h4:first-child {
  margin-top: 0;
}

.m-product.m-product-additional-info .pane.description .ck-content p {
  margin: 0 0 14px;
}

.m-product.m-product-additional-info .pane.description .ck-content img {
  max-width: 100%;
  height: auto;
}

/* Extra buy / Tilkøb */

.m-product.m-product-additional-info .m-product-extrabuy .panel {
  border: 0;
  background: transparent;
  box-shadow: none;
  margin: 0 0 22px;
}

.m-product.m-product-additional-info .m-product-extrabuy .panel:last-child {
  margin-bottom: 0;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading-all {
  background: #f3f8f7;
  border: 0;
  border-radius: 6px;
  padding: 14px 18px;
  margin: 0 0 14px;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading-all .h5,
.m-product.m-product-additional-info .m-product-extrabuy-title {
  margin: 0;
  color: #111;
  font-size: 15px;
  font-weight: 900;
}

.m-product.m-product-additional-info .m-product-extrabuy-category {
  color: #666;
  font-weight: 700;
}

.m-product.m-product-additional-info .m-product-extrabuy-text {
  color: #009e83;
  font-weight: 900;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading-large {
  display: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  background: transparent;
}

.m-product.m-product-additional-info .m-product-extrabuy-list-item {
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  padding: 14px;
  margin: 0;
  box-shadow: 0 4px 14px rgb(0 0 0 / 4%);
}

.m-product.m-product-additional-info .m-product-extrabuy-list-item > form > .row {
  display: grid;
  grid-template-columns: 82px minmax(180px, 1fr) 135px 110px 205px;
  gap: 16px;
  align-items: center;
  margin: 0;
}

.m-product.m-product-additional-info .m-product-extrabuy-list-item > form > .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-figure-wrap {
  grid-column: 1;
  grid-row: 1;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading {
  grid-column: 2;
  grid-row: 1;
}

.m-product.m-product-additional-info .m-product-extrabuy-data {
  grid-column: 3;
  grid-row: 1;
}

.m-product.m-product-additional-info .m-product-extrabuy-info {
  grid-column: 4;
  grid-row: 1;
}

.m-product.m-product-additional-info .m-product-extrabuy-transaction {
  grid-column: 5;
  grid-row: 1;
}

.m-product.m-product-additional-info .m-product-extrabuy-figure,
.m-product.m-product-additional-info .m-product-extrabuy-figure .placeholder-wrapper {
  margin: 0;
}

.m-product.m-product-additional-info .m-product-extrabuy-image {
  border-radius: 5px;
  background: #fff;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading .h6,
.m-product.m-product-additional-info .m-product-extrabuy-heading .h6 a {
  margin: 0;
  color: #009e83;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading .h6 a:hover {
  color: #007f6b;
}

.m-product.m-product-additional-info .m-product-extrabuy-offers p,
.m-product.m-product-additional-info .m-product-extrabuy-vat,
.m-product.m-product-additional-info .m-product-extrabuy-stock {
  margin: 0;
}

.m-product.m-product-additional-info .m-product-extrabuy-price {
  color: #111;
  font-size: 15px;
  font-weight: 900;
}

.m-product.m-product-additional-info .m-product-extrabuy-price-from {
  color: #666;
  font-size: 12px;
  font-weight: 700;
}

.m-product.m-product-additional-info .m-product-extrabuy-price-before-discount {
  color: #777;
  font-size: 12px;
}

.m-product.m-product-additional-info .m-product-extrabuy-price-vat-text {
  color: #777;
  font-size: 11px;
}

.m-product.m-product-additional-info .m-product-extrabuy-instock-message {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: #eaf6f4;
  color: #009e83;
  font-size: 12px;
  font-weight: 800;
}

.m-product.m-product-additional-info .m-product-extrabuy-amount {
  display: inline-block;
  width: 86px;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.m-product.m-product-additional-info .m-product-extrabuy-amount .input-group {
  height: 38px;
  background: #f4f4f4;
  border-radius: 4px;
  overflow: hidden;
}

.m-product.m-product-additional-info .m-product-extrabuy-input {
  height: 38px;
  border: 0;
  background: #f4f4f4;
  color: #111;
  font-weight: 800;
  text-align: center;
  box-shadow: none;
}

.m-product.m-product-additional-info .m-product-extrabuy-unitTitle {
  height: 38px;
  border: 0;
  background: #f4f4f4;
  color: #777;
  font-size: 12px;
  font-weight: 700;
}

.m-product.m-product-additional-info .m-product-extrabuy-button,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-button:hover,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link:hover {
  background: #007f6b !important;
  color: #fff !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-button i,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link i {
  display: none;
}

/* Specifications */

.m-product.m-product-additional-info .m-product-customdata {
  border: 0;
  overflow: visible;
}

.m-product.m-product-additional-info .m-product-customdata table,
.m-product.m-product-additional-info .m-product-files table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  background: transparent;
}

.m-product.m-product-additional-info .m-product-customdata tr,
.m-product.m-product-additional-info .m-product-files tr {
  background: #f7f7f7;
}

.m-product.m-product-additional-info .m-product-customdata td,
.m-product.m-product-additional-info .m-product-files td,
.m-product.m-product-additional-info .m-product-files th {
  padding: 13px 16px;
  border: 0;
  color: #555;
  font-size: 13px;
  line-height: 1.35;
  vertical-align: middle;
}

.m-product.m-product-additional-info .m-product-customdata-title,
.m-product.m-product-additional-info .m-product-files th {
  color: #111 !important;
  font-weight: 900;
}

.m-product.m-product-additional-info .m-product-customdata tr td:first-child,
.m-product.m-product-additional-info .m-product-files tr td:first-child,
.m-product.m-product-additional-info .m-product-files tr th:first-child {
  border-radius: 5px 0 0 5px;
}

.m-product.m-product-additional-info .m-product-customdata tr td:last-child,
.m-product.m-product-additional-info .m-product-files tr td:last-child,
.m-product.m-product-additional-info .m-product-files tr th:last-child {
  border-radius: 0 5px 5px 0;
}

/* Downloads */

.m-product.m-product-additional-info .m-product-files a {
  color: #009e83;
  font-weight: 800;
  text-decoration: none;
}

.m-product.m-product-additional-info .m-product-files a:hover {
  color: #007f6b;
}

.m-product.m-product-additional-info .m-product-files-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #009e83;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.m-product.m-product-additional-info .m-product-files a:hover .m-product-files-download {
  background: #007f6b;
  color: #fff;
}

/* Calculator / Udregn dit forbrug */

.m-product.m-product-additional-info .w-calc {
  max-width: 460px;
  padding: 24px;
  border-radius: 6px;
  background: #f7f7f7;
}

.m-product.m-product-additional-info .w-calc-label {
  display: block;
  margin: 0 0 9px;
  color: #111;
  font-size: 14px;
  font-weight: 900;
}

.m-product.m-product-additional-info .w-calc-input,
.m-product.m-product-additional-info .w-calc input {
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
}

.m-product.m-product-additional-info .w-calc-input:focus,
.m-product.m-product-additional-info .w-calc input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgb(0 158 131 / 18%);
}

.m-product.m-product-additional-info .w-calc-results {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 4px;
  background: #eaf6f4;
  color: #009e83;
  font-size: 14px;
  font-weight: 900;
}

/* Mobile */

@media (max-width: 768px) {
  .m-product.m-product-additional-info {
    margin-top: 30px;
  }

  .m-product.m-product-additional-info .m-product-additional-info-tabs {
    gap: 7px;
  }

  .m-product.m-product-additional-info .m-product-additional-info-tabs > li > a {
    min-height: 36px;
    padding: 0 14px;
    font-size: 12px;
  }

  .m-product.m-product-additional-info .m-product-additional-info-content > .pane {
    padding: 18px;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-list-item > form > .row {
    grid-template-columns: 70px 1fr;
    gap: 10px 14px;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-figure-wrap {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-heading {
    grid-column: 2;
    grid-row: 1;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-data {
    grid-column: 2;
    grid-row: 2;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-info {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-transaction {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-amount {
    width: 92px;
  }

  .m-product.m-product-additional-info .m-product-customdata table,
  .m-product.m-product-additional-info .m-product-files table {
    border-spacing: 0 7px;
  }

  .m-product.m-product-additional-info .m-product-customdata td,
  .m-product.m-product-additional-info .m-product-files td,
  .m-product.m-product-additional-info .m-product-files th {
    padding: 11px 12px;
    font-size: 12px;
  }
}

/* =========================================
   OVERRIDES – PRODUKT FANER / TILKØB / CALC
   Indsæt HELT NEDERST i bewise.css
========================================= */

/* -------------------------
   1) Faneknapper – centrer tekst korrekt
------------------------- */
.m-product.m-product-additional-info .m-product-additional-info-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li {
  float: none !important;
  display: block;
  margin: 0 !important;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  min-height: 40px;
  padding: 10px 18px !important;
  white-space: nowrap;
}

/* -------------------------
   2) Tilkøb – alle bokse hvide
   Ingen grå/hvid skiftevis
   Kun shadow – ingen outline/border
------------------------- */
.m-product.m-product-additional-info .m-product-extrabuy .panel,
.m-product.m-product-additional-info .m-product-extrabuy .panel-body,
.m-product.m-product-additional-info .m-product-extrabuy-list {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-list-item,
.m-product.m-product-additional-info .m-product-extrabuy-list-item:nth-child(odd),
.m-product.m-product-additional-info .m-product-extrabuy-list-item:nth-child(even) {
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
}

/* Giv lidt mere plads til højre kolonne så antal + knap kan stå på række */
@media (min-width: 769px) {
  .m-product.m-product-additional-info .m-product-extrabuy-list-item > form > .row {
    grid-template-columns: 82px minmax(180px, 1fr) 135px 110px 250px !important;
  }
}

/* -------------------------
   3) Tilkøb – antal + læg i kurv ved siden af hinanden
------------------------- */
.m-product.m-product-additional-info .m-product-extrabuy-transaction {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-amount {
  order: 1;
  width: 110px !important;
  margin: 0 !important;
  flex: 0 0 110px;
}

.m-product.m-product-additional-info .m-product-extrabuy-amount .input-group {
  display: flex !important;
  align-items: center;
  height: 40px;
  border: 0 !important;
  border-radius: 4px !important;
  overflow: hidden;
  background: #efefef !important;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-input {
  height: 40px !important;
  border: 0 !important;
  background: #efefef !important;
  color: #111 !important;
  font-weight: 700 !important;
  text-align: center;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-unitTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 40px !important;
  border: 0 !important;
  background: #efefef !important;
  color: #666 !important;
  font-size: 12px;
  font-weight: 700;
  box-shadow: none !important;
}

/* -------------------------
   4) Tilkøb – knapper samme stil som hovedprodukt
------------------------- */
.m-product.m-product-additional-info .m-product-extrabuy-button,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
  order: 2;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 42px 0 18px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap;
}

.m-product.m-product-additional-info .m-product-extrabuy-button:hover,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link:hover {
  background: #007f6b !important;
  color: #fff !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-button::after,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

.m-product.m-product-additional-info .m-product-extrabuy-button i,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link i {
  display: none !important;
}

/* -------------------------
   5) Produkter med kun “Vis produkt”
   Skal ligne læg i kurv-knappen
------------------------- */
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
  min-width: 140px;
}

/* -------------------------
   6) Udregn dit forbrug – ret layout
   Egen knap ved siden af feltet
   Ikke overlap
------------------------- */
.m-product.m-product-additional-info .w-calc {
  max-width: 520px;
}

.m-product.m-product-additional-info .w-calc .input-group {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px;
  width: 100%;
}

.m-product.m-product-additional-info .w-calc .input-group > * {
  float: none !important;
}

.m-product.m-product-additional-info .w-calc .form-control,
.m-product.m-product-additional-info .w-calc input[type="text"],
.m-product.m-product-additional-info .w-calc input[type="number"] {
  flex: 1 1 auto !important;
  min-width: 0;
  width: auto !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 0 14px !important;
}

.m-product.m-product-additional-info .w-calc .input-group-btn,
.m-product.m-product-additional-info .w-calc .input-group-append {
  display: flex !important;
  flex: 0 0 auto;
}

.m-product.m-product-additional-info .w-calc .btn,
.m-product.m-product-additional-info .w-calc button,
.m-product.m-product-additional-info .w-calc input[type="submit"] {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #009e83 !important;
  color: transparent !important;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .w-calc .btn::after,
.m-product.m-product-additional-info .w-calc button::after,
.m-product.m-product-additional-info .w-calc input[type="submit"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translate(-55%, -50%) rotate(45deg);
  box-sizing: border-box;
}

/* -------------------------
   7) Mobil finjustering
------------------------- */
@media (max-width: 768px) {
  .m-product.m-product-additional-info .m-product-extrabuy-list-item > form > .row {
    grid-template-columns: 70px 1fr !important;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-transaction {
    justify-content: flex-start;
    flex-wrap: wrap !important;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-amount {
    width: 110px !important;
    flex: 0 0 110px;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-button,
  .m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
    min-width: 140px;
  }
}

/* PRODUCT PAGE: fix tab button text centering */

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  line-height: 40px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a,
.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a * {
  vertical-align: middle !important;
}

.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a::before,
.m-product.m-product-additional-info .m-product-additional-info-tabs > li > a::after {
  content: none !important;
  display: none !important;
}

/* PRODUCT PAGE: hide outer additional-info pane styling */

.m-product.m-product-additional-info .m-product-additional-info-content > .pane {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* PRODUCT PAGE: only description pane gets white card + shadow */

.m-product.m-product-additional-info .m-product-additional-info-content > .pane.description {
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 10px 24px rgb(0 0 0 / 7%) !important;
  border-radius: 6px !important;
  padding: 28px !important;
}

.m-product.m-product-additional-info .m-product-additional-info-content > .pane.description .ck-content {
  background: #fff !important;
}

/* PRODUCT PAGE: Tilkøb category label cleanup */

.m-product.m-product-additional-info .m-product-extrabuy-category {
  display: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-text {
  color: #666 !important;
  font-weight: 700 !important;
}

/* PRODUCT PAGE: Tilkøb font size bump */

.m-product.m-product-additional-info .m-product-extrabuy-heading .h6,
.m-product.m-product-additional-info .m-product-extrabuy-heading .h6 a {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-price,
.m-product.m-product-additional-info .m-product-extrabuy-price-from {
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-vat,
.m-product.m-product-additional-info .m-product-extrabuy-price-vat-text {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-instock-message {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-input {
  font-size: 17px !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-unitTitle {
  font-size: 14px !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-button,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
  font-size: 16px !important;
  font-weight: 800 !important;
}

/* PRODUCT PAGE: Tilkøb transaction should match main product button size */

.m-product.m-product-additional-info .m-product-extrabuy-input {
  font-size: 15px !important;
  font-weight: 700 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-unitTitle {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-button,
.m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 44px !important;
  min-height: 44px !important;
}

/* PRODUCT PAGE: Tilkøb sale price cleanup */

/* Fjern bindestreg/separator efter nu-prisen */
.m-product.m-product-additional-info .m-product-extrabuy-price::after,
.m-product.m-product-additional-info .m-product-extrabuy-price-from::after {
  content: none !important;
  display: none !important;
}

/* Sørg for at prisblokken ligger som kolonne */
.m-product.m-product-additional-info .m-product-extrabuy-offers,
.m-product.m-product-additional-info .m-product-extrabuy-offers p {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

/* Nu-pris øverst */
.m-product.m-product-additional-info .m-product-extrabuy-price,
.m-product.m-product-additional-info .m-product-extrabuy-price-from {
  display: block !important;
  order: 1 !important;
  margin: 0 !important;
}

/* Før-pris altid under nu-pris */
.m-product.m-product-additional-info .m-product-extrabuy-price-before-discount {
  display: block !important;
  order: 2 !important;
  margin: 0 !important;
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

/* Moms under før-pris */
.m-product.m-product-additional-info .m-product-extrabuy-vat,
.m-product.m-product-additional-info .m-product-extrabuy-price-vat-text {
  display: block !important;
  order: 3 !important;
  margin: 0 !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

/* PRODUCT PAGE: Tilkøb remove sale-price dash line */

.m-product.m-product-additional-info .m-product-extrabuy-offers p {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Nu-pris */
.m-product.m-product-additional-info .m-product-extrabuy-price,
.m-product.m-product-additional-info .m-product-extrabuy-price-from {
  display: block !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #111 !important;
  margin: 0 0 2px !important;
}

/* Før-pris */
.m-product.m-product-additional-info .m-product-extrabuy-price-before-discount {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  color: #777 !important;
  margin: 0 0 2px !important;
}

/* Moms */
.m-product.m-product-additional-info .m-product-extrabuy-vat,
.m-product.m-product-additional-info .m-product-extrabuy-price-vat-text {
  display: block !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  color: #777 !important;
  margin: 0 !important;
}

/* PRODUCT PAGE: Tilkøb quantity field alignment */

.m-product.m-product-additional-info .m-product-extrabuy-amount .input-group {
  display: flex !important;
  align-items: center !important;
  width: 118px !important;
  height: 44px !important;
  background: #f4f4f4 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

/* 1-tallet længere mod venstre */
.m-product.m-product-additional-info .m-product-extrabuy-input {
  flex: 0 0 58px !important;
  width: 58px !important;
  height: 44px !important;
  padding: 0 0 0 12px !important;
  margin: 0 !important;
  border: 0 !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  text-align: left !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* stk. centreret og på linje med 1-tallet */
.m-product.m-product-additional-info .m-product-extrabuy-unitTitle {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  min-width: 0 !important;
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #f4f4f4 !important;
  color: #777 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 44px !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* PRODUCT PAGE: Downloads font size bump */

.m-product.m-product-additional-info .m-product-files th {
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.m-product.m-product-additional-info .m-product-files td {
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.m-product.m-product-additional-info .m-product-files a {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.m-product.m-product-additional-info .m-product-files-download {
  min-height: 36px !important;
  padding: 0 18px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* PRODUCT PAGE: Downloads header alignment + 17px text */

.m-product.m-product-additional-info .m-product-files table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
}

/* Samme kolonnebredder på header og indhold */
.m-product.m-product-additional-info .m-product-files th:nth-child(1),
.m-product.m-product-additional-info .m-product-files td:nth-child(1) {
  width: 52% !important;
  text-align: left !important;
}

.m-product.m-product-additional-info .m-product-files th:nth-child(2),
.m-product.m-product-additional-info .m-product-files td:nth-child(2) {
  width: 14% !important;
  text-align: center !important;
}

.m-product.m-product-additional-info .m-product-files th:nth-child(3),
.m-product.m-product-additional-info .m-product-files td:nth-child(3) {
  width: 16% !important;
  text-align: center !important;
}

.m-product.m-product-additional-info .m-product-files th:nth-child(4),
.m-product.m-product-additional-info .m-product-files td:nth-child(4) {
  width: 18% !important;
  text-align: center !important;
}

/* Header: Titel / Type / Størrelse / Download */
.m-product.m-product-additional-info .m-product-files th {
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
  padding: 15px 18px !important;
}

/* Indhold i rækkerne */
.m-product.m-product-additional-info .m-product-files td {
  vertical-align: middle !important;
  padding: 15px 18px !important;
}

/* Download-knappen centreret i sin kolonne */
.m-product.m-product-additional-info .m-product-files td:last-child a {
  display: inline-flex !important;
  justify-content: center !important;
}
/* PRODUCT PAGE: Tilkøb category/header bar match downloads header style */

.m-product.m-product-additional-info .m-product-extrabuy-heading-all {
  background: #f7f7f7 !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 15px 18px !important;
  margin: 0 0 14px !important;
  box-shadow: none !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-text {
  color: #111 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-category {
  display: none !important;
}

/* PRODUCT PAGE: make Downloads header match Tilkøb header spacing/font */

.m-product.m-product-additional-info .m-product-files thead tr {
  background: #f7f7f7 !important;
}

.m-product.m-product-additional-info .m-product-files th {
  background: #f7f7f7 !important;
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  vertical-align: middle !important;
}

/* Match the rounded bar feel */
.m-product.m-product-additional-info .m-product-files th:first-child {
  border-radius: 5px 0 0 5px !important;
  padding-left: 18px !important;
}

.m-product.m-product-additional-info .m-product-files th:last-child {
  border-radius: 0 5px 5px 0 !important;
  padding-right: 18px !important;
}

/* Keep column alignment correct */
.m-product.m-product-additional-info .m-product-files th:nth-child(1),
.m-product.m-product-additional-info .m-product-files td:nth-child(1) {
  text-align: left !important;
}

.m-product.m-product-additional-info .m-product-files th:nth-child(2),
.m-product.m-product-additional-info .m-product-files td:nth-child(2),
.m-product.m-product-additional-info .m-product-files th:nth-child(3),
.m-product.m-product-additional-info .m-product-files td:nth-child(3),
.m-product.m-product-additional-info .m-product-files th:nth-child(4),
.m-product.m-product-additional-info .m-product-files td:nth-child(4) {
  text-align: center !important;
}

/* PRODUCT PAGE: match Downloads spacing to Tilkøb */

.m-product.m-product-additional-info .pane.files,
.m-product.m-product-additional-info .pane.downloads,
.m-product.m-product-additional-info .pane.download {
  padding-top: 0 !important;
}

.m-product.m-product-additional-info .m-product-files {
  margin-top: 0 !important;
}

.m-product.m-product-additional-info .m-product-files table {
  margin-top: 0 !important;
}

/* Hvis temaet lægger ekstra luft på første tabel/header */
.m-product.m-product-additional-info .m-product-files table thead,
.m-product.m-product-additional-info .m-product-files table thead tr,
.m-product.m-product-additional-info .m-product-files table thead th {
  margin-top: 0 !important;
}

/* Samme afstand fra faneknapper til første bjælke som ved Tilkøb */
.m-product.m-product-additional-info .m-product-additional-info-tabs {
  margin-bottom: 14px !important;
}

.m-product.m-product-additional-info .m-product-extrabuy-heading-all,
.m-product.m-product-additional-info .m-product-files table {
  margin-top: 0 !important;
}

/* PRODUCT PAGE: Udregn dit forbrug - compact input + arrow box */

.m-product.m-product-additional-info .w-calc {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  column-gap: 0 !important;
  row-gap: 12px !important;
  max-width: 480px !important;
  padding: 24px !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.m-product.m-product-additional-info .w-calc-label {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: block !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.m-product.m-product-additional-info .w-calc-input {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 4px 0 0 4px !important;
  background: #fff !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 44px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Skjul det tomme resultatfelt, så det ikke bliver en falsk/klippet knap */
.m-product.m-product-additional-info .w-calc-results:empty {
  display: none !important;
}

/* Grøn kompakt pilboks direkte op ad inputfeltet */
.m-product.m-product-additional-info .w-calc::after {
  content: "" !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  width: 38px !important;
  height: 44px !important;
  border-radius: 0 4px 4px 0 !important;
  background: #009e83 !important;
  box-sizing: border-box !important;
}

/* Selve pilen */
.m-product.m-product-additional-info .w-calc::before {
  content: "" !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 8px !important;
  height: 8px !important;
  border-right: 2px solid #fff !important;
  border-top: 2px solid #fff !important;
  transform: rotate(45deg) !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
}

/* Resultat under feltet, når der kommer tekst */
.m-product.m-product-additional-info .w-calc-results:not(:empty) {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  display: block !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 4px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

/* PRODUCT PAGE: Udregn dit forbrug - hover only on arrow box */

.m-product.m-product-additional-info .w-calc {
  box-shadow: none !important;
  transform: none !important;
}

.m-product.m-product-additional-info .w-calc::after {
  transition: background-color .18s ease !important;
}

.m-product.m-product-additional-info .w-calc::before {
  transition: none !important;
}

/* Kun den grønne pilboks bliver lidt lysere ved hover/fokus */
.m-product.m-product-additional-info .w-calc:hover::after,
.m-product.m-product-additional-info .w-calc:focus-within::after {
  background: #00ad90 !important;
}

/* Pilen skal ikke flytte sig */
.m-product.m-product-additional-info .w-calc:hover::before,
.m-product.m-product-additional-info .w-calc:focus-within::before {
  transform: rotate(45deg) !important;
}

/* PRODUCT PAGE: Specifikationer - større tekst */

.m-product.m-product-additional-info .m-product-customdata td,
.m-product.m-product-additional-info .m-product-customdata th {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.m-product.m-product-additional-info .m-product-customdata-title {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #111 !important;
}

.m-product.m-product-additional-info .m-product-customdata-value,
.m-product.m-product-additional-info .m-product-customdata td:last-child {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #555 !important;
}

/* PRODUCT PAGE: move product info tabs closer to product area */

/* Fjern stregen over faneknapperne */
.m-product.m-product-additional-info .m-product-additional-separator {
  display: none !important;
}

/* Ryk hele faneblokken tættere op mod produkt/billede */
.m-product.m-product-additional-info {
  margin-top: 18px !important;
}

/* Fjern evt. ekstra luft over faneknapperne */
.m-product.m-product-additional-info .m-product-additional-info-tabs {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* PRODUCT PAGE: reset product image + thumbnails */

.m-product .m-product-image,
.m-product .m-product-image-wrapper,
.m-product .m-product-image-container,
.m-product .m-product-images,
.m-product .product-image,
.m-product .product-image-wrapper,
.m-product .placeholder-wrapper,
.m-product figure,
.m-product .m-product-image-main,
.m-product .m-product-image-large,
.m-product .m-product-primary-image,
.m-product .m-product-image figure,
.m-product .m-product-image .placeholder-wrapper,
.m-product .product-image .placeholder-wrapper {
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Store produktbillede: ingen outline/shadow */
.m-product .m-product-image .placeholder-wrapper,
.m-product .m-product-images .placeholder-wrapper,
.m-product .m-product-image figure {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Miniaturebilleder: ingen outline, ingen shadow, bare billeder */
.m-product .m-product-image-thumbs a,
.m-product .m-product-images-thumbs a,
.m-product .m-product-thumbnails a,
.m-product .product-thumbnails a,
.m-product .image-thumbs a,
.m-product .m-product-image-thumbs .placeholder-wrapper,
.m-product .m-product-images-thumbs .placeholder-wrapper,
.m-product .m-product-thumbnails .placeholder-wrapper,
.m-product .product-thumbnails .placeholder-wrapper,
.m-product .image-thumbs .placeholder-wrapper {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Miniature hover skal heller ikke lave noget */
.m-product .m-product-image-thumbs a:hover,
.m-product .m-product-images-thumbs a:hover,
.m-product .m-product-thumbnails a:hover,
.m-product .product-thumbnails a:hover,
.m-product .image-thumbs a:hover,
.m-product .m-product-image-thumbs .placeholder-wrapper:hover,
.m-product .m-product-images-thumbs .placeholder-wrapper:hover,
.m-product .m-product-thumbnails .placeholder-wrapper:hover {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
}

/* Selve billederne må ikke have kant */
.m-product .m-product-image img,
.m-product .m-product-images img,
.m-product .m-product-image-thumbs img,
.m-product .m-product-images-thumbs img,
.m-product .m-product-thumbnails img,
.m-product .product-thumbnails img,
.m-product .image-thumbs img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* PRODUCT PAGE: thumbnail carousel arrows - clean style */

.m-product .thumbelina-wrapper .thumbelina-but {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  width: 22px !important;
  height: 60px !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

/* Skjul FontAwesome-ikonet */
.m-product .thumbelina-wrapper .thumbelina-but i {
  display: none !important;
}

/* Grundform for pil */
.m-product .thumbelina-wrapper .thumbelina-but::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #777 !important;
  border-right: 2px solid #777 !important;
  box-sizing: border-box !important;
  transition: border-color .18s ease, transform .18s ease !important;
}

/* Venstre pil */
.m-product .thumbelina-wrapper .thumbelina-but.left::after {
  left: 8px !important;
  transform: translateY(-50%) rotate(-135deg) !important;
}

/* Højre pil */
.m-product .thumbelina-wrapper .thumbelina-but.right::after {
  right: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

/* Hover */
.m-product .thumbelina-wrapper .thumbelina-but:hover::after {
  border-color: #009e83 !important;
}

/* Fjern evt. gammel hover-baggrund */
.m-product .thumbelina-wrapper .thumbelina-but:hover,
.m-product .thumbelina-wrapper .thumbelina-but:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* PRODUCT PAGE: thumbnail carousel arrows closer + centered */

.m-product .thumbelina-wrapper .thumbelina-but {
  top: 0 !important;
  height: 60px !important;
  width: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Ryk pilene tættere på miniaturerne */
.m-product .thumbelina-wrapper .thumbelina-but.left {
  left: -22px !important;
}

.m-product .thumbelina-wrapper .thumbelina-but.right {
  right: -22px !important;
}

/* Selve pilen 100% centreret i knapområdet */
.m-product .thumbelina-wrapper .thumbelina-but::after {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  margin: 0 !important;
  transform-origin: center center !important;
}

/* Venstre pil */
.m-product .thumbelina-wrapper .thumbelina-but.left::after {
  transform: translate(-50%, -50%) rotate(-135deg) !important;
}

/* Højre pil */
.m-product .thumbelina-wrapper .thumbelina-but.right::after {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

/* PRODUCT PAGE: producent / brand as small button */

.m-product .m-product-brand,
.m-product .m-product-manufacturer,
.m-product .m-product-producer,
.m-product .m-product-vendor {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 0 14px !important;
}

/* Hvis producenten er et link */
.m-product .m-product-brand a,
.m-product .m-product-manufacturer a,
.m-product .m-product-producer a,
.m-product .m-product-vendor a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Hvis producenten bare er tekst/span */
.m-product .m-product-brand span,
.m-product .m-product-manufacturer span,
.m-product .m-product-producer span,
.m-product .m-product-vendor span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* Hover hvis det er klikbart */
.m-product .m-product-brand a:hover,
.m-product .m-product-manufacturer a:hover,
.m-product .m-product-producer a:hover,
.m-product .m-product-vendor a:hover {
  background: #dff1ee !important;
  color: #007f6b !important;
}

/* PRODUCT PAGE: producent / brand button remove weird hover overlay */

.m-product .m-product-brand a,
.m-product .m-product-manufacturer a,
.m-product .m-product-producer a,
.m-product .m-product-vendor a {
  position: relative !important;
  overflow: hidden !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}

/* Fjern temaets mærkelige hover-layer */
.m-product .m-product-brand a::before,
.m-product .m-product-brand a::after,
.m-product .m-product-manufacturer a::before,
.m-product .m-product-manufacturer a::after,
.m-product .m-product-producer a::before,
.m-product .m-product-producer a::after,
.m-product .m-product-vendor a::before,
.m-product .m-product-vendor a::after {
  content: none !important;
  display: none !important;
}

/* Ny clean hover */
.m-product .m-product-brand a:hover,
.m-product .m-product-manufacturer a:hover,
.m-product .m-product-producer a:hover,
.m-product .m-product-vendor a:hover {
  background: #009e83 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* PRODUCT PAGE: producent / brand button fix double-pill hover */

.m-product .m-product-brand a span,
.m-product .m-product-manufacturer a span,
.m-product .m-product-producer a span,
.m-product .m-product-vendor a span {
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline !important;
}

/* Sørg for at selve linket er den eneste pill */
.m-product .m-product-brand a,
.m-product .m-product-manufacturer a,
.m-product .m-product-producer a,
.m-product .m-product-vendor a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

/* Clean hover */
.m-product .m-product-brand a:hover,
.m-product .m-product-manufacturer a:hover,
.m-product .m-product-producer a:hover,
.m-product .m-product-vendor a:hover {
  background: #009e83 !important;
  color: #ffffff !important;
}

/* PRODUCT PAGE: hide thumbnail arrows when there are not enough images for carousel */

.m-product .thumbelina-wrapper.kelax-hide-thumb-arrows .thumbelina-but {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* PRODUCT PAGE ONLY: disable sticky category sidebar */

body:has(.m-product-additional-info) aside.column:has(.b-productcategories),
body:has(.m-product-additional-info) aside.column:has(.b-productcategories) .b-productcategories,
body:has(.m-product-additional-info) aside.column:has(.b-productcategories) .column-box {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  align-self: auto !important;
}

/* PRODUCT PAGE: Related products carousel - clean frontpage-like version */

.products-related {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
  position: relative !important;
}

.products-related .products-related-headline {
  display: block !important;
  text-align: center !important;
  margin: 0 0 28px !important;
  color: #111 !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

/* Selve karusellen */
.products-related .kelax-related-slider {
  position: relative !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.products-related .kelax-related-slider .slick-list {
  overflow: hidden !important;
  padding: 8px 0 22px !important;
}

.products-related .kelax-related-slider .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.products-related .kelax-related-slider .slick-slide {
  height: auto !important;
}

/* VIGTIGT: Lad Slick styre bredden */
.products-related .kelax-related-slider .productItem {
  float: none !important;
  max-width: none !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.products-related .kelax-related-slider .productItem > .type-col,
.products-related .kelax-related-slider .productContent,
.products-related .kelax-related-slider .m-productlist-item,
.products-related .kelax-related-slider form {
  height: 100% !important;
}

/* Produktkort */
.products-related .kelax-related-slider .m-productlist-item {
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 10px 24px rgb(0 0 0 / 7%) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Fjern focus/outline fra links */
.products-related .kelax-related-slider a,
.products-related .kelax-related-slider a:focus,
.products-related .kelax-related-slider a:active,
.products-related .kelax-related-slider h4,
.products-related .kelax-related-slider h4:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Billedområde */
.products-related .kelax-related-slider .m-productlist-figure {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.products-related .kelax-related-slider .placeholder-wrapper {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Tekst */
.products-related .kelax-related-slider .product-description {
  padding: 12px 14px 0 !important;
  height: auto !important;
}

.products-related .kelax-related-slider .m-productlist-heading {
  height: auto !important;
}

.products-related .kelax-related-slider .m-productlist-title {
  color: #009e83 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

.products-related .kelax-related-slider .m-productlist-brand {
  color: #999 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.products-related .kelax-related-slider .m-productlist-itemNumber {
  color: #777 !important;
  font-size: 12px !important;
  margin: 4px 0 0 !important;
}

/* Pris */
.products-related .kelax-related-slider .m-productlist-transactions {
  height: auto !important;
  margin-top: auto !important;
  padding: 10px 14px 18px !important;
}

.products-related .kelax-related-slider .m-productlist-price {
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.products-related .kelax-related-slider .m-productlist-price-before-discount {
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.products-related .kelax-related-slider .m-productlist-vat {
  color: #777 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

/* Pile som forsiden-ish */
.products-related .kelax-related-arrow {
  position: absolute !important;
  top: 43% !important;
  z-index: 5 !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #007f6b !important;
  cursor: pointer !important;
  font-size: 0 !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 12%) !important;
  transition: background-color .18s ease !important;
}

.products-related .kelax-related-arrow:hover {
  background: #009e83 !important;
}

.products-related .kelax-related-prev {
  left: -17px !important;
}

.products-related .kelax-related-next {
  right: -17px !important;
}

.products-related .kelax-related-arrow::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  box-sizing: border-box !important;
}

.products-related .kelax-related-prev::after {
  transform: translate(-35%, -50%) rotate(-135deg) !important;
}

.products-related .kelax-related-next::after {
  transform: translate(-65%, -50%) rotate(45deg) !important;
}

@media (max-width: 767px) {
  .products-related .products-related-headline {
    font-size: 24px !important;
  }

  .products-related .kelax-related-prev {
    left: -8px !important;
  }

  .products-related .kelax-related-next {
    right: -8px !important;
  }
}

/* PRODUCT PAGE: Related products softer frontpage-like shadow */

.products-related .kelax-related-slider .m-productlist-item {
  box-shadow: 0 4px 14px rgb(0 0 0 / 4%) !important;
}

.products-related .kelax-related-slider .m-productlist-item:hover {
  box-shadow: 0 6px 18px rgb(0 0 0 / 6%) !important;
  transform: none !important;
}

/* PRODUCT PAGE: Related products title + line + softer top shadow */

/* Fjern linjen/stregen omkring overskriften */
.products-related .page-title,
.products-related .page-title.products-related {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.products-related .page-title::before,
.products-related .page-title::after,
.products-related::before,
.products-related::after {
  content: none !important;
  display: none !important;
}

/* Overskrift 1:1 tættere på forsiden */
.products-related .products-related-headline {
  display: block !important;
  text-align: center !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111 !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

/* Lidt mere shadow i toppen, men stadig diskret */
.products-related .kelax-related-slider .m-productlist-item {
  box-shadow: 0 2px 8px rgb(0 0 0 / 3%), 0 7px 18px rgb(0 0 0 / 4%) !important;
}

.products-related .kelax-related-slider .m-productlist-item:hover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 4%), 0 9px 22px rgb(0 0 0 / 5%) !important;
  transform: none !important;
}

/* PRODUCT PAGE: Related products - force heading/carousel spacing */

.products-related .page-title.products-related,
.products-related .page-title {
  margin: 0 !important;
  padding: 0 !important;
}

.products-related .products-related-headline {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.products-related .products-related-list {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.products-related .kelax-related-slider {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.products-related .kelax-related-slider .slick-list {
  padding-top: 6px !important;
}

/* PRODUCT PAGE MOBILE: Tilkøb layout cleanup */

@media (max-width: 767px) {
  /* Gør hvert tilkøbskort klar til lagerstatus i hjørnet */
  .m-product.m-product-additional-info .m-product-extrabuy-list-item {
    position: relative !important;
    padding-top: 18px !important;
  }

  /* Lagerstatus op i højre hjørne */
  .m-product.m-product-additional-info .m-product-extrabuy-info {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-instock-message {
    white-space: nowrap !important;
    margin: 0 !important;
  }

  /* Giv tekstområdet lidt luft, så det ikke rammer lagerstatus */
  .m-product.m-product-additional-info .m-product-extrabuy-heading,
  .m-product.m-product-additional-info .m-product-extrabuy-data {
    padding-right: 86px !important;
  }

  /* Transaction-området på mobil */
  .m-product.m-product-additional-info .m-product-extrabuy-transaction {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 14px !important;
  }

  /* Stk-felt og knap ved siden af hinanden */
  .m-product.m-product-additional-info .m-product-extrabuy-amount {
    flex: 0 0 118px !important;
    width: 118px !important;
    margin: 0 !important;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-amount .input-group {
    width: 118px !important;
    height: 44px !important;
  }

  .m-product.m-product-additional-info .m-product-extrabuy-button,
  .m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  /* Produkter med kun "Vis produkt" skal stadig fylde hele bredden */
  .m-product.m-product-additional-info .m-product-extrabuy-transaction .m-product-extrabuy-link:only-child {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}

/* PRODUCT PAGE MOBILE: hide stock status in Tilkøb */

@media (max-width: 767px) {
  .m-product.m-product-additional-info .m-product-extrabuy-info,
  .m-product.m-product-additional-info .m-product-extrabuy-instock-message {
    display: none !important;
  }
}

/* HEADER: Quick cart dropdown redesign */

.m-quick-cart .w-cart-list {
  width: 360px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgb(0 0 0 / 14%) !important;
  overflow: hidden !important;
  right: 0 !important;
  margin-top: 10px !important;
}

/* Header */
.m-quick-cart .w-cart-header {
  background: #f7f7f7 !important;
  border: 0 !important;
  padding: 16px 18px !important;
  margin: 0 !important;
}

.m-quick-cart .w-cart-header .h5,
.m-quick-cart .w-cart-header span.h5 {
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

/* Product list */
.m-quick-cart .w-cart-list ul.t-striped {
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #fff !important;
  border: 0 !important;
}

.m-quick-cart .w-cart-product {
  list-style: none !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
}

.m-quick-cart .w-cart-product:last-child {
  margin-bottom: 0 !important;
}

/* Product image */
.m-quick-cart .w-cart-product .media-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.m-quick-cart .w-cart-product .media-image {
  width: 52px !important;
  max-width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.m-quick-cart .w-cart-product .media-image img {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
}

/* Product text */
.m-quick-cart .w-cart-product .media-body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.m-quick-cart .w-product-title a {
  color: #111 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.m-quick-cart .w-product-title a:hover {
  color: #009e83 !important;
}

/* Price line */
.m-quick-cart .w-cart-product-price {
  margin-top: 5px !important;
  color: #111 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.m-quick-cart .w-cart-product-amount,
.m-quick-cart .w-cart-product-x,
.m-quick-cart .w-cart-product-total-price {
  font-size: 13px !important;
  font-weight: 900 !important;
}

.m-quick-cart .w-cart-product-price-before-discount {
  display: inline-block !important;
  margin: 0 4px !important;
  color: #888 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Totals area */
.m-quick-cart .aprox-proces {
  background: #f7f7f7 !important;
  border: 0 !important;
  padding: 14px 18px !important;
  margin: 0 !important;
}

.m-quick-cart .quick-cart-expanded-total {
  font-size: 13px !important;
  color: #555 !important;
}

.m-quick-cart .w-cart-line {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 7px !important;
}

.m-quick-cart .w-cart-line:last-child {
  margin-bottom: 0 !important;
}

.m-quick-cart .w-cart-line > div {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

.m-quick-cart .w-cart-total-price-line {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e6e6e6 !important;
  color: #111 !important;
  font-size: 14px !important;
}

/* Payment icons */
.m-quick-cart .w-cart-payment-icons {
  padding: 12px 18px !important;
  margin: 0 !important;
  border: 0 !important;
  background: #fff !important;
}

.m-quick-cart .payment-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}

.m-quick-cart .payment-icons .placeholder-wrapper {
  margin: 0 !important;
}

/* Footer button */
.m-quick-cart .w-cart-goto-cart {
  padding: 0 18px 18px !important;
  margin: 0 !important;
  background: #fff !important;
  border: 0 !important;
}

.m-quick-cart .w-cart-goto-cart .button-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .18s ease !important;
}

.m-quick-cart .w-cart-goto-cart .button-primary:hover {
  background: #00ad90 !important;
  color: #fff !important;
}

/* Mobile/small screens: avoid huge dropdown overflow */
@media (max-width: 767px) {
  .m-quick-cart .w-cart-list {
    width: 320px !important;
    right: -12px !important;
  }
}

/* HEADER: Quick cart - prevent products from being cut off */

.m-quick-cart .w-cart-list {
  overflow: visible !important;
}

.m-quick-cart .dropdown-container.quick-card {
  overflow: visible !important;
}

.m-quick-cart .w-cart-list ul.t-striped {
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: 12px !important;
}

.m-quick-cart .w-cart-product {
  min-height: 70px !important;
}

.m-quick-cart .w-cart-product .media-item {
  min-height: 58px !important;
}

/* HEADER: Quick cart - hide useless "Se mere" button */

.m-quick-cart .w-cart-list button,
.m-quick-cart .w-cart-list .button,
.m-quick-cart .w-cart-list .btn,
.m-quick-cart .w-cart-list [class*="more"],
.m-quick-cart .w-cart-list [class*="More"] {
  display: none !important;
}

/* MOMSVISNING: dropdown-boks uden afrundede kanter */

#vatchanger {
  position: relative !important;
}

#vatchanger .vat_label {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateY(8px) !important;

  min-width: 180px !important;
  padding: 14px 18px !important;

  background: #ffffff !important;
  color: #1f1f1f !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;

  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 9999 !important;

  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
}

#vatchanger:hover .vat_label,
#vatchanger:focus-within .vat_label {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* Fjern evt. gammel tooltip-pil */
#vatchanger .vat_label::before,
#vatchanger .vat_label::after {
  content: none !important;
  display: none !important;
}

/* Mobil: skjul hover-boksen */
@media (max-width: 991px) {
  #vatchanger .vat_label {
    display: none !important;
  }
}

/* MOMSVISNING: den hvide popup-boks skal være helt firkantet */

.right-nav #vatchanger > .vat_label {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  overflow: visible !important;
}

/* HEADER: Login popup redesign */

.right-nav .login-overlay-box {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: 360px !important;
  z-index: 9999 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.right-nav .login-overlay-container {
  position: relative !important;
  width: 100% !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 34px rgb(0 0 0 / 14%) !important;
  overflow: hidden !important;
}

/* Fjern gammel pil/top-trekant */
.right-nav .login-overlay-container .angle {
  display: none !important;
}

/* Luk-knap */
.right-nav .btnCloseLogin {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 26px !important;
  height: 26px !important;
  z-index: 5 !important;
  cursor: pointer !important;
  opacity: .65 !important;
  transition: opacity .18s ease !important;
}

.right-nav .btnCloseLogin:hover {
  opacity: 1 !important;
}

.right-nav .btnCloseLogin svg {
  width: 18px !important;
  height: 18px !important;
  fill: #111 !important;
}

/* Selve panel */
.right-nav .login-overlay-box .panel-border,
.right-nav .login-overlay-box .w-login {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  margin: 0 !important;
}

/* Header */
.right-nav .login-overlay-box .w-login-form-header {
  background: #f7f7f7 !important;
  border: 0 !important;
  padding: 18px 20px !important;
  margin: 0 !important;
}

.right-nav .login-overlay-box .w-login-form-headline,
.right-nav .login-overlay-box .w-login-form-header .h5 {
  color: #111 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

/* Body */
.right-nav .login-overlay-box .panel-body {
  padding: 20px !important;
  margin: 0 !important;
  background: #fff !important;
}

/* Input felter */
.right-nav .login-overlay-box .form-group {
  margin-bottom: 16px !important;
}

.right-nav .login-overlay-box .form-label {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  margin-bottom: 7px !important;
}

.right-nav .login-overlay-box .form-input {
  width: 100% !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.right-nav .login-overlay-box .form-input:focus {
  background: #f1f7f6 !important;
  box-shadow: inset 0 -2px 0 #009e83 !important;
}

/* Husk log ind */
.right-nav .login-overlay-box .w-userlogin-remember {
  margin: 2px 0 18px !important;
}

.right-nav .login-overlay-box .container--checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.right-nav .login-overlay-box .checkmark--checkbox {
  width: 22px !important;
  height: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f4f4f4 !important;
  box-shadow: none !important;
}

/* Opret bruger + login-knap */
.right-nav .login-overlay-box .w-links-usercreate,
.right-nav .login-overlay-box .trailing-trip {
  padding: 0 !important;
}

.right-nav .login-overlay-box .b-links-usercreate {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.right-nav .login-overlay-box .form-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
  transition: background-color .18s ease !important;
}

.right-nav .login-overlay-box .form-submit:hover {
  background: #00ad90 !important;
}

/* Links nederst */
.right-nav .login-overlay-box .w-login-links {
  margin: 18px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #e6e6e6 !important;
  text-align: center !important;
}

.right-nav .login-overlay-box .w-login-links li {
  margin: 4px 0 !important;
}

.right-nav .login-overlay-box .w-login-links a {
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.right-nav .login-overlay-box .w-login-links a:hover {
  color: #009e83 !important;
}

/* Mobil/smal browser */
@media (max-width: 767px) {
  .right-nav .login-overlay-box {
    width: 320px !important;
    right: -64px !important;
  }
}

/* HEADER: Login popup - small fixes only */

/* Log ind-overskrift samme størrelse som Indkøbskurv */
.right-nav .login-overlay-box .w-login-form-headline,
.right-nav .login-overlay-box .w-login-form-header .h5 {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  color: #111 !important;
}

/* Kun de to tekstfelter - IKKE checkbox */
.right-nav .login-overlay-box input.m-login-username,
.right-nav .login-overlay-box input.m-login-password {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border-radius: 5px !important;
  line-height: 46px !important;
  background: #f4f4f4 !important;
}

/* Label/tekst i de to tekstfelter lodret centreret */
.right-nav .login-overlay-box .w-userlogin-username .login-animate-txt,
.right-nav .login-overlay-box .w-userlogin-password .login-animate-txt {
  top: 50% !important;
  transform: translateY(-50%) !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Log ind-knappen med samme afrunding som kurv-knappen */
.right-nav .login-overlay-box .form-submit {
  border-radius: 5px !important;
}

/* CART PAGE: redesign main cart layout */

.m-cart {
  margin-top: 22px !important;
}

/* Header */
.m-cart .m-cart-header.page-title {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
}

.m-cart .m-cart-headline {
  font-size: 42px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  color: #111 !important;
  margin: 0 !important;
}

/* Top checkout button */
.m-cart .m-cart-header .button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.m-cart .m-cart-header .button-primary:hover {
  background: #00ad90 !important;
}

/* Remove old outer panel styling */
.m-cart .m-cart-content .panel,
.m-cart .m-cart-content .panel-border {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Column heading row */
.m-cart .m-cart-content .panel-heading {
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  margin-bottom: 12px !important;
  padding: 14px 18px !important;
}

.m-cart .m-cart-headline-container span,
.m-cart .m-cart-headline-container .h6 {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

/* Product list */
.m-cart .m-cart-list {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Each cart product as card */
.m-cart .m-cart-row {
  list-style: none !important;
  margin: 0 0 14px !important;
  padding: 18px !important;
  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
}

.m-cart .m-cart-row article.row {
  display: flex !important;
  align-items: center !important;
}

/* Product image */
.m-cart .m-cart-product-title-container figure {
  margin: 0 !important;
}

.m-cart .m-cart-product-title-container .placeholder-wrapper {
  width: 78px !important;
  max-width: 78px !important;
  height: 78px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

.m-cart .m-cart-product-title-container img {
  width: 78px !important;
  height: 78px !important;
  object-fit: contain !important;
}

/* Product title */
.m-cart p.m-cart-product-title {
  margin: 0 0 6px !important;
}

.m-cart span.m-cart-product-title,
.m-cart .m-cart-variant-title {
  color: #009e83 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.m-cart .m-cart-product-number {
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Stock status as pill */
.m-cart .m-cart-product-delivery-time {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Prices */
.m-cart .m-cart-product-priceBeforeDiscount {
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 0 3px !important;
}

.m-cart .m-cart-product-price {
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.m-cart .m-cart-product-price-with-vat {
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  margin: 3px 0 0 !important;
}

/* Quantity field */
.m-cart .m-cart-row .input-group.small {
  width: 118px !important;
  height: 40px !important;
  display: flex !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  overflow: hidden !important;
}

.m-cart .m-cart-row .input-group-main {
  width: 70px !important;
  height: 40px !important;
  border: 0 !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  padding-left: 14px !important;
  text-align: left !important;
  box-shadow: none !important;
}

.m-cart .m-cart-row .input-group-addon {
  width: 48px !important;
  height: 40px !important;
  border: 0 !important;
  background: #f4f4f4 !important;
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Plus/minus buttons */
.m-cart .m-cart-row .button-group.small {
  display: flex !important;
  gap: 6px !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
}

.m-cart .m-cart-row .button-group.small li {
  list-style: none !important;
  margin: 0 !important;
}

.m-cart .m-cart-row .button-group.small .button {
  width: 32px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.m-cart .m-cart-row .button-group.small .button:hover {
  background: #eaf6f4 !important;
  color: #009e83 !important;
}

/* Delete link */
.m-cart .button-text[title="Slet"] {
  color: #009e83 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  margin-top: 8px !important;
  display: inline-block !important;
}

.m-cart .button-text[title="Slet"]:hover {
  color: #007f6b !important;
}

/* Utilities buttons */
.m-cart .cart-utility-actions .button {
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.m-cart .cart-utility-actions .button:hover {
  background: #eaf6f4 !important;
  color: #009e83 !important;
}

/* Totals box */
.m-cart .m-cart-delivery-info-container .table {
  width: 100% !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: hidden !important;
}

.m-cart .m-cart-delivery-info-container .table td {
  border: 0 !important;
  padding: 10px 16px !important;
  color: #555 !important;
  font-size: 14px !important;
}

.m-cart .m-cart-delivery-info-container .table tfoot .m-cart-total-line td {
  border-top: 1px solid #e6e6e6 !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  padding-top: 14px !important;
}

/* Payment icons in total box */
.m-cart .m-cart-delivery-info-container .payment-icons {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

/* Coupon area */
.m-cart-coupon-row {
  margin-top: 24px !important;
}

.m-cart-coupon-row .m-cart-coupon-input-text {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.m-cart-coupon-row .m-cart-coupon-input-text span {
  color: #777 !important;
  font-weight: 600 !important;
}

.m-cart-coupon-row .input-group.small {
  display: flex !important;
  height: 42px !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: #f4f4f4 !important;
}

.m-cart-coupon-row .form-input {
  height: 42px !important;
  border: 0 !important;
  background: #f4f4f4 !important;
  padding: 0 12px !important;
  box-shadow: none !important;
}

.m-cart-coupon-row .input-group-button .button {
  height: 42px !important;
  border: 0 !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-weight: 900 !important;
}

.m-cart-coupon-row .input-group-button .button:hover {
  background: #dff1ee !important;
}

/* Bottom checkout buttons */
.m-cart-coupon-row .button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.m-cart-coupon-row .button-primary:hover {
  background: #00ad90 !important;
}

.m-cart-coupon-row .button:not(.button-primary) {
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #555 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* CART PAGE: small correction pass */

/* Opdater kurv / Tøm kurv / Køb mere */
.m-cart .cart-utility-actions .button,
.m-cart-coupon-row .button:not(.button-primary) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  padding: 0 14px !important;
  gap: 9px !important;
}

/* Ikon-delen på grå knapper */
.m-cart .cart-utility-actions .button i,
.m-cart-coupon-row .button:not(.button-primary) i {
  width: 38px !important;
  height: 38px !important;
  margin: 0 10px 0 -14px !important;
  background: #d8d8d8 !important;
  color: #666 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 5px 0 0 5px !important;
  line-height: 1 !important;
}

/* Ret FontAwesome centering */
.m-cart .cart-utility-actions .button i::before,
.m-cart-coupon-row .button:not(.button-primary) i::before {
  display: block !important;
  line-height: 1 !important;
}

/* Til bestilling: fjern vogn-ikon og lav pil som Læg i kurv */
.m-cart .button-primary.button-icon,
.m-cart-coupon-row .button-primary.button-icon {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 48px 0 24px !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

/* Fjern vogn-ikonet */
.m-cart .button-primary.button-icon i,
.m-cart-coupon-row .button-primary.button-icon i {
  display: none !important;
}

/* Pil for enden */
.m-cart .button-primary.button-icon::after,
.m-cart-coupon-row .button-primary.button-icon::after {
  content: "" !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.m-cart .button-primary.button-icon:hover,
.m-cart-coupon-row .button-primary.button-icon:hover {
  background: #00ad90 !important;
}

/* Kolonneoverskrifter: bedre alignment */
.m-cart .m-cart-content .panel-heading {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.m-cart .m-cart-headline-product-container {
  text-align: left !important;
}

.m-cart .m-cart-headline-note-container,
.m-cart .m-cart-headline-price-container,
.m-cart .m-cart-headline-amount-container {
  text-align: left !important;
}

.m-cart .m-cart-headline-total-container {
  text-align: right !important;
}

/* Finjuster selve kolonneoverskrifterne */
.m-cart .m-cart-headline-note-container {
  padding-left: 8px !important;
}

.m-cart .m-cart-headline-price-container {
  padding-left: 4px !important;
}

.m-cart .m-cart-headline-amount-container {
  padding-left: 8px !important;
}

.m-cart .m-cart-headline-total-container {
  padding-right: 8px !important;
}

/* Plus/minus skal flugte med stk-feltet */
.m-cart .m-cart-row .button-group.small {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 118px !important;
}

/* Plus/minus knappernes placering og spacing */
.m-cart .m-cart-row .button-group.small li:first-child {
  margin-left: 0 !important;
}

.m-cart .m-cart-row .button-group.small .button {
  margin: 0 !important;
}

/* Antal-kolonnen skal ikke centrere indholdet */
.m-cart .m-cart-row fieldset.form-group {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* CART PAGE: fix bottom grey buttons only */

/* Fælles layout for Opdater kurv, Tøm kurv og Køb mere */
.m-cart .cart-utility-actions .button,
.m-cart-coupon-row a.button:not(.button-primary) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 132px !important;
  height: 40px !important;
  padding: 0 16px 0 0 !important;

  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #555 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
  overflow: hidden !important;
  gap: 10px !important;
}

/* Sørg for spacing mellem Opdater kurv og Tøm kurv */
.m-cart .cart-utility-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Ikonfeltet i venstre side */
.m-cart .cart-utility-actions .button i,
.m-cart-coupon-row a.button:not(.button-primary) i {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #d8d8d8 !important;
  color: #666 !important;
  border-radius: 5px 0 0 5px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  line-height: 1 !important;
  text-align: center !important;
}

/* FontAwesome ikoner helt centreret */
.m-cart .cart-utility-actions .button i::before,
.m-cart-coupon-row a.button:not(.button-primary) i::before {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Køb mere: fjern den gamle FontAwesome-pil */
.m-cart-coupon-row a.button:not(.button-primary) i.fa-long-arrow-left {
  display: none !important;
}

/* Køb mere skal have sit eget ikonfelt */
.m-cart-coupon-row a.button:not(.button-primary) {
  position: relative !important;
  padding-left: 50px !important;
}

/* Grå ikonboks på Køb mere */
.m-cart-coupon-row a.button:not(.button-primary)::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  width: 40px !important;
  height: 40px !important;

  background: #d8d8d8 !important;
  border-radius: 5px 0 0 5px !important;
}

/* Ny venstrepil på Køb mere */
.m-cart-coupon-row a.button:not(.button-primary)::after {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;

  width: 8px !important;
  height: 8px !important;

  border-left: 2px solid #666 !important;
  border-bottom: 2px solid #666 !important;

  transform: translateY(-50%) rotate(45deg) !important;
}

/* Hover */
.m-cart .cart-utility-actions .button:hover,
.m-cart-coupon-row a.button:not(.button-primary):hover {
  background: #eaf6f4 !important;
  color: #009e83 !important;
}

.m-cart .cart-utility-actions .button:hover i,
.m-cart-coupon-row a.button:not(.button-primary):hover::before {
  background: #dff1ee !important;
  color: #009e83 !important;
}

.m-cart-coupon-row a.button:not(.button-primary):hover::after {
  border-color: #009e83 !important;
}

/* CART PAGE: fix Opdater kurv / Tøm kurv text placement */

.m-cart .cart-utility-actions .button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 150px !important;
  height: 40px !important;
  padding: 0 16px 0 52px !important;

  gap: 0 !important;
  overflow: hidden !important;
}

/* Ikonet skal ligge absolut i venstre ikonfelt */
.m-cart .cart-utility-actions .button i {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;

  width: 40px !important;
  height: 40px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 5px 0 0 5px !important;
}

/* Centrer selve ikon-tegnet */
.m-cart .cart-utility-actions .button i::before {
  display: block !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* CHECKOUT PAGE: safe visual redesign - step 1 */

.m-checkout {
  margin-top: 28px !important;
}

/* De tre checkout-kolonner */
.m-checkout .stepColumn {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Hver checkout-boks */
.m-checkout .step1,
.m-checkout .step2,
.m-checkout .step4,
.m-checkout .step5 {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: hidden !important;
}

/* Fjern gamle panel-kanter */
.m-checkout .panel,
.m-checkout .panel-border {
  border: 0 !important;
  outline: 0 !important;
}

/* Indhold i bokse */
.m-checkout .panel-body {
  padding: 0 !important;
  background: #fff !important;
}

/* Step header */
.m-checkout .stepHeader {
  background: #f4f4f4 !important;
  padding: 18px 20px !important;
  margin: 0 !important;
  border: 0 !important;
}

.m-checkout .stepHeader .title {
  margin: 0 !important;
}

.m-checkout .stepHeader .h5 {
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.m-checkout .stepNumber {
  color: #009e83 !important;
  font-weight: 900 !important;
}

/* Fjern gamle streger i headers */
.m-checkout .stepHeader hr {
  display: none !important;
}

/* Step-indhold */
.m-checkout .stepBox {
  padding: 20px !important;
}

/* Labels */
.m-checkout .form-label {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-bottom: 7px !important;
}

/* Almindelige inputfelter */
.m-checkout input.form-input,
.m-checkout select.form-input,
.m-checkout textarea.form-input {
  width: 100% !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.m-checkout textarea.form-input {
  min-height: 120px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  resize: vertical !important;
}

.m-checkout input.form-input:focus,
.m-checkout select.form-input:focus,
.m-checkout textarea.form-input:focus {
  background: #f1f7f6 !important;
  box-shadow: inset 0 -2px 0 #009e83 !important;
}

/* Input groups, fx +45 telefon */
.m-checkout .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  background: #f4f4f4 !important;
}

.m-checkout .input-group-addon {
  border: 0 !important;
  background: #e8e8e8 !important;
  color: #555 !important;
  min-width: 46px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.m-checkout .input-group-main {
  flex: 1 1 auto !important;
  border: 0 !important;
}

/* Kundetype-knapper */
.m-checkout .m-checkout-customer-type .button-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.m-checkout .m-checkout-customer-type .button-group label {
  border: 0 !important;
  border-radius: 5px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.m-checkout .m-checkout-customer-type .button-group .button-primary {
  background: #009e83 !important;
  color: #fff !important;
}

.m-checkout .m-checkout-customer-type .button-group .button {
  background: #f4f4f4 !important;
  color: #555 !important;
}

/* Log ind-link i adresseboksen */
.m-checkout .stepHeaderLogin .button {
  margin-top: 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #eaf6f4 !important;
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

/* Checkbox/radio linjer - uden at ændre selve input-funktionen */
.m-checkout .newsletterContainer .input-group,
.m-checkout .createUserContainer .input-group,
.m-checkout .deliveryContactInfoContainer .input-group,
.m-checkout .termsAndConditionsContainer .input-group {
  background: transparent !important;
  overflow: visible !important;
  align-items: center !important;
}

.m-checkout .newsletterContainer .input-group-addon,
.m-checkout .createUserContainer .input-group-addon,
.m-checkout .deliveryContactInfoContainer .input-group-addon,
.m-checkout .termsAndConditionsContainer .input-group-addon {
  min-width: 28px !important;
  width: 28px !important;
  min-height: 28px !important;
  background: transparent !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

.m-checkout input[type="checkbox"],
.m-checkout input[type="radio"] {
  accent-color: #009e83 !important;
}

/* CHECKOUT PAGE: correction pass - login, shipping cards, headings, buttons */

/* 1., 2., 3. i overskrifter skal være sorte */
.m-checkout .stepNumber {
  color: #111 !important;
}

/* Log ind knappen i adresseboksen */
.m-checkout .stepHeaderLogin .button,
.m-checkout .stepHeaderLogin .button-default {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 40px !important;
  padding: 0 14px !important;

  border: 0 !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

.m-checkout .stepHeaderLogin .button:hover,
.m-checkout .stepHeaderLogin .button-default:hover {
  background: #00ad90 !important;
  color: #fff !important;
}

/* Skjul parenteserne visuelt omkring Log ind */
.m-checkout .stepHeaderLogin .button {
  font-size: 0 !important;
}

.m-checkout .stepHeaderLogin .button::before {
  content: "Log ind" !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* Fragtområdet: fjern tung grå fornemmelse */
.m-checkout .deliveryMethodGroupProductsHeader {
  margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* Hver forsendelsesmulighed som hvid boks */
.m-checkout .deliveryMethodContainer {
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Selve kortet */
.m-checkout .deliveryMethodSelector .form-group {
  margin: 0 !important;
}

.m-checkout .deliveryMethodSelector .input-group {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;

  min-height: 86px !important;
  padding: 14px 14px 14px 48px !important;

  background: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: visible !important;

  transition: background-color .18s ease, box-shadow .18s ease !important;
}

/* Radiofeltet til venstre */
.m-checkout .deliveryMethodSelector .input-group-addon {
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;

  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;

  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Behold native radio funktion */
.m-checkout .deliveryMethodSelector input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #009e83 !important;
}

/* Tekst i fragtkort */
.m-checkout .deliveryMethodSelector .input-group-main {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.m-checkout .deliveryMethodName {
  display: block !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 3px !important;
}

.m-checkout .deliveryMethodSelector .error_text {
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 5px !important;
}

.m-checkout .deliveryMethodDescription,
.m-checkout .deliveryMethodDescriptionText {
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.m-checkout .deliveryMethodDescription i {
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-top: 4px !important;
}

/* Hover på fragtkort */
.m-checkout .deliveryMethodSelector .input-group:hover {
  background: #f8fbfa !important;
  box-shadow: 0 7px 18px rgb(0 0 0 / 6%) !important;
}

/* Valgt fragtkort - lys grøn */
.m-checkout .deliveryMethodSelector .input-group:has(input[type="radio"]:checked) {
  background: #eaf6f4 !important;
  box-shadow: 0 7px 18px rgb(0 158 131 / 10%) !important;
}

.m-checkout .deliveryMethodSelector .input-group:has(input[type="radio"]:checked) .deliveryMethodName {
  color: #007f6b !important;
}

/* Betalingsmetoder samme rolige kortstil */
.m-checkout .paymentMethodContainer {
  margin: 0 0 12px !important;
  background: transparent !important;
  border: 0 !important;
}

.m-checkout .paymentMethodSelector .form-group {
  margin: 0 !important;
}

.m-checkout .paymentMethodSelector > fieldset,
.m-checkout .paymentMethodSelector .input-group {
  background: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
}

.m-checkout .paymentMethodSelector .input-group {
  position: relative !important;
  padding: 14px 14px 14px 48px !important;
  min-height: 72px !important;
  overflow: visible !important;
}

.m-checkout .paymentMethodSelector .input-group-addon {
  position: absolute !important;
  left: 16px !important;
  top: 18px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  background: transparent !important;
}

.m-checkout .paymentMethodSelector input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #009e83 !important;
}

.m-checkout .paymentMethodTitle {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.m-checkout .paymentMethodDescription {
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
}

.m-checkout .paymentMethodSelector .input-group:has(input[type="radio"]:checked) {
  background: #eaf6f4 !important;
}

/* Tilbage + Godkend og betal */
.m-checkout .conditions .buttonContainer {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 18px !important;
}

.m-checkout .conditions .buttonContainer .button,
.m-checkout .conditions .buttonContainer .button-primary {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;
  padding: 0 18px !important;

  border: 0 !important;
  border-radius: 5px !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Tilbage */
.m-checkout .conditions .buttonContainer .button {
  background: #f4f4f4 !important;
  color: #555 !important;
}

.m-checkout .conditions .buttonContainer .button:hover {
  background: #eaf6f4 !important;
  color: #009e83 !important;
}

/* Godkend og betal */
.m-checkout .conditions .buttonContainer .button-primary {
  flex: 1 1 auto !important;
  background: #009e83 !important;
  color: #fff !important;
  padding-right: 42px !important;
}

.m-checkout .conditions .buttonContainer .button-primary:hover {
  background: #00ad90 !important;
}

/* Pil på Godkend og betal */
.m-checkout .conditions .buttonContainer .button-primary::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

/* CHECKOUT PAGE: GLS droppoint/search redesign */

/* Hele GLS-containeren */
.m-checkout #glsContainer.locationContainer {
  margin-top: 12px !important;
}

/* "Søg på ny adresse"-bjælken */
.m-checkout #glsContainer .DroppointAddressContainer {
  margin: 0 0 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: hidden !important;
}

.m-checkout #glsContainer .DroppointAddressContainer .panel-heading {
  padding: 0 !important;
  border: 0 !important;
  background: #eaf6f4 !important;
}

.m-checkout #glsContainer .DroppointAddressToggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Dropdown-pile i søg på ny adresse */
.m-checkout #glsContainer .DroppointAddressToggle .fa {
  color: #009e83 !important;
  font-size: 12px !important;
}

/* Søgefelt-area */
.m-checkout #glsContainer .DroppointAddressContent {
  background: #fff !important;
}

.m-checkout #glsContainer .DroppointAddressContent .panel-body {
  padding: 14px !important;
  background: #fff !important;
}

.m-checkout #glsContainer .DroppointAddressContent .panel-footer {
  padding: 0 14px 14px !important;
  background: #fff !important;
  border: 0 !important;
}

/* Adresse + postnummer felter */
.m-checkout #glsContainer .DroppointAddressContent .form-group {
  display: grid !important;
  grid-template-columns: 1fr 110px !important;
  gap: 8px !important;
  margin: 0 !important;
}

.m-checkout #glsContainer .DroppointAddressContent .form-input {
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 12px !important;
  box-shadow: none !important;
}

.m-checkout #glsContainer .DroppointAddressContent .form-input:focus {
  background: #f1f7f6 !important;
  box-shadow: inset 0 -2px 0 #009e83 !important;
}

/* Søg-knappen */
.m-checkout #glsContainer .SearchDroppointAddress {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.m-checkout #glsContainer .SearchDroppointAddress:hover {
  background: #00ad90 !important;
}

/* Infotekst: Vælg en GLS pakkeshop... */
.m-checkout #glsContainer .glsTitle .panel,
.m-checkout #glsContainer .glsTitle .panel-warning {
  margin: 0 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.m-checkout #glsContainer .glsTitle .panel-body {
  padding: 0 !important;
  color: #009e83 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Resultatliste */
.m-checkout #glsContainer .targetContainer {
  margin-top: 0 !important;
}

.m-checkout #glsContainer .glsLocationTarget {
  padding: 0 !important;
  margin: 0 !important;
}

/* Hver pakkeshop som hvidt kort */
.m-checkout #glsContainer .glsLocationTarget > li.radio {
  list-style: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.m-checkout #glsContainer .glsLocationTarget fieldset.form-group {
  margin: 0 !important;
}

.m-checkout #glsContainer .glsLocationTarget .input-group {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: 76px !important;
  padding: 13px 14px 13px 46px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: visible !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

/* Radio i pakkeshopkort */
.m-checkout #glsContainer .glsLocationTarget .input-group-addon {
  position: absolute !important;
  left: 16px !important;
  top: 17px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.m-checkout #glsContainer .glsLocationTarget input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #009e83 !important;
}

/* Tekst i pakkeshopkort */
.m-checkout #glsContainer .glsLocationTarget .input-group-main {
  padding: 0 !important;
  background: transparent !important;
}

.m-checkout #glsContainer .droppointTextHeader,
.m-checkout #glsContainer .droppointTextHeader a {
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.m-checkout #glsContainer .droppointTextHeader a:hover {
  color: #007f6b !important;
}

.m-checkout #glsContainer .droppointTextHeader .fa-map-marker {
  color: #009e83 !important;
  font-size: 12px !important;
  margin-left: 3px !important;
}

.m-checkout #glsContainer .droppointTextLine {
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.m-checkout #glsContainer .droppointTextLine i {
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

/* Hover/valgt pakkeshop */
.m-checkout #glsContainer .glsLocationTarget .input-group:hover {
  background: #f8fbfa !important;
  box-shadow: 0 7px 18px rgb(0 0 0 / 6%) !important;
}

.m-checkout #glsContainer .glsLocationTarget .input-group:has(input[type="radio"]:checked) {
  background: #eaf6f4 !important;
  box-shadow: 0 7px 18px rgb(0 158 131 / 10%) !important;
}

/* Mobil/smal visning */
@media (max-width: 767px) {
  .m-checkout #glsContainer .DroppointAddressContent .form-group {
    grid-template-columns: 1fr !important;
  }

  .m-checkout #glsContainer .SearchDroppointAddress {
    width: 100% !important;
  }
}

/* CHECKOUT PAGE: GLS search fields stacked + softer selected shadow */

.m-checkout #glsContainer .DroppointAddressContent .form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
}

.m-checkout #glsContainer .DroppointAddressContent .form-input {
  width: 100% !important;
  max-width: none !important;
}

.m-checkout #glsContainer .DroppointAddressContent .panel-footer {
  padding: 0 14px 14px !important;
}

.m-checkout #glsContainer .DroppointAddressContent .form-action {
  margin: 0 !important;
}

.m-checkout #glsContainer .SearchDroppointAddress {
  width: 100% !important;
  max-width: none !important;
}

/* Mindre voldsom shadow på valgte grønne kort */
.m-checkout .deliveryMethodSelector .input-group:has(input[type="radio"]:checked),
.m-checkout .paymentMethodSelector .input-group:has(input[type="radio"]:checked),
.m-checkout #glsContainer .glsLocationTarget .input-group:has(input[type="radio"]:checked) {
  box-shadow: 0 3px 10px rgb(0 158 131 / 5%) !important;
}

/* CHECKOUT PAGE: message field + payment cleanup + visual order */

/* Ryk betaling visuelt op over ordreoversigt/godkend */
.m-checkout .column3 {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.m-checkout .column3 .step4 {
  order: 1 !important;
}

.m-checkout .column3 .step5 {
  order: 2 !important;
}

/* Fjern ekstra margin hvis step4 tidligere lå i midterkolonnen på nogle breakpoints */
.m-checkout .step4 {
  margin-bottom: 18px !important;
}

/* Feltet "Hvor må pakken stilles?" */
.m-checkout .deliveryMethodNote,
.m-checkout .deliveryMethodMessage,
.m-checkout .messageFieldContainer,
.m-checkout .showOnClick.messageField,
.m-checkout [class*="messageField"] {
  margin-top: 10px !important;
}

/* Den grå boks omkring "Hvor må pakken stilles?" */
.m-checkout .deliveryMethodContainer .showOnClick,
.m-checkout .deliveryMethodContainer .deliveryMethodMessage,
.m-checkout .deliveryMethodContainer .messageFieldContainer,
.m-checkout .deliveryMethodContainer [class*="messageField"] {
  background: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  padding: 14px !important;
}

/* Label */
.m-checkout .deliveryMethodContainer label[for*="message"],
.m-checkout .deliveryMethodContainer .messageField label,
.m-checkout .deliveryMethodContainer [class*="messageField"] .form-label {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-bottom: 8px !important;
}

/* Tekstfeltet */
.m-checkout .deliveryMethodContainer textarea,
.m-checkout .deliveryMethodContainer textarea.form-input,
.m-checkout textarea[name*="message"],
.m-checkout textarea[name*="notice"],
.m-checkout textarea[name*="customerNotice"] {
  width: 100% !important;
  min-height: 120px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 14px !important;
  box-shadow: none !important;
  outline: 0 !important;
  resize: vertical !important;
}

.m-checkout .deliveryMethodContainer textarea:focus,
.m-checkout textarea[name*="customerNotice"]:focus {
  background: #f1f7f6 !important;
  box-shadow: inset 0 -2px 0 #009e83 !important;
}

/* Betalingssektion generelt */
.m-checkout .paymentMethodContainerMain {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Hovedbetalingskort */
.m-checkout .paymentMethodContainer {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Vælg betalingsmetode-kort */
.m-checkout .paymentMethodSelector .input-group {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: 76px !important;
  padding: 16px 16px 16px 50px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 5%) !important;
  overflow: visible !important;
}

/* Radio placering */
.m-checkout .paymentMethodSelector .input-group-addon {
  position: absolute !important;
  left: 18px !important;
  top: 19px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Tekstfelt inde i betalingskort */
.m-checkout .paymentMethodSelector .input-group-main {
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Betalingstitel */
.m-checkout .paymentMethodTitle,
.m-checkout .paymentMethodTitle .l-payment-method-title-text {
  display: block !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 5px !important;
}

/* Betalingsbeskrivelse */
.m-checkout .paymentMethodDescription {
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* Valgt betalingskort */
.m-checkout .paymentMethodSelector .input-group:has(input[type="radio"]:checked) {
  background: #eaf6f4 !important;
  box-shadow: 0 3px 10px rgb(0 158 131 / 5%) !important;
}

/* Online betalingsvalg under kreditkort */
.m-checkout .paymentMethodOnlineContainerMain {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.m-checkout .paymentMethodOnlineContainerMain ul {
  padding: 0 !important;
  margin: 0 !important;
}

.m-checkout .paymentMethodOnlineContainerMain li {
  list-style: none !important;
  margin: 0 0 10px !important;
}

/* Dankort/MobilePay underkort */
.m-checkout .paymentMethodOnlineContainerMain .input-group {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: 64px !important;
  padding: 13px 13px 13px 46px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgb(0 0 0 / 4%) !important;
  overflow: visible !important;
}

/* Online radio */
.m-checkout .paymentMethodOnlineContainerMain .input-group-addon {
  position: absolute !important;
  left: 16px !important;
  top: 17px !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Online betalingsnavn */
.m-checkout .paymentMethodOnlineName {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}

/* Betalingsikoner */
.m-checkout .paymentMethodOnlineIcons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  margin-top: 6px !important;
}

.m-checkout .paymentMethodOnlineIcons img {
  max-height: 22px !important;
  width: auto !important;
}

/* Valgt online betalingskort */
.m-checkout .paymentMethodOnlineContainerMain .input-group:has(input[type="radio"]:checked) {
  background: #eaf6f4 !important;
  box-shadow: 0 3px 10px rgb(0 158 131 / 5%) !important;
}

/* Lidt mindre voldsom grøn selected-state generelt */
.m-checkout .deliveryMethodSelector .input-group:has(input[type="radio"]:checked),
.m-checkout #glsContainer .glsLocationTarget .input-group:has(input[type="radio"]:checked),
.m-checkout .paymentMethodSelector .input-group:has(input[type="radio"]:checked),
.m-checkout .paymentMethodOnlineContainerMain .input-group:has(input[type="radio"]:checked) {
  box-shadow: 0 3px 10px rgb(0 158 131 / 5%) !important;
}

/* CHECKOUT PAGE: online payment sub-options should not get green selected background */

.m-checkout .paymentMethodOnlineContainerMain .input-group,
.m-checkout .paymentMethodOnlineContainerMain .input-group:hover,
.m-checkout .paymentMethodOnlineContainerMain .input-group:has(input[type="radio"]:checked) {
  background: #fff !important;
  box-shadow: 0 4px 12px rgb(0 0 0 / 4%) !important;
}

/* Behold kun grøn markering i selve radio-dutten */
.m-checkout .paymentMethodOnlineContainerMain input[type="radio"] {
  accent-color: #009e83 !important;
}

/* CHECKOUT PAGE: spacing when payment is moved above order summary */

.m-checkout .column3 {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.m-checkout .column3 .step4,
.m-checkout .column3 .step5 {
  width: 100% !important;
  margin: 0 !important;
}

/* CHECKOUT PAGE: fix "Hvor må pakken stilles?" box */

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] {
  margin-top: 12px !important;
  background: transparent !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] > .panel,
.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] .panel-default {
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 4%) !important;
  overflow: hidden !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] .panel-heading {
  border: 0 !important;
  background: #fff !important;
  padding: 14px !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] .m-checkout-deliverymessage {
  margin: 0 !important;
  background: transparent !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] .form-label {
  display: block !important;
  margin: 0 0 8px !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] textarea.form-input {
  width: 100% !important;
  min-height: 110px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 14px !important;
  box-shadow: none !important;
  outline: 0 !important;
  resize: vertical !important;
}

.m-checkout .deliveryMethodNote[data-js="customernoticedelivery"] textarea.form-input:focus {
  background: #f1f7f6 !important;
  box-shadow: inset 0 -2px 0 #009e83 !important;
}

/* CHECKOUT PAGE: order summary product lines - cleaner horizontal layout */

.m-checkout .orderSummary #orderLines .modules.m-cart,
.m-checkout .orderSummary #orderLines .panel,
.m-checkout .orderSummary #orderLines .panel-border {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.m-checkout .orderSummary #orderLines ul {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Hver produktlinje */
.m-checkout .orderSummary .orderLine {
  list-style: none !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgb(0 0 0 / 4%) !important;
}

/* Fjern temaets skiftevis grå baggrund */
.m-checkout .orderSummary .orderLine:nth-child(odd),
.m-checkout .orderSummary .orderLine:nth-child(even) {
  background: #fff !important;
}

/* Ydre række: antal | resten */
.m-checkout .orderSummary .orderLineTitle > .row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

.m-checkout .orderSummary .orderLineTitle > .row > div {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

/* Antal */
.m-checkout .orderSummary .orderLineTitle > .row > div:first-child {
  flex: 0 0 46px !important;
  min-width: 46px !important;
}

.m-checkout .orderSummary .orderLineTitle > .row > div:first-child strong {
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Resten af linjen */
.m-checkout .orderSummary .orderLineTitle > .row > div:nth-child(2) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Indre række: navn | pris */
.m-checkout .orderSummary .orderLineTitle > .row > div:nth-child(2) > .row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
}

.m-checkout .orderSummary .orderLineTitle > .row > div:nth-child(2) > .row > div {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
}

/* Produktnavn */
.m-checkout .orderSummary .orderLineTitle > .row > div:nth-child(2) > .row > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.m-checkout .orderSummary .orderLine .title,
.m-checkout .orderSummary .orderLine a {
  color: #009e83 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.m-checkout .orderSummary .orderLine a:hover .title {
  color: #007f6b !important;
}

/* Pris */
.m-checkout .orderSummary .orderLineTitle > .row > div:nth-child(2) > .row > div:last-child {
  flex: 0 0 92px !important;
  min-width: 92px !important;
  text-align: right !important;
}

.m-checkout .orderSummary .orderLine .cart-total-value {
  float: none !important;
  display: block !important;
  text-align: right !important;
}

.m-checkout .orderSummary .orderLine .cart-total-value strong,
.m-checkout .orderSummary .orderLine .cart-total-value .h6 {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.m-checkout .orderSummary .orderLine .cart-total-value .reset {
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Lidt luft før total-tabellen */
.m-checkout .orderSummary .table {
  margin-top: 14px !important;
}

/* CHECKOUT PAGE: order summary product cards - slightly clearer all-around shadow */

.m-checkout .orderSummary .orderLine {
  box-shadow:
    0 2px 8px rgb(0 0 0 / 4%),
    0 7px 18px rgb(0 0 0 / 5%) !important;
}

.m-checkout .orderSummary .orderLine:hover {
  box-shadow:
    0 3px 10px rgb(0 0 0 / 5%),
    0 9px 22px rgb(0 0 0 / 6%) !important;
}

/* CHECKOUT PAGE MOBILE: align Back + Confirm buttons */

@media (max-width: 767px) {
  .m-checkout .conditions .buttonContainer {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .m-checkout .conditions .buttonContainer .button,
  .m-checkout .conditions .buttonContainer .button-primary {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
  }

  .m-checkout .conditions .buttonContainer .button-primary {
    padding: 0 42px 0 16px !important;
  }
}

/* =========================================
   OM OS FINAL
   Brug kun denne blok
========================================= */

/* OM OS: hide default DanDomain page title */
.m-text-header.page-title {
  display: none !important;
}

.kelax-about-final {
  max-width: 1180px;
  margin: 0 auto 100px;
  padding: 0 15px;
  box-sizing: border-box;
}

.kelax-about-final,
.kelax-about-final * {
  box-sizing: border-box;
}

/* HERO */

.kelax-about-final .kelax-about-final-hero {
  position: relative;
  overflow: hidden;
  margin: 20px 0 34px;
  padding: clamp(42px, 6vw, 78px) clamp(24px, 5vw, 70px);
  border-radius: 8px;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 35%),
    linear-gradient(135deg, #046e60 0%, #00937a 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgb(0 0 0 / 10%);
}

.kelax-about-final .kelax-about-final-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 13px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.kelax-about-final .kelax-about-final-label-light {
  background: #e8f5f1;
  color: #009e83;
}

.kelax-about-final .kelax-about-final-hero h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -1.5px;
  text-transform: uppercase;
}

.kelax-about-final .kelax-about-final-hero p {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.94);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.6;
}

.kelax-about-final .kelax-about-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

/* BUTTONS */

.kelax-about-final .kelax-about-final-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 46px 0 22px;
  border-radius: 999px;
  border: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.kelax-about-final .kelax-about-final-btn::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

.kelax-about-final .kelax-about-final-btn-primary {
  background: #009e83;
  color: #fff !important;
}

.kelax-about-final .kelax-about-final-btn-primary:hover {
  background: #007f6b;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgb(0 0 0 / 12%);
}

.kelax-about-final .kelax-about-final-btn-secondary {
  background: #fff;
  color: #046e60 !important;
}

.kelax-about-final .kelax-about-final-btn-secondary:hover {
  background: #f3f8f7;
  color: #009e83 !important;
  transform: translateY(-1px);
}

/* USP */

.kelax-about-final .kelax-about-final-usps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin: 34px 0;
}

.kelax-about-final .kelax-about-final-usp {
  min-height: 220px;
  padding: 28px 22px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgb(0 0 0 / 7%);
  transition: transform .18s ease, box-shadow .18s ease;
}

.kelax-about-final .kelax-about-final-usp:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgb(0 0 0 / 10%);
}

.kelax-about-final .kelax-about-final-usp-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: #f3f8f7;
  color: #009e83;
}

.kelax-about-final .kelax-about-final-usp-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

.kelax-about-final .kelax-about-final-usp-icon svg path,
.kelax-about-final .kelax-about-final-usp-icon svg circle,
.kelax-about-final .kelax-about-final-usp-icon svg line,
.kelax-about-final .kelax-about-final-usp-icon svg polyline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kelax-about-final .kelax-about-final-usp h3 {
  margin: 0 0 10px;
  color: #111;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.1;
}

.kelax-about-final .kelax-about-final-usp p {
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.55;
}

/* CONTENT GRID */

.kelax-about-final .kelax-about-final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 28px;
  align-items: stretch;
  margin: 34px 0;
}

.kelax-about-final .kelax-about-final-main {
  padding: clamp(30px, 4vw, 48px);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgb(0 0 0 / 6%);
}

.kelax-about-final .kelax-about-final-side {
  display: flex;
}

.kelax-about-final .kelax-about-final-approach {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4vw, 48px);
  border-radius: 8px;
  background: linear-gradient(135deg, #dff2ec 0%, #effaf6 100%);
  box-shadow: 0 10px 24px rgb(0 0 0 / 5%);
}

.kelax-about-final .kelax-about-final-main h2,
.kelax-about-final .kelax-about-final-approach h3,
.kelax-about-final .kelax-about-final-cta h2 {
  margin: 0;
  color: #111;
  font-family: Gotham, Dubai, sans-serif;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.8px;
}

.kelax-about-final .kelax-about-final-main h2 {
  font-size: clamp(30px, 3.3vw, 46px);
}

.kelax-about-final .kelax-about-final-approach h3 {
  font-size: clamp(28px, 3vw, 40px);
}

.kelax-about-final .kelax-about-final-main p,
.kelax-about-final .kelax-about-final-approach p,
.kelax-about-final .kelax-about-final-cta p {
  margin: 18px 0 0;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}

/* CTA */

.kelax-about-final .kelax-about-final-cta {
  margin: 34px 0 0;
  padding: clamp(34px, 5vw, 56px);
  border-radius: 8px;
  background: #111;
  text-align: center;
  box-shadow: 0 14px 34px rgb(0 0 0 / 10%);
}

.kelax-about-final .kelax-about-final-cta h2 {
  color: #fff;
  font-size: clamp(30px, 3.3vw, 46px);
}

.kelax-about-final .kelax-about-final-cta p {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255,255,255,.76);
}

.kelax-about-final .kelax-about-final-cta .kelax-about-final-btn {
  margin-top: 24px;
}

/* MOBILE */

@media (max-width: 960px) {
  .kelax-about-final .kelax-about-final-usps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kelax-about-final .kelax-about-final-grid {
    grid-template-columns: 1fr;
  }

  .kelax-about-final .kelax-about-final-side {
    display: block;
  }
}

@media (max-width: 580px) {
  .kelax-about-final {
    padding: 0 12px;
    margin-bottom: 90px;
  }

  .kelax-about-final .kelax-about-final-hero {
    padding: 34px 22px;
  }

  .kelax-about-final .kelax-about-final-hero h2 {
    font-size: 34px;
    letter-spacing: -0.8px;
  }

  .kelax-about-final .kelax-about-final-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .kelax-about-final .kelax-about-final-btn {
    width: 100%;
  }

  .kelax-about-final .kelax-about-final-usps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .kelax-about-final .kelax-about-final-usp {
    min-height: 0;
    padding: 22px 18px;
  }

  .kelax-about-final .kelax-about-final-usp h3 {
    font-size: 18px;
  }

  .kelax-about-final .kelax-about-final-main,
  .kelax-about-final .kelax-about-final-approach,
  .kelax-about-final .kelax-about-final-cta {
    padding: 26px 20px;
  }
}

/* =========================================
   ÅBNINGSTIDER PAGE
   Same style as Om os
========================================= */

/* ÅBNINGSTIDER: hide default DanDomain page title */
.m-text-header.page-title {
  display: none !important;
}

.kelax-hours-page {
  max-width: 1180px;
  margin: 0 auto 100px;
  padding: 0 15px;
  box-sizing: border-box;
}

.kelax-hours-page,
.kelax-hours-page * {
  box-sizing: border-box;
}

/* HERO */

.kelax-hours-page .kelax-hours-hero {
  position: relative;
  overflow: hidden;
  margin: 20px 0 34px;
  padding: clamp(42px, 6vw, 78px) clamp(24px, 5vw, 70px);
  border-radius: 8px;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 35%),
    linear-gradient(135deg, #046e60 0%, #00937a 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgb(0 0 0 / 10%);
}

.kelax-hours-page .kelax-hours-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 13px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.kelax-hours-page .kelax-hours-label-light {
  background: #e8f5f1;
  color: #009e83;
}

.kelax-hours-page .kelax-hours-hero h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -1.5px;
  text-transform: uppercase;
}

.kelax-hours-page .kelax-hours-hero p {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.94);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.6;
}

/* HOURS CARDS */

.kelax-hours-page .kelax-hours-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 34px 0;
}

.kelax-hours-page .kelax-hours-card {
  padding: clamp(28px, 4vw, 42px);
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgb(0 0 0 / 7%);
}

.kelax-hours-page .kelax-hours-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: #f3f8f7;
  color: #009e83;
}

.kelax-hours-page .kelax-hours-icon svg {
  width: 26px;
  height: 26px;
  display: block;
}

.kelax-hours-page .kelax-hours-icon svg path,
.kelax-hours-page .kelax-hours-icon svg circle,
.kelax-hours-page .kelax-hours-icon svg line,
.kelax-hours-page .kelax-hours-icon svg polyline {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kelax-hours-page .kelax-hours-card h3 {
  margin: 0 0 18px;
  color: #111;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.1;
}

.kelax-hours-page .kelax-hours-list {
  display: grid;
  gap: 10px;
}

.kelax-hours-page .kelax-hours-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 6px;
  background: #f7f7f7;
}

.kelax-hours-page .kelax-hours-list span {
  color: #555;
  font-size: 14px;
  font-weight: 700;
}

.kelax-hours-page .kelax-hours-list strong {
  color: #009e83;
  font-size: 15px;
  font-weight: 900;
  white-space: nowrap;
}

/* DIRECTIONS */

.kelax-hours-page .kelax-hours-directions {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 28px;
  align-items: stretch;
  margin: 34px 0 0;
}

.kelax-hours-page .kelax-hours-directions-content,
.kelax-hours-page .kelax-hours-address-card {
  border-radius: 8px;
  padding: clamp(30px, 4vw, 48px);
  box-shadow: 0 10px 24px rgb(0 0 0 / 6%);
}

.kelax-hours-page .kelax-hours-directions-content {
  background:
    linear-gradient(135deg, #dff2ec 0%, #effaf6 100%);
}

.kelax-hours-page .kelax-hours-address-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #111;
  color: #fff;
}

.kelax-hours-page .kelax-hours-directions-content h2,
.kelax-hours-page .kelax-hours-address-card h3 {
  margin: 0;
  font-family: Gotham, Dubai, sans-serif;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.8px;
}

.kelax-hours-page .kelax-hours-directions-content h2 {
  color: #111;
  font-size: clamp(30px, 3.3vw, 46px);
}

.kelax-hours-page .kelax-hours-address-card h3 {
  color: #fff;
  font-size: clamp(28px, 3vw, 40px);
}

.kelax-hours-page .kelax-hours-directions-content p,
.kelax-hours-page .kelax-hours-address-card p {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.7;
}

.kelax-hours-page .kelax-hours-directions-content p {
  color: #555;
}

.kelax-hours-page .kelax-hours-address-card p {
  color: rgba(255,255,255,.78);
}

.kelax-hours-page .kelax-hours-contact-lines {
  display: grid;
  gap: 8px;
  margin-top: 24px;
}

.kelax-hours-page .kelax-hours-contact-lines a {
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
}

.kelax-hours-page .kelax-hours-contact-lines a:hover {
  color: #8cc8c3 !important;
}

/* BUTTONS */

.kelax-hours-page .kelax-hours-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 26px;
  padding: 0 46px 0 22px;
  border-radius: 999px;
  border: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.kelax-hours-page .kelax-hours-btn::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-top: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

.kelax-hours-page .kelax-hours-btn-primary {
  background: #009e83;
  color: #fff !important;
}

.kelax-hours-page .kelax-hours-btn-primary:hover {
  background: #007f6b;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgb(0 0 0 / 12%);
}

/* MOBILE */

@media (max-width: 960px) {
  .kelax-hours-page .kelax-hours-grid,
  .kelax-hours-page .kelax-hours-directions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .kelax-hours-page {
    padding: 0 12px;
    margin-bottom: 90px;
  }

  .kelax-hours-page .kelax-hours-hero {
    padding: 34px 22px;
  }

  .kelax-hours-page .kelax-hours-hero h2 {
    font-size: 34px;
    letter-spacing: -0.8px;
  }

  .kelax-hours-page .kelax-hours-card,
  .kelax-hours-page .kelax-hours-directions-content,
  .kelax-hours-page .kelax-hours-address-card {
    padding: 26px 20px;
  }

  .kelax-hours-page .kelax-hours-list div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .kelax-hours-page .kelax-hours-btn {
    width: 100%;
  }
}

/* =========================================
   KONTAKT PAGE
   Same visual style as Om os / Åbningstider
========================================= */

/* KONTAKT: hide default DanDomain page title */
.m-contact-header.page-title {
  display: none !important;
}

/* Main contact wrapper */

.modules.m-contact {
  max-width: 1180px;
  margin: 0 auto 100px;
  padding: 0 15px;
  box-sizing: border-box;
}

.modules.m-contact,
.modules.m-contact * {
  box-sizing: border-box;
}

/* Hide original plain description spacing around custom intro */

.modules.m-contact .m-contact-description {
  margin: 0 0 34px !important;
}

.modules.m-contact .m-contact-description > p {
  display: none !important;
}

.modules.m-contact .m-contact-description .kelax-contact-intro p {
  display: block !important;
}

/* HERO */

.kelax-contact-intro .kelax-contact-hero {
  position: relative;
  overflow: hidden;
  margin: 20px 0 34px;
  padding: clamp(42px, 6vw, 78px) clamp(24px, 5vw, 70px);
  border-radius: 8px;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 35%),
    linear-gradient(135deg, #046e60 0%, #00937a 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgb(0 0 0 / 10%);
}

.kelax-contact-intro .kelax-contact-label {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 13px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.kelax-contact-intro .kelax-contact-hero h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-family: Gotham, Dubai, sans-serif;
  font-size: clamp(36px, 5vw, 68px);
  font-weight: 900;
  line-height: .98;
  letter-spacing: -1.5px;
  text-transform: uppercase;
}

.kelax-contact-intro .kelax-contact-hero p {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.94);
  font-size: clamp(16px, 1.6vw, 19px);
  line-height: 1.6;
}

/* Call / mail buttons */

.kelax-contact-intro .kelax-contact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 260px));
  gap: 12px;
  margin-top: 30px;
}

.kelax-contact-intro .kelax-contact-action {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 70px;
  padding: 13px 16px;
  border-radius: 8px;
  background: #fff;
  color: #046e60 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 10%);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: #f3f8f7;
  color: #009e83 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgb(0 0 0 / 14%);
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f3f8f7;
  color: #009e83;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.kelax-contact-intro .kelax-contact-action-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block;
  line-height: 1.2;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 4px;
  color: #777;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #111;
  font-size: 15px;
  font-weight: 900;
}

/* FORM CARD */

.modules.m-contact form#m-contact {
  margin: 0 !important;
}

.modules.m-contact form#m-contact .panel.panel-border {
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgb(0 0 0 / 7%) !important;
  overflow: hidden;
}

.modules.m-contact form#m-contact .panel-body {
  padding: clamp(28px, 4vw, 48px) !important;
}

.modules.m-contact form#m-contact .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0 !important;
}

.modules.m-contact form#m-contact .row::before,
.modules.m-contact form#m-contact .row::after {
  content: none !important;
  display: none !important;
}

.modules.m-contact form#m-contact .row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Labels */

.modules.m-contact form#m-contact .form-group {
  margin: 0 0 15px !important;
}

.modules.m-contact form#m-contact .form-label {
  display: block;
  margin: 0 0 7px !important;
  color: #111;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
}

.modules.m-contact form#m-contact .form-required {
  color: #009e83;
}

/* Inputs */

.modules.m-contact form#m-contact .form-input,
.modules.m-contact form#m-contact input[type="text"],
.modules.m-contact form#m-contact input[type="email"],
.modules.m-contact form#m-contact textarea,
.modules.m-contact form#m-contact select {
  width: 100% !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #f4f4f4 !important;
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 0 14px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: background-color .15s ease, box-shadow .15s ease;
}

.modules.m-contact form#m-contact textarea {
  min-height: 170px !important;
  padding-top: 13px !important;
  line-height: 1.5 !important;
  resize: vertical;
}

.modules.m-contact form#m-contact .form-input:focus,
.modules.m-contact form#m-contact input[type="text"]:focus,
.modules.m-contact form#m-contact input[type="email"]:focus,
.modules.m-contact form#m-contact textarea:focus,
.modules.m-contact form#m-contact select:focus {
  background: #f3f8f7 !important;
  box-shadow: inset 0 0 0 2px rgba(0, 158, 131, .22) !important;
}

.modules.m-contact form#m-contact .form-input::placeholder,
.modules.m-contact form#m-contact input::placeholder,
.modules.m-contact form#m-contact textarea::placeholder {
  color: #888 !important;
  font-weight: 500;
}

/* Input group */

.modules.m-contact form#m-contact .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 44px !important;
  border-radius: 6px !important;
  overflow: hidden;
  background: #f4f4f4 !important;
}

.modules.m-contact form#m-contact .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  border: 0 !important;
  background: #eef5f3 !important;
  color: #009e83 !important;
}

.modules.m-contact form#m-contact .input-group-main {
  height: 44px !important;
  border-radius: 0 6px 6px 0 !important;
}

/* Contact data inside form */

.modules.m-contact form#m-contact .m-contact-data {
  margin: 18px 0 0 !important;
  padding: 18px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #dff2ec 0%, #effaf6 100%) !important;
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.modules.m-contact form#m-contact .m-contact-data + .m-contact-data {
  margin-top: 12px !important;
}

.modules.m-contact form#m-contact .m-contact-data a {
  color: #009e83 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.modules.m-contact form#m-contact .m-contact-data a:hover {
  color: #007f6b !important;
}

/* reCAPTCHA */

.modules.m-contact form#m-contact .m-contact-spam-check {
  margin-top: 10px !important;
}

.modules.m-contact form#m-contact .m-contact-spam-check hr {
  display: none !important;
}

.modules.m-contact form#m-contact .w-recatpcha {
  margin: 0 !important;
}

/* Footer + submit */

.modules.m-contact form#m-contact .panel-footer {
  padding: 0 clamp(28px, 4vw, 48px) clamp(28px, 4vw, 42px) !important;
  border: 0 !important;
  background: #fff !important;
}

.modules.m-contact form#m-contact .form-submit,
.modules.m-contact form#m-contact button[type="submit"] {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 160px !important;
  height: 46px !important;
  padding: 0 48px 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #009e83 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.modules.m-contact form#m-contact .form-submit::after,
.modules.m-contact form#m-contact button[type="submit"]::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  box-sizing: border-box;
}

.modules.m-contact form#m-contact .form-submit:hover,
.modules.m-contact form#m-contact button[type="submit"]:hover {
  background: #007f6b !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgb(0 0 0 / 12%) !important;
}

/* Bottom consent text */

.modules.m-contact .m-contact-description-bottom {
  max-width: 760px;
  margin: 18px auto 0 !important;
  text-align: center;
}

.modules.m-contact .m-contact-description-bottom p,
.modules.m-contact .m-contact-description-bottom .consent-description {
  color: #777 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* MOBILE */

@media (max-width: 960px) {
  .modules.m-contact form#m-contact .row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .kelax-contact-intro .kelax-contact-actions {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 580px) {
  .modules.m-contact {
    padding: 0 12px;
    margin-bottom: 90px;
  }

  .kelax-contact-intro .kelax-contact-hero {
    padding: 34px 22px;
  }

  .kelax-contact-intro .kelax-contact-hero h2 {
    font-size: 34px;
    letter-spacing: -0.8px;
  }

  .kelax-contact-intro .kelax-contact-actions {
    grid-template-columns: 1fr;
  }

  .modules.m-contact form#m-contact .panel-body,
  .modules.m-contact form#m-contact .panel-footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .modules.m-contact form#m-contact .form-submit,
  .modules.m-contact form#m-contact button[type="submit"] {
    width: 100% !important;
  }
}

/* =========================================
   KONTAKT: softer ring/mail buttons
========================================= */

.kelax-contact-intro .kelax-contact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 260px));
  gap: 12px;
  margin-top: 30px;
}

.kelax-contact-intro .kelax-contact-action {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 70px;
  padding: 13px 16px;
  border-radius: 8px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: none;
  backdrop-filter: blur(2px);
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.22);
  color: #fff !important;
  transform: translateY(-1px);
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  color: #fff;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.kelax-contact-intro .kelax-contact-action-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block;
  line-height: 1.2;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 4px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}

/* =========================================
   KONTAKT: fix phone field / remove weird addon
========================================= */

.modules.m-contact form#m-contact .m-contact-phone .input-group {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.modules.m-contact form#m-contact .m-contact-phone .input-group-addon {
  display: none !important;
}

.modules.m-contact form#m-contact .m-contact-phone .input-group-main {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 6px !important;
  background: #f4f4f4 !important;
  padding: 0 14px !important;
}

/* mobile */
@media (max-width: 580px) {
  .kelax-contact-intro .kelax-contact-actions {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   KONTAKT: pill buttons + cleanup phone field
========================================= */

/* Ring / mail knapper */
.kelax-contact-intro .kelax-contact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
  max-width: 760px;
}

.kelax-contact-intro .kelax-contact-action {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 12px 18px;
  border-radius: 999px;
  background: #dff2ec;
  border: 1px solid rgba(0, 158, 131, 0.10);
  color: #046e60 !important;
  text-decoration: none !important;
  box-shadow: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: #d4ede6;
  border-color: rgba(0, 158, 131, 0.18);
  color: #046e60 !important;
  transform: translateY(-1px);
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #cfe8e1;
  color: #009e83;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}

.kelax-contact-intro .kelax-contact-action-icon svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block;
  line-height: 1.2;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 4px;
  color: #5e6e69;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #111;
  font-size: 15px;
  font-weight: 900;
}

/* Telefonfelt - fjern den mærkelige addon/ikonboks */
.modules.m-contact form#m-contact .m-contact-phone .input-group {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.modules.m-contact form#m-contact .m-contact-phone .input-group-addon {
  display: none !important;
}

.modules.m-contact form#m-contact .m-contact-phone .input-group-main {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 6px !important;
  background: #f4f4f4 !important;
  padding: 0 14px !important;
}

/* Lidt bedre spacing på telefonfeltet generelt */
.modules.m-contact form#m-contact .m-contact-phone {
  margin-bottom: 15px !important;
}

/* Mobil */
@media (max-width: 580px) {
  .kelax-contact-intro .kelax-contact-actions {
    grid-template-columns: 1fr;
  }

  .kelax-contact-intro .kelax-contact-action {
    min-height: 64px;
    padding: 12px 16px;
  }
}

/* =========================================
   KONTAKT: smaller pill buttons
========================================= */

.kelax-contact-intro .kelax-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
  max-width: none;
}

.kelax-contact-intro .kelax-contact-action {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  width: auto;
  min-width: 260px;
  max-width: 320px;
  min-height: 58px;
  padding: 10px 18px 10px 12px;
  border-radius: 999px;
  background: #dff2ec;
  border: 1px solid rgba(0, 158, 131, 0.10);
  color: #046e60 !important;
  text-decoration: none !important;
  box-shadow: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: #d4ede6;
  border-color: rgba(0, 158, 131, 0.18);
  color: #046e60 !important;
  transform: translateY(-1px);
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #cfe8e1;
  color: #009e83;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 19px;
  height: 19px;
  display: block;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block;
  line-height: 1.15;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 3px;
  color: #5e6e69;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #111;
  font-size: 14px;
  font-weight: 900;
}

/* mobil */
@media (max-width: 580px) {
  .kelax-contact-intro .kelax-contact-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kelax-contact-intro .kelax-contact-action {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}

/* =========================================
   KONTAKT: compact white pill buttons
========================================= */

.kelax-contact-intro .kelax-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 24px !important;
  max-width: none !important;
}

.kelax-contact-intro .kelax-contact-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 48px !important;
  padding: 8px 18px 8px 10px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 0 !important;
  color: #046e60 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 10%) !important;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: #f3f8f7 !important;
  color: #009e83 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgb(0 0 0 / 13%) !important;
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #f3f8f7 !important;
  color: #009e83 !important;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}

.kelax-contact-intro .kelax-contact-action-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block !important;
  line-height: 1.1 !important;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 2px !important;
  color: #777 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 580px) {
  .kelax-contact-intro .kelax-contact-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .kelax-contact-intro .kelax-contact-action {
    width: 100% !important;
  }
}

/* =========================================
   KONTAKT: white contact pills, no icon circle
========================================= */

.kelax-contact-intro .kelax-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 26px !important;
  max-width: none !important;
}

.kelax-contact-intro .kelax-contact-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 210px !important;
  max-width: none !important;
  min-height: 56px !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  background: #fff !important;
  border: 0 !important;
  color: #046e60 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 10%) !important;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.kelax-contact-intro .kelax-contact-action:hover {
  background: #f3f8f7 !important;
  color: #009e83 !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgb(0 0 0 / 13%) !important;
}

.kelax-contact-intro .kelax-contact-action-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #009e83 !important;
}

.kelax-contact-intro .kelax-contact-action-icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.kelax-contact-intro .kelax-contact-action-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.kelax-contact-intro .kelax-contact-action small,
.kelax-contact-intro .kelax-contact-action strong {
  display: block !important;
  line-height: 1.12 !important;
}

.kelax-contact-intro .kelax-contact-action small {
  margin-bottom: 3px !important;
  color: #777 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.kelax-contact-intro .kelax-contact-action strong {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Mobile */
@media (max-width: 580px) {
  .kelax-contact-intro .kelax-contact-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .kelax-contact-intro .kelax-contact-action {
    width: 100% !important;
  }
}

/* FOOTER: hide bottom logo/payment strip */
.footer-bottom,
.footer-payments,
.footer-payment,
.payment-icons,
.payment-methods,
.site-footer-bottom {
  display: none !important;
}

/* =========================================
   CATEGORY PRODUCT CARDS: clean final version
   Fixed card height, no outline, no radius, soft shadow
========================================= */

/* Produktkort */
.m-productlist-list-item .productContent {
  height: 410px !important;
  min-height: 410px !important;
  max-height: 410px !important;

  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgb(0 0 0 / 7%) !important;
  overflow: hidden !important;

  transition: box-shadow .18s ease, transform .18s ease;
}

.m-productlist-list-item .productContent:hover {
  box-shadow: 0 14px 30px rgb(0 0 0 / 10%) !important;
  transform: translateY(-2px);
}

/* Behold DanDomain-struktur, men fordel kortet stabilt */
.m-productlist-list-item .productContent form {
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: column !important;
}

/* Billedområde - fast plads, men uden at ændre selve hover-billederne */
.m-productlist-list-item .m-productlist-figure {
  position: relative !important;
  flex: 0 0 220px !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 220px !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Produkttekstområde */
.m-productlist-list-item .product-description {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 12px 14px 0 !important;
}

/* Fjern DanDomain/equalizer-højder i tekstområdet */
.m-productlist-list-item .product-description[style],
.m-productlist-list-item .m-productlist-heading[style],
.m-productlist-list-item [data-equalizer="type-col"],
.m-productlist-list-item [data-equalizer="type-col-heading"],
.m-productlist-list-item [data-equalizer="type-col-description"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Header */
.m-productlist-list-item .m-productlist-heading {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Produktnavn: max 2 linjer med ... */
.m-productlist-list-item .m-productlist-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  max-height: 38px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  margin: 0 auto 5px !important;
  padding: 0 !important;

  color: #00937a !important;
  font-family: Dubai, sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-align: center !important;
}

/* Brand */
.m-productlist-list-item .m-productlist-brand {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #00937a !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* Varenummer */
.m-productlist-list-item .m-productlist-itemNumber {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #555 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* Skjul tom beskrivelse */
.m-productlist-list-item .m-productlist-description,
.m-productlist-list-item [data-equalizer="type-col-description"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prisområde - ligger tættere på tekst og uden kæmpe bundluft */
.m-productlist-list-item .product-transaction,
.m-productlist-list-item .m-productlist-transactions,
.m-productlist-list-item [data-equalizer="type-col-prices"] {
  flex: 0 0 auto !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 12px 0 0 !important;
  padding: 0 14px 16px !important;
}

/* Fjern evt. inline height på prisområde */
.m-productlist-list-item .product-transaction[style],
.m-productlist-list-item .m-productlist-transactions[style] {
  height: auto !important;
  min-height: 0 !important;
}

/* Førpris */
.m-productlist-list-item .m-productlist-discount {
  margin: 0 0 4px !important;
  padding: 0 !important;
}

.m-productlist-list-item .m-productlist-price-before-discount {
  color: #666 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* Pris */
.m-productlist-list-item .m-productlist-price {
  margin: 0 !important;
  padding: 0 !important;

  color: #111 !important;
  font-family: Dubai, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

/* Moms / stykpris */
.m-productlist-list-item .m-productlist-vat,
.m-productlist-list-item .product-various-price-info {
  color: #333 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Undgå at pris-info skaber unødig luft */
.m-productlist-list-item .product-various-price-info {
  margin-top: 2px !important;
}

/* Mobile */
@media (max-width: 580px) {
  .m-productlist-list-item .productContent {
    height: 370px !important;
    min-height: 370px !important;
    max-height: 370px !important;
  }

  .m-productlist-list-item .m-productlist-figure {
    flex-basis: 190px !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }

  .m-productlist-list-item .product-description {
    padding: 10px 12px 0 !important;
  }

  .m-productlist-list-item .m-productlist-title {
    max-height: 34px !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  .m-productlist-list-item .m-productlist-brand,
  .m-productlist-list-item .m-productlist-itemNumber {
    font-size: 11px !important;
  }

  .m-productlist-list-item .m-productlist-transactions {
    margin-top: 10px !important;
    padding: 0 12px 14px !important;
  }

  .m-productlist-list-item .m-productlist-price {
    font-size: 16px !important;
  }
}

/* CATEGORY PRODUCT CARDS: same vertical spacing as horizontal spacing */
.m-productlist .row > .m-productlist-list-item,
.modules.m-productlist .row > .m-productlist-list-item {
  margin-bottom: 24px !important;
}

/* CATEGORY PRODUCT CARDS: force spacing above product title */
.m-productlist-list-item .content.product-description,
.m-productlist-list-item .product-description.content {
  padding-top: 24px !important;
}

/* =========================================
   FRONTPAGE PRODUCTSLIDER: protect from category/productlist overrides
   Keep carousel layout independent
========================================= */

.w-productslider .productItem,
.w-productslider .m-productlist-list-item {
  margin-bottom: 0 !important;
}

.w-productslider .productContent,
.w-productslider .m-productlist-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;

  box-shadow: 0 0 12px rgb(0 0 0 / 5%) !important;
  transform: none !important;
}

.w-productslider .productContent:hover,
.w-productslider .m-productlist-item:hover {
  box-shadow: 0 0 18px rgb(0 0 0 / 8%) !important;
  transform: translateY(-1px) !important;
}

.w-productslider .productContent form,
.w-productslider .m-productlist-item form {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.w-productslider .m-productlist-figure {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: none !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.w-productslider .product-description,
.w-productslider .m-productlist-heading,
.w-productslider .m-productlist-transactions,
.w-productslider .product-transaction,
.w-productslider [data-equalizer="type-col"],
.w-productslider [data-equalizer="type-col-heading"],
.w-productslider [data-equalizer="type-col-prices"],
.w-productslider [data-equalizer="type-col-description"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.w-productslider .m-productlist-title {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;

  max-height: none !important;
  overflow: visible !important;
  text-overflow: initial !important;

  font-size: 17px !important;
  line-height: 1.18 !important;
}

.w-productslider .m-productlist-itemNumber {
  display: none !important;
}

.w-productslider .product-various-price-info span[data-ng-if*="combo"] {
  display: none !important;
}

/* Badges må stadig gerne vises i karusellen */
.w-productslider .splash-container {
  display: flex !important;
}

/* =========================================
   FRONTPAGE PRODUCTSLIDER: equal product card heights
========================================= */

.w-productslider .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.w-productslider .slick-slide {
  height: auto !important;
}

.w-productslider .slick-slide > div {
  height: 100% !important;
}

.w-productslider .productItem {
  height: 100% !important;
  display: flex !important;
}

.w-productslider .productItem .productContent {
  width: 100% !important;
  height: 500px !important;
  min-height: 500px !important;
  max-height: 500px !important;

  display: flex !important;
  flex-direction: column !important;

  background: #fff !important;
  overflow: hidden !important;
}

/* Indholdet må gerne fylde hele kortet */
.w-productslider .productItem .productContent form {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Prisområdet tættere på brandnavnet */
.w-productslider .productItem .product-transaction,
.w-productslider .productItem .m-productlist-transactions {
  margin-top: 18px !important;
  padding-bottom: 18px !important;
}

/* Mobile */
@media (max-width: 580px) {
  .w-productslider .productItem .productContent {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
  }
}

/* =========================================
   KELAX USP NEW MODULE - CLEAN VERSION
========================================= */

.kelax-usp-new,
.kelax-usp-new * {
  box-sizing: border-box;
}

.kelax-usp-new {
  display: block;
  width: 100vw;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 34px 20px;
  background: #f4f4f4;
}

.kelax-usp-new-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.kelax-usp-new-item {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;

  min-height: 82px !important;
  padding: 12px 10px !important;

  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: inherit !important;
  text-decoration: none !important;

  transition: transform .18s ease, opacity .18s ease;
}

.kelax-usp-new-item:hover,
.kelax-usp-new-item:focus {
  color: inherit !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: none !important;
  opacity: .88;
}

.kelax-usp-new-icon {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;

  border-radius: 999px !important;
  background: #008a75 !important;
  color: #fff !important;
}

.kelax-usp-new-icon svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;

  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.kelax-usp-new-item:nth-child(2) .kelax-usp-new-icon svg {
  transform: translateX(0.9px);
}

.kelax-usp-new-text {
  display: block !important;
  min-width: 0 !important;
}

.kelax-usp-new-title {
  display: block !important;
  margin: 0 0 5px !important;

  color: #111 !important;
  font-family: Gotham, Dubai, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

.kelax-usp-new-desc {
  display: block !important;
  margin: 0 !important;

  color: #666 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

@media (max-width: 960px) {
  .kelax-usp-new-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .kelax-usp-new {
    padding: 26px 26px !important;
  }

  .kelax-usp-new-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
  }

  .kelax-usp-new-item {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 0 !important;
    padding: 0 !important;
    gap: 11px !important;

    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .kelax-usp-new-icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    background: #008a75 !important;
    color: #fff !important;
  }

  .kelax-usp-new-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .kelax-usp-new-text {
    min-width: 0 !important;
  }

  .kelax-usp-new-title {
    font-size: 14px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  .kelax-usp-new-desc {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 390px) {
  .kelax-usp-new-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .kelax-usp-new-item {
    gap: 12px !important;
  }
}

.kelax-usp-new-title {
  white-space: nowrap !important;
}

.frontpage-info-link[href="/abningstider/"] .frontpage-info-link-icon svg {
  transform: translateX(0.9px);
}

/* =========================================
   PRODUCT PAGE BADGES
   Product detail page only
   Badges above product image
========================================= */

.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container {
  position: static !important;
  inset: auto !important;
  transform: none !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;

  width: auto !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 0 22px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  pointer-events: none !important;
}

/* Shared product page badge pill */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash {
  position: static !important;
  inset: auto !important;
  transform: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 220px !important;
  height: auto !important;
  min-height: 34px !important;

  margin: 0 !important;
  padding: 0 16px !important;

  border: 0 !important;
  border-radius: 999px !important;

  font-family: Gotham, Dubai, sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 18px rgb(0 0 0 / 9%) !important;
}

/* Remove old ribbon/triangle styling */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash::before,
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash::after {
  content: none !important;
  display: none !important;
}

/* TILBUD */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash.sale {
  background: rgba(255, 221, 122, .98) !important;
  color: #725000 !important;
}

/* NYHED */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash.news {
  background: rgba(128, 226, 170, .98) !important;
  color: #087343 !important;
}

/* UDSOLGT */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash.soldout {
  background: rgba(255, 191, 191, .98) !important;
  color: #8a1f1f !important;
}

/* CUSTOM badge */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash.custom {
  color: #1f2a24 !important;
  opacity: .98 !important;
  white-space: normal !important;
  padding: 8px 15px !important;
}

/* Fallback if DanDomain outputs badge without type class */
.modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash:not(.sale):not(.news):not(.soldout):not(.custom) {
  background: rgba(234, 246, 243, .98) !important;
  color: #007967 !important;
}

/* Mobile */
@media (max-width: 580px) {
  .modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container {
    gap: 7px !important;
    margin-bottom: 16px !important;
  }

  .modules.m-product form[name="cartadd"] figure.m-product-image > .splash-container .splash {
    min-height: 30px !important;
    padding: 0 13px !important;
    font-size: 10px !important;
    max-width: 180px !important;
  }
}

/* =========================================
   CATEGORY HOVER OVERLAY
   Kun mørkt overlay - ingen zoom, ingen crop
========================================= */

/* FORSIDE KATEGORIBOKSE */
.frontpage-categories .category {
  position: relative !important;
  isolation: isolate !important;
}

.frontpage-categories .category::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgb(0 0 0 / 0%) !important;
  pointer-events: none !important;
  transition: background .22s ease !important;
}

.frontpage-categories .category:hover::after {
  background: rgb(0 0 0 / 24%) !important;
}

/* Sørg for tekst og knap ligger over overlay */
.frontpage-categories .category .content {
  position: relative !important;
  z-index: 2 !important;
}

/* Ingen zoom/scale på forside */
.frontpage-categories .category,
.frontpage-categories .category:hover,
.frontpage-categories .category img,
.frontpage-categories .category:hover img,
.frontpage-categories .category .content .ctabtn,
.frontpage-categories .category:hover .content .ctabtn {
  transform: none !important;
}


/* KATEGORISIDE KATEGORIBOKSE */
.row.categorylist .category-item-content {
  position: relative !important;
  isolation: isolate !important;
}

.row.categorylist .category-item-content::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgb(0 0 0 / 0%) !important;
  pointer-events: none !important;
  transition: background .22s ease !important;
}

.row.categorylist .category-item-content:hover::after {
  background: rgb(0 0 0 / 24%) !important;
}

/* Tekst og Shop nu-knap over overlay */
.row.categorylist .category-item-title {
  position: relative !important;
  z-index: 2 !important;
}

/* Ingen zoom/scale på kategoriside */
.row.categorylist .category-item,
.row.categorylist .category-item:hover,
.row.categorylist .category-item-content,
.row.categorylist .category-item-content:hover,
.row.categorylist .category-item-image img,
.row.categorylist .category-item-content:hover .category-item-image img,
.row.categorylist .category-item-title a::after,
.row.categorylist .category-item-content:hover .category-item-title a::after {
  transform: none !important;
}

/* =========================================
   CHECKOUT APPROVED: Tak for ordren page
========================================= */

.checkoutApproved {
  max-width: 1180px;
  margin: 46px auto 70px;
  padding: 0 15px;
  box-sizing: border-box;
}

/* Title */
.checkoutApproved .m-checkout-approved-header,
.checkoutApproved .page-title {
  border-bottom: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.checkoutApproved .m-checkout-approved-headline {
  margin: 0 !important;
  color: #111 !important;
  font-family: Gotham, Dubai, sans-serif !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -1.3px !important;
}

/* Intro */
.checkoutApproved .m-checkout-approved.text {
  max-width: 820px;
  margin: 0 0 28px !important;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* =========================================
   Kundeoplysninger + Ordre boxes
========================================= */

.checkoutApproved .w-order {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 28px !important;
}

.checkoutApproved .w-order::before,
.checkoutApproved .w-order::after {
  content: none !important;
  display: none !important;
}

.checkoutApproved .w-order-wrap {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.checkoutApproved .w-order-wrap .panel,
.checkoutApproved .w-userinformation-wrap .panel,
.checkoutApproved .w-order-invoice-wrap .panel {
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 20px 50px rgb(0 0 0 / 11%) !important;
  overflow: hidden;
}

.checkoutApproved .w-order-wrap .panel-body {
  padding: 28px 30px !important;
}

.checkoutApproved .form-label,
.checkoutApproved label {
  display: block;
  margin: 0 0 14px !important;
  color: #111 !important;
  font-family: Gotham, Dubai, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.checkoutApproved .w-order-p-wrap,
.checkoutApproved .w-invoice,
.checkoutApproved .w-userinformation {
  margin: 0 !important;
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.checkoutApproved .w-invoice-order-number,
.checkoutApproved .w-invoice-order-date,
.checkoutApproved .w-order-payment-method {
  margin: 0 0 6px !important;
  color: #555 !important;
  font-size: 14px !important;
}

.checkoutApproved strong {
  color: #111 !important;
  font-weight: 900 !important;
}

/* =========================================
   Order details outer card
========================================= */

.checkoutApproved .w-order-details {
  margin: 0 !important;
}

.checkoutApproved .w-order-details > .panel,
.checkoutApproved .w-order-details .panel {
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 14px 40px rgb(0 0 0 / 7%) !important;
  overflow: hidden;
}

/* =========================================
   Header row: Varer / Note / Pris / Antal / I alt
   IMPORTANT: same columns as product rows
========================================= */

.checkoutApproved .w-order-details .panel-heading {
  background: #f4f4f4 !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Outer header row = image gutter + content grid */
.checkoutApproved .w-order-details .panel-heading > .row {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
}

.checkoutApproved .w-order-details .panel-heading > .row::before,
.checkoutApproved .w-order-details .panel-heading > .row::after {
  content: none !important;
  display: none !important;
}

/* Remove Bootstrap columns inside header */
.checkoutApproved .w-order-details .panel-heading [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Empty image column */
.checkoutApproved .w-order-details .panel-heading > .row > .is-hidden-s {
  grid-column: 1 !important;
  display: block !important;
  visibility: hidden !important;
}

/* Header content wrapper */
.checkoutApproved .w-order-headline-wrap {
  grid-column: 2 !important;
}

/* The actual 5 header columns */
.checkoutApproved .w-order-headline-wrap > .row {
  display: grid !important;
  grid-template-columns:
    minmax(190px, 1.55fr)
    minmax(145px, 1fr)
    minmax(115px, .85fr)
    minmax(80px, .55fr)
    minmax(125px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Varer column */
.checkoutApproved .w-order-headline-wrap > .row > [class*="col-"]:first-child {
  grid-column: 1 !important;
}

/* Wrapper containing Note / Pris / Antal / I alt */
.checkoutApproved .w-order-headline-wrap > .row > [class*="col-"]:last-child {
  grid-column: 2 / -1 !important;
}

/* Make nested detail header use the remaining 4 columns */
.checkoutApproved .w-order-details-header {
  display: grid !important;
  grid-template-columns:
    minmax(145px, 1fr)
    minmax(115px, .85fr)
    minmax(80px, .55fr)
    minmax(125px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 !important;
}

.checkoutApproved .w-order-details-header::before,
.checkoutApproved .w-order-details-header::after {
  content: none !important;
  display: none !important;
}

.checkoutApproved .w-order-details-header [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.checkoutApproved .w-order-details .panel-heading .h6 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

/* =========================================
   Product rows
========================================= */

.checkoutApproved .w-order-product-list {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

.checkoutApproved .w-order-product-list .w-product-item {
  background: #fff !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 0 !important;
}

.checkoutApproved .w-order-product-list .w-product-item:last-child {
  border-bottom: 0 !important;
}

/* Outer product row = image + content grid */
.checkoutApproved .w-order-product-list .w-product-item article {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 22px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.checkoutApproved .w-order-product-list .w-product-item article::before,
.checkoutApproved .w-order-product-list .w-product-item article::after {
  content: none !important;
  display: none !important;
}

/* Remove old Bootstrap floats in product rows */
.checkoutApproved .w-order-product-title-container,
.checkoutApproved .w-order-product-container,
.checkoutApproved .w-order-product-container > [class*="col-"],
.checkoutApproved .w-product-detail-line,
.checkoutApproved .w-product-detail-line [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Image column */
.checkoutApproved .w-order-product-title-container {
  grid-column: 1 !important;
  width: 82px !important;
  max-width: 82px !important;
}

.checkoutApproved .w-order-product-title-container figure {
  width: 82px !important;
  height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.checkoutApproved .w-order-product-title-container img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Product content = same 5 columns as header */
.checkoutApproved .w-order-product-container {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns:
    minmax(190px, 1.55fr)
    minmax(145px, 1fr)
    minmax(115px, .85fr)
    minmax(80px, .55fr)
    minmax(125px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
}

/* Vare column */
.checkoutApproved .w-order-product-container > [class*="col-"]:first-child {
  grid-column: 1 !important;
}

/* Detail wrapper spans Note / Pris / Antal / I alt */
.checkoutApproved .w-product-detail-line {
  grid-column: 2 / -1 !important;
}

/* Detail grid = same 4 remaining columns as header */
.checkoutApproved .w-product-detail-line > .row {
  display: grid !important;
  grid-template-columns:
    minmax(145px, 1fr)
    minmax(115px, .85fr)
    minmax(80px, .55fr)
    minmax(125px, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 !important;
}

.checkoutApproved .w-product-detail-line > .row::before,
.checkoutApproved .w-product-detail-line > .row::after {
  content: none !important;
  display: none !important;
}

/* Product text */
.checkoutApproved .w-product-item-header h6,
.checkoutApproved .w-product-item-anchor h6 {
  margin: 0 0 8px !important;
  color: #009e83 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.checkoutApproved .w-product-item-anchor {
  color: #009e83 !important;
  text-decoration: none !important;
}

.checkoutApproved .w-product-item-anchor:hover h6 {
  color: #007f6b !important;
}

.checkoutApproved .w-product-item-number {
  margin: 0 !important;
  color: #666 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Note / delivery */
.checkoutApproved .w-product-deliverytime {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border-radius: 999px;
  background: #eaf6f4;
  color: #009e83;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
}

/* Price / amount / total */
.checkoutApproved .w-product-full-price strong,
.checkoutApproved .w-product-total-value strong {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.checkoutApproved del,
.checkoutApproved s {
  color: #777 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.checkoutApproved .w-product-price-vat,
.checkoutApproved .w-vat-text {
  color: #777 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.checkoutApproved .w-product-unit-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f4f4f4;
  color: #555;
  font-size: 12px;
  font-weight: 800;
}

/* =========================================
   Summary box
========================================= */

.checkoutApproved .w-order-summary {
  margin: 20px 0 0 !important;
}

.checkoutApproved .w-order-summary::before,
.checkoutApproved .w-order-summary::after {
  content: none !important;
  display: none !important;
}

.checkoutApproved .w-order-summary .w-alignment-right {
  float: none !important;
  width: 420px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  padding: 0 !important;
}

.checkoutApproved .w-order-summary table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 40px rgb(0 0 0 / 7%) !important;
  overflow: hidden;
}

.checkoutApproved .w-order-summary td {
  border: 0 !important;
  border-bottom: 1px solid #eeeeee !important;
  padding: 14px 18px !important;
  color: #555 !important;
  font-size: 13px !important;
}

.checkoutApproved .w-order-summary tfoot td {
  background: #f3f8f7 !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border-bottom: 0 !important;
}

.checkoutApproved .w-order-summary strong {
  color: #111 !important;
  font-weight: 900 !important;
}

/* =========================================
   Mobile
========================================= */

@media (max-width: 768px) {
  .checkoutApproved {
    margin: 30px auto 55px;
    padding: 0 14px;
  }

  .checkoutApproved .m-checkout-approved-headline {
    font-size: 38px !important;
  }

  .checkoutApproved .w-order {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .checkoutApproved .w-order-wrap .panel-body {
    padding: 22px 20px !important;
  }

  /* skjul desktop header-rækken på mobil */
  .checkoutApproved .w-order-details .panel-heading {
    display: none !important;
  }

  /* produktkort */
  .checkoutApproved .w-order-product-list .w-product-item article {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: flex-start !important;
    padding: 18px !important;
    margin: 0 !important;
  }

  .checkoutApproved .w-order-product-title-container {
    width: 78px !important;
    max-width: 78px !important;
  }

  .checkoutApproved .w-order-product-title-container figure {
    width: 78px !important;
    height: 78px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .checkoutApproved .w-order-product-title-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* højre side med indhold */
  .checkoutApproved .w-order-product-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  .checkoutApproved .w-product-item-header h6,
  .checkoutApproved .w-product-item-anchor h6 {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .checkoutApproved .w-product-item-number {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* detaljelinje under produktnavn */
  .checkoutApproved .w-product-detail-line {
    margin-top: 4px !important;
    width: 100% !important;
  }

  .checkoutApproved .w-product-detail-line > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "note note"
      "price qty"
      "total total" !important;
    gap: 10px 14px !important;
    align-items: start !important;
    margin: 0 !important;
  }

  .checkoutApproved .w-product-detail-line > .row::before,
  .checkoutApproved .w-product-detail-line > .row::after {
    content: none !important;
    display: none !important;
  }

  .checkoutApproved .w-product-detail-line > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .checkoutApproved .w-product-detail-line > .row > [class*="col-"]:nth-child(1) {
    grid-area: note !important;
  }

  .checkoutApproved .w-product-detail-line > .row > [class*="col-"]:nth-child(2) {
    grid-area: price !important;
  }

  .checkoutApproved .w-product-detail-line > .row > [class*="col-"]:nth-child(3) {
    grid-area: qty !important;
    justify-self: start !important;
  }

  .checkoutApproved .w-product-detail-line > .row > [class*="col-"]:nth-child(4) {
    grid-area: total !important;
    padding-top: 8px !important;
    border-top: 1px solid #eeeeee !important;
  }

  .checkoutApproved .w-product-deliverytime {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    max-width: max-content !important;
  }

  .checkoutApproved .w-product-full-price,
  .checkoutApproved .w-product-total-value {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .checkoutApproved .w-product-full-price strong,
  .checkoutApproved .w-product-total-value strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .checkoutApproved .w-product-unit-title span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
  }

  /* summary nederst */
  .checkoutApproved .w-order-summary {
    margin-top: 18px !important;
  }

  .checkoutApproved .w-order-summary .w-alignment-right {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  .checkoutApproved .w-order-summary table {
    width: 100% !important;
  }
}

/* =========================================
   TEMP: disable new category-page image boxes
   Kun kategorisider - ikke forsiden
========================================= */

.row.categorylist {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 18px 0 28px !important;
}

.row.categorylist::before,
.row.categorylist::after {
  content: none !important;
  display: none !important;
}

.row.categorylist > .category-item {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.row.categorylist .category-item-content {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.row.categorylist .category-item-image {
  display: none !important;
}

.row.categorylist .category-item-title {
  position: static !important;
  z-index: auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.row.categorylist .category-item-title a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 34px !important;
  padding: 0 14px !important;

  background: #f4f4f4 !important;
  border-radius: 4px !important;

  color: #555 !important;
  text-decoration: none !important;
}

.row.categorylist .category-item-title a:hover {
  background: #f3f8f7 !important;
  color: #009e83 !important;
}

.row.categorylist .category-item-title h4,
.row.categorylist .category-item-title .h5 {
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;
  font-family: Dubai, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.row.categorylist .category-item-title a::after {
  content: none !important;
  display: none !important;
}