@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  /* margin: 0.67em 0; */
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.trustpilot-placeholder {
  max-width: 1100px;
  margin-bottom: 2rem;
}

/* TEKST STYLES */
.heading-1 {
  font-size: 1.8rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 1rem;
}

.heading-2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.heading-3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.02em;
}

.subtitle {
  font-size: 1.125rem;
}

.details {
  font-size: 0.875rem;
}

.hint {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.reset-list li {
  list-style: none;
}

.text-gray-500 {
  color: #627384;
}

.text-gray-900 {
  color: #001d29;
}

.font-bold {
  font-weight: bold;
}

section:not(.pswp__scroll-wrap) {
  margin-top: min(6vh, 52px);
}

p,
td,
th {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  max-width: 100ch;
  color: #364d63;
  word-wrap: break-word;
}

button {
  outline: none;
  border: none;
  background-color: transparent;
}

.price {
  color: #001d29;
  font-weight: 800;
}

.w-full {
  width: 100%;
}

.banner img {
  display: block;
}

.main-container {
  margin-top: 8px;
}

main {
  width: 100%;
}

#footer {
  margin-top: min(6vh, 52px);
}

/* UTILITY CLASSES */
.hidden {
  visibility: none;
  height: 0;
  overflow: hidden;
  width: 0;
  position: absolute;
  left: -99999px;
}

.flex {
  display: flex;
}

.semi {
  font-weight: 600;
}

.kr::after {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  content: "kr";
  margin-left: 0.25em;
}

.flex {
  display: flex;
}

.clickable {
  cursor: pointer;
  color: #9cadba;
  font-weight: 500;
  transition: color 100ms;
}
.clickable:hover, .clickable:focus {
  color: #001d29;
}
.clickable:active {
  color: #001d29;
}

/* GLOBAL STYLES */
*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", sans-serif;
}

/* RESET STYLES */
a {
  color: #001d29;
  height: fit-content;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

input {
  border: none;
  outline: none;
  color: black;
}
input::placeholder {
  color: #627384;
}

input :not([type=text]) {
  cursor: pointer;
}

input[type=text],
input[type=search],
input[type=number],
input[type=date] {
  transition: border-color 200ms;
}

input[type=search] {
  border-radius: 4px;
  appearance: none;
  background-color: white;
  line-height: initial;
}
input[type=search]::placeholder {
  transition: color 150ms, font-size 100ms;
}
input[type=search]:focus::placeholder {
  color: #9cadba;
  font-size: 0.8125rem;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #c9cccf;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

input[type=checkbox]:checked {
  background-image: url(../../images/icon-checkbox-checked.svg);
  outline: 0;
  border: 0;
  background-size: cover;
}

input[type=search]::-webkit-search-cancel-button {
  position: relative;
  background-image: url(../../images/icon-close.svg);
  background-size: cover;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  cursor: pointer;
}

input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) {
  border-color: #FF6860;
  color: #7D0600;
  background-color: #FEF0F0;
}
input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) + label {
  color: #E60B00;
}
input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #FEF0F0;
  bottom: 0%;
  z-index: -1;
}

input[type=text]:placeholder-shown {
  border-color: #e4e6e7;
  background-color: white;
}

input[type=text] {
  color: #364d63;
}

input[type=text]::placeholder {
  color: #9cadba;
  border-color: #e4e6e7;
}

input[type=text]:focus:not(:invalid) {
  color: #364d63;
  border-color: #e4e6e7;
}
input[type=text]:focus:not(:invalid) + label {
  color: #9cadba;
}
input[type=text]:focus:not(:invalid) + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #F5FCFF;
  bottom: 0%;
  z-index: -1;
}

input[type=text]:focus-visible label:before,
input[type=text]:focus label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #F5FCFF;
  bottom: 0%;
  z-index: -1;
}

input[type=text]:not(:focus):-webkit-autofill {
  color: #9cadba;
  border-color: #e4e6e7;
}
input[type=text]:not(:focus):-webkit-autofill + label {
  color: #9cadba;
}

form.filter:focus-within input:checked:focus-visible {
  outline: 2px solid #1A8FFF;
}

/* TAB FOCUS STATES */
.clickable:focus-visible,
.js-show-more-pickups:focus-visible {
  color: #1A8FFF !important;
  text-decoration: underline;
  outline: none;
}

input[type=text]:focus-visible,
input[type=search]:focus-visible,
input[type=date]:focus-visible,
.js-select .select-selected:focus-visible {
  border: 1px solid #80C1FF !important;
  outline: 0;
}

.js-select .select-items [role=option]:focus-visible {
  outline: 0;
  background-color: #eef0f1;
}

input[type=number]:focus-visible {
  border: 1px solid #80C1FF;
  outline: 0;
}

input[type=checkbox]:focus-visible {
  outline: 1px solid #1A8FFF !important;
}

input[type=text]:focus-visible,
input[type=number]:focus-visible {
  background-color: #f5ffff;
}

#top-nav a:focus-visible {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  outline: 2px solid #1A8FFF;
  z-index: 1;
}

a.banner:focus-visible {
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  outline: 0;
}

a.banner:focus-visible {
  outline: 8px solid white;
}

a.link:focus-visible {
  outline: 0;
  text-decoration: underline;
}

.button:focus-visible,
form[class*=button] input[type=submit]:focus-visible {
  outline: 2px solid #16ca4c !important;
  border: 2px solid #F0F5F1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

form[class*=button].outlet input[type=submit]:focus-visible {
  outline: 2px solid #FFDFB1 !important;
  border: 2px solid #FFF7EB !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.product-item a.product-title:focus-visible,
#footer a:focus-visible,
.breadcrumb a:focus-visible {
  outline: 0;
  color: #1A8FFF !important;
  text-decoration: underline;
}

.product-item input[type=submit]:focus-visible {
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}

.basket-nav a:focus-visible {
  background-color: white;
  border-radius: 100%;
  border-width: 0;
  outline: 4px solid white;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}

.js-filter-category-name:focus-visible {
  background-color: white;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: -12px;
  margin-right: -12px;
  color: #001d29 !important;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.js-filter-category-name:focus-visible::before {
  opacity: 1;
}

#aside-nav a:focus-visible,
.more-products:focus-visible {
  color: #1A8FFF !important;
  outline: 0;
  text-decoration: underline;
}

.js-delivery-option:focus-visible,
.js-delivery-main-option:focus-visible {
  outline: 1px solid #80C1FF !important;
  box-shadow: 0 2px 4px rgba(0, 17, 51, 0.2);
}

.js-accordion:focus-visible {
  outline: none;
  background-color: #e4e6e7;
}

.skip-to-main {
  opacity: 0;
  z-index: -999;
  position: fixed;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: transform 200ms;
  color: #1A8FFF;
  padding: 16px;
  font-weight: 600;
}

.skip-to-main:focus-visible {
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
  outline: none;
}

#main:focus-visible {
  outline: none;
}

.category-item:focus-visible {
  outline: 0;
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
}

.product-image-wrapper .js-download:focus-visible {
  background-color: white;
  border-radius: 4px;
  outline: 2px solid #80C1FF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.product-page__buy .item:focus-visible,
.product-page__buy .item a:focus-visible {
  position: relative;
  background-color: white;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
  outline-color: #80C1FF;
  z-index: 10;
}

.js-remove:focus-visible {
  color: #F5382E !important;
  text-decoration: underline;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #FEF0F0;
  outline: 4px solid #FEF0F0;
}

#coupon-panel input[type=submit]:focus-visible,
.add-product input[type=submit]:focus-visible {
  background-color: #1A8FFF;
  outline: 0;
}

.card:has(#coupon-toggle:focus-visible) {
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  outline: 2px solid #80C1FF;
}

#carousel:focus-visible {
  outline: 2px solid #80C1FF;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}

select {
  border: none;
  outline: none;
  background-color: transparent;
}

a.link {
  display: inline-block;
  color: #1A8FFF;
  transition: color 100ms;
}

a.link:hover {
  color: #0068CC;
}

a.link:active {
  color: purple;
}

a.anchor {
  margin-top: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-right: 1em;
}
a.anchor:hover:before {
  content: "#";
}
a.anchor:before {
  color: #9cadba;
  margin-right: 0.25em;
}
@media screen and (max-width: 500px) {
  a.anchor:before {
    content: "#";
  }
}

* + p {
  margin-top: 1.2em;
}

html {
  max-width: 100vw;
}

body {
  background-color: whitesmoke;
}

input[type=submit],
button,
input[type=radio] {
  cursor: pointer;
}

/* ICONS */
[class*=icon] {
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-return {
  display: inline-block;
  background-image: url("../../images/icon-return.svg");
  width: 13px;
  height: 11px;
}

.icon-box {
  display: inline-block;
  background-image: url("../../images/icon-box.svg");
  width: 16px;
  height: 14px;
}

.icon-search {
  display: inline-block;
  background-image: url("../../images/icon-search.svg");
  width: 16px;
  height: 16px;
}

.icon-chat {
  background-image: url("../../images/icon-chat.svg");
  width: 35px;
  height: 28px;
}

.icon-emaerket {
  background-image: url("../../images/icon-emaerket.svg");
  width: 16px;
  height: 13px;
}

.icon-trustpilot {
  background-image: url("../../images/icon-trustpilot.svg");
  width: 16px;
  height: 16px;
}

  
.icon-info {
  display: inline-flex;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../../images/icon-info.svg");
}

.icon-faq {
  display: inline-flex;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  background-image: url("../../images/icon-faq.svg");
}

:root {
  --cw: 1px;
}

/* FARVE FILTER (data-color) */
input[type=radio][data-color=hvid],
input[type=checkbox][data-color=hvid],
span[data-color=hvid],
input[type=radio][data-color=mintgrøn],
input[type=checkbox][data-color=mintgrøn],
span[data-color=mintgrøn],
input[type=radio][data-color=creme],
input[type=checkbox][data-color=creme],
span[data-color=creme],
input[type=radio][data-color=sølv],
input[type=checkbox][data-color=sølv],
span[data-color=sølv] {
  box-shadow: 0 0 0 1px #e4e6e7;
}

input[type=radio][data-color=creme],
input[type=checkbox][data-color=creme],
span[data-color=creme] {
  background-color: #fceeb6;
  box-shadow: 0 0 0 var(--cw) #e7dcb1;
}

input[type=radio][data-color=gul],
input[type=checkbox][data-color=gul],
span[data-color=gul] {
  background-color: #f0e738;
  box-shadow: 0 0 0 var(--cw) #e0d71f;
}

input[type=radio][data-color=karrygul],
input[type=checkbox][data-color=karrygul],
span[data-color=karrygul] {
  background-color: #d5b044;
  box-shadow: 0 0 0 var(--cw) #bb972a;
}

input[type=radio][data-color=orange],
input[type=checnbox][data-color=orange],
span[data-color=orange] {
  background-color: #fa9600;
  box-shadow: 0 0 0 var(--cw) #e68a00;
}

input[type=radio][data-color=rød],
input[type=checkbox][data-color=rød],
span[data-color=rød] {
  background-color: #e6432d;
  box-shadow: 0 0 0 var(--cw) #cd2d18;
}

input[type=radio][data-color=pink],
input[type=checkbox][data-color=pink],
span[data-color=pink] {
  background-color: #ee6391;
  box-shadow: 0 0 0 var(--cw) #e61a5e;
}

input[type=radio][data-color=lyserød],
input[type=checkbox][data-color=lyserød],
span[data-color=lyserød] {
  background-color: #f5c7d9;
  box-shadow: 0 0 0 var(--cw) #df9fb8;
}

input[type=radio][data-color=rosa],
input[type=checkbox][data-color=rosa],
span[data-color=rosa] {
  background-color: #d2acb3;
  box-shadow: 0 0 0 var(--cw) #c18b95;
}

input[type=radio][data-color=grøn],
input[type=checkbox][data-color=grøn],
span[data-color=grøn] {
  background-color: #00b336;
  box-shadow: 0 0 0 var(--cw) #008f2b;
}

input[type=radio][data-color=lime],
input[type=checkbox][data-color=lime],
span[data-color=lime] {
  background-color: #70d786;
  box-shadow: 0 0 0 var(--cw) #54c06b;
}

input[type=radio][data-color=mintgrøn],
input[type=checkbox][data-color=mintgrøn],
span[data-color=mintgrøn] {
  background-color: #c4eedb;
  box-shadow: 0 0 0 var(--cw) #a3dcc2;
}

input[type=radio][data-color=turkis],
input[type=checkbox][data-color=turkis],
span[data-color=turkis] {
  background-color: #5bcbcd;
  box-shadow: 0 0 0 var(--cw) #3ab9bb;
}

input[type=radio][data-color=petrol],
input[type=checkbox][data-color=petrol],
span[data-color=petrol] {
  background-color: #31788c;
  box-shadow: 0 0 0 var(--cw) #286171;
}

input[type=radio][data-color=lilla],
input[type=checkbox][data-color=lilla],
span[data-color=lilla] {
  background-color: #9a89f0;
  box-shadow: 0 0 0 var(--cw) #836eed;
}

input[type=radio][data-color=lyseblå],
input[type=checkbox][data-color=lyseblå],
span[data-color=lyseblå] {
  background-color: #b6dbf7;
  box-shadow: 0 0 0 var(--cw) #9fc4df;
}

input[type=radio][data-color=blå],
input[type=checkbox][data-color=blå],
span[data-color=blå] {
  background-color: #42a5eb;
  box-shadow: 0 0 0 var(--cw) #1891e7;
}

input[type=radio][data-color=mørkeblå],
input[type=checkbox][data-color=mørkeblå],
span[data-color=mørkeblå] {
  background-color: #1f44da;
  box-shadow: 0 0 0 var(--cw) #1f44da;
}

input[type=radio][data-color=dueblå],
input[type=checkbox][data-color=dueblå],
span[data-color=dueblå] {
  background-color: #8fa3c7;
  box-shadow: 0 0 0 var(--cw) #7e95be;
}

input[type=radio][data-color=grå],
input[type=checkbox][data-color=grå],
span[data-color=grå] {
  background: #cccccc;
  box-shadow: 0 0 0 var(--cw) #b3b3b3;
}

input[type=radio][data-color=antracitgrå],
input[type=checkbox][data-color=antracitgrå],
span[data-color=antracitgrå] {
  background-color: #393d41;
  box-shadow: 0 0 0 var(--cw) #393d41;
}

input[type=radio][data-color=mørkegrå],
input[type=checkbox][data-color=mørkegrå],
span[data-color=mørkegrå] {
  background-color: #393d41;
  box-shadow: 0 0 0 var(--cw) #393d41;
}

input[type=radio][data-color=sort],
input[type=checkbox][data-color=sort],
span[data-color=sort] {
  background: #0d0d0d;
  box-shadow: 0 0 0 var(--cw) #0d0d0d;
}

input[type=radio][data-color=mørkebrun],
input[type=checkbox][data-color=mørkebrun],
span[data-color=mørkebrun] {
  background-color: #6a3310;
  box-shadow: 0 0 0 var(--cw) #6a3310;
}

input[type=radio][data-color=cognac],
input[type=checkbox][data-color=cognac],
span[data-color=cognac] {
  background-color: #b45931;
  box-shadow: 0 0 0 var(--cw) #984b2a;
}

input[type=radio][data-color=brun],
input[type=checkbox][data-color=brun],
span[data-color=brun] {
  background-color: #875c26;
  box-shadow: 0 0 0 var(--cw) #775122;
}

input[type=radio][data-color=lysebrun],
input[type=checkbox][data-color=lysebrun],
span[data-color=lysebrun] {
  background-color: #c39965;
  box-shadow: 0 0 0 var(--cw) #ab8454;
}

input[type=radio][data-color=natur],
input[type=checkbox][data-color=natur],
span[data-color=natur] {
  background-color: #d9bf92;
  box-shadow: 0 0 0 var(--cw) #bea16f;
}

input[type=radio][data-color=beige],
input[type=checkbox][data-color=beige],
span[data-color=beige] {
  background-color: #cfbea0;
  box-shadow: 0 0 0 var(--cw) #bea77e;
}

input[type=radio][data-color=sand],
input[type=checkbox][data-color=sand],
span[data-color=sand] {
  background-color: #f1ece4;
  box-shadow: 0 0 0 var(--cw) #dfd3c3;
}

input[type=radio][data-color=hvid],
input[type=checkbox][data-color=hvid],
span[data-color=hvid] {
  background: white;
  box-shadow: 0 0 0 var(--cw) #e4e6e7;
}

input[type=radio][data-color=guld],
input[type=checkbox][data-color=guld],
span[data-color=guld] {
  background-color: #d9ba63;
  background: linear-gradient(218deg, #B5943E 24.4%, #D9B961 51.59%, #C2A762 77.03%);
  box-shadow: 0 0 0 var(--cw) #ac8a2a;
}

input[type=radio][data-color=kobber],
input[type=checkbox][data-color=kobber],
span[data-color=kobber] {
  background-color: #D98D65;
  background: linear-gradient(218deg, #AA613A 24.4%, #D98D65 51.59%, #A96643 77.03%);
  box-shadow: 0 0 0 var(--cw) #b67654;
}

input[type=radio][data-color=sølv],
input[type=checkbox][data-color=sølv],
span[data-color=sølv] {
  background-color: #e6e6e6;
  background: linear-gradient(218deg, #E7E6E6 24.4%, #FFFFFF 51.59%, #E7E6E6 77.03%);
  box-shadow: 0 0 0 var(--cw) #cccccc;
}

input[type=radio][data-color=stål],
input[type=checkbox][data-color=stål],
span[data-color=stål] {
  background-color: #979797;
  background: linear-gradient(218deg, #6D6D71 24.4%, #BBBAC0 51.59%, #757579 77.03%);
  box-shadow: 0 0 0 var(--cw) #979797;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: black;
  border-radius: 50%;
}

input[type=radio][data-color]:checked,
input[type=checkbox][data-color]:checked {
  border: 2px solid rgba(255, 255, 255, 0.9);
}

input[type=radio][data-color=gul]:checked,
input[type=checkbox][data-color=gul]:checked,
input[type=radio][data-color=creme]:checked,
input[type=checkbox][data-color=creme]:checked,
input[type=radio][data-color=mintgrøn]:checked,
input[type=checkbox][data-color=mintgrøn]:checked,
input[type=radio][data-color=sølv]:checked,
input[type=checkbox][data-color=sølv]:checked {
  border: 2px solid white;
}

input[type=radio][data-color=hvid]:checked,
input[type=checkbox][data-color=hvid]:checked {
  box-shadow: 0 0 0 1px #999999;
}

[data-color],
input[name=color] + span {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 100%;
}

/* COMPONENTS */
/* .top-banner */
.top-banner {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 500;
}

.banner {
  width: 100%;
  min-height: 150px;
  object-fit: cover;
}

/* HEADER */
#header {
  padding-left: 3vw;
  padding-right: 3vw;
  background-color: #F6F6F6;
  position: relative;
}
#header .burger {
  display: none;
}
#header .search-bar {
  background-color: white;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  flex: 1 1 auto;
  margin-left: 4vw;
  margin-right: 4vw;
  width: 50vw;
  max-width: 490px;
  height: 45px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.5);
}
#header .search-bar input {
  width: 100%;
}

.search-bar input[type=search]:not(:placeholder-shown) + .icon-search {
  display: none;
}

.top-info {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  margin-bottom: 8px;
}
.top-info div {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #364d63;
  font-weight: 500;
}
.top-info [class*=icon] {
  margin-right: 0.5rem;
}
.top-info div + div {
  margin-left: 16px;
}

.header-container {
  max-width: calc(1120px + 13rem + 4rem);
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}

.logo {
  height: 95px;
  margin-bottom: auto;
  flex: 0 0 auto;
}

.header-icons {
  display: flex;
  flex: 0 10 242px;
  flex-direction: row;
  min-width: fit-content;
  justify-content: flex-end;
}

.basket-nav {
  position: relative;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.basket-nav a { 
    display: flex !important;
    align-items: center;
    justify-content: center; 
    width: 100%; 
    height: 100%; 
    margin: -1px; 
}

.basket-nav img {
  width: 32px;
}

.basket-nav-amount .icon-basket {
  width: 32px;
  height: auto;
}

.basket-nav-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: center;
  min-width: 20px;
  border-radius: 10px;
  left: 55%;
  top: -10%;
  color: #0A5C1C;
  background: #67E482;
  position: absolute;
  line-height: 100%;
  font-size: 0.875rem;
  padding: 5px;
  font-weight: 600;
}

/* HEADER SLUTTER */
/* top-nav */
#top-nav ul {
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  background: black;
  justify-content: center;
}
#top-nav li {
  display: flex;
  width: fit-content;
  align-items: center;
  height: 100%;
  cursor: pointer;
  transition: background-color 100ms;
  justify-content: center;
}
#top-nav li:hover, #top-nav li:focus {
  background: #131c20;
}
#top-nav li:active {
  background: #1d2930;
}
#top-nav li[data-role=selected] {
  background: #273035;
}
#top-nav li a {
  color: white;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  margin: auto;
  padding-left: min(3.95vw, 3.5rem);
  padding-right: min(3.95vw, 3.5rem);
  padding-top: 17px;
  padding-bottom: 17px;
}

/* breadcrumb */
.breadcrumb {
  display: flex;
  padding-top: 2.06rem;
  padding-bottom: 2.06rem;
  white-space: nowrap;
}
.breadcrumb li {
  display: inline-flex;
  flex-direction: row;
  list-style: none;
  line-height: 1;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  color: #9cadba;
}
.breadcrumb li a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
}
.breadcrumb li a:hover {
  color: #627384;
}
.breadcrumb [aria-current=page] {
  font-weight: 600;
  color: #001d29;
}
.breadcrumb li + li {
  margin-left: 0.85em;
}
.breadcrumb li + li::before {
  content: url(../../images/bread-arrow.svg);
  margin-right: 12px;
}
@media screen and (max-width: 800px) {
  .breadcrumb {
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow: auto;
  }
  .breadcrumb ::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
  }
  .breadcrumb li + li {
    margin-left: 0.5em;
  }
  .breadcrumb li a {
    font-size: 0.75rem;
  }
}

/* .content-padding */
.content-padding {
  padding-left: 3vw;
  padding-right: 3vw;
}

/* aside-filter */
.aside-filter li,
.aside-filter-mobile li {
  color: #364d63;
}
.aside-filter li span:last-child,
.aside-filter-mobile li span:last-child {
  color: #9cadba;
}
.aside-filter label:hover span:last-child,
.aside-filter-mobile label:hover span:last-child {
  color: #364d63;
}
.aside-filter label span:last-child,
.aside-filter-mobile label span:last-child {
  margin-left: 4px;
  color: #9cadba;
  letter-spacing: -0.025em;
  font-size: 0.875rem;
}
.aside-filter span + span,
.aside-filter-mobile span + span {
  margin-left: 4px;
}

.aside-filter .js-filter-category-name {
  color: #001d29;
  font-weight: 600;
  margin-bottom: 4px;
}
.aside-filter .js-filter-category-name:hover, .aside-filter .js-filter-category-name:active, .aside-filter .js-filter-category-name:active {
  color: #001d29;
}
.aside-filter .js-show-more-filters {
  font-size: 0.875rem;
  margin-top: 0.5em;
  color: #1A8FFF;
  display: none;
}
.aside-filter .js-show-more-filters:hover {
  color: #0068CC;
}
.aside-filter .filter-item {
  color: #364d63;
  transition: 100ms color;
  user-select: none;
  font-size: 0.875rem;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 1em;
  cursor: pointer;
  align-items: center;
  display: flex;
}
.aside-filter .filter-item input[type=checkbox] {
  width: 14px;
  height: 14px;
}
.aside-filter .filter-item input[type=checkbox]:checked {
  background-image: url(../../images/icon-filter-checkmark.svg);
}
.aside-filter .filter-item:hover input[type=checkbox] {
  display: flex;
}
.aside-filter .filter-item input[type=checkbox]:checked {
  display: flex;
}
.aside-filter .filter-item input[type=checkbox]:checked + div > .filter-name {
  font-weight: 500;
  color: #001d29;
}
.aside-filter .filter-item input[type=checkbox] {
  margin-right: 0.5rem;
}
.aside-filter .filter-item .filter-name {
  line-height: 12px;
}
.aside-filter .js-filter-category-section {
  display: flex;
  flex-direction: column;
}
.aside-filter .js-filter-category-section input[type=radio]:checked,
.aside-filter .js-filter-category-section input[type=checkbox]:checked {
  outline: 0;
  border: 0;
}
.aside-filter .js-filter-category-section input[type=radio]:checked + label,
.aside-filter .js-filter-category-section input[type=checkbox]:checked + label {
  color: #001d29;
}
.aside-filter .js-filter-category-section input[type=radio]:checked + label span,
.aside-filter .js-filter-category-section input[type=checkbox]:checked + label span {
  font-weight: 800;
}
.aside-filter .js-filter-category-section form {
  display: flex;
  flex-direction: column;
}
.aside-filter .js-filter-category-section form span {
  margin: 0;
}
.aside-filter .js-filter-category-section form div {
  color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: space-between;
}
.aside-filter .js-filter-category-section form div span:after {
  content: "kr.";
  margin-left: 0.25em;
}
.aside-filter menu + menu {
  margin-top: 2rem;
}

/* .aside*/
.aside {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  width: 13rem;
  flex: 0 0 13rem;
  margin-right: 4rem;
}
.aside a {
  text-decoration: none;
}
.aside li {
  list-style: none;
}
.aside li,
.aside li a,
.aside label {
  color: #627384;
  line-height: 1;
}
.aside li:hover, .aside li:focus,
.aside li a:hover,
.aside li a:focus,
.aside label:hover,
.aside label:focus {
  color: #364d63;
}
.aside hr {
  opacity: 0.1;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 800px) {
  .aside {
    display: none;
  }
}
#aside-nav .aside-nav-category {
  font-size: 1rem;
}
#aside-nav li {
  margin-top: 0.25rem;
  width: 100%;
}
#aside-nav a {
  line-height: 1.5;
  width: 100%;
  height: 100%;
}
#aside-nav ul {
  margin-left: 0.75rem;
}
#aside-nav li[data-type=selected] a,
#aside-nav li[data-type=selected] {
  color: #001d29;
  font-weight: 600;
}
#aside-nav .aside-nav-category a,
#aside-nav .aside-nav-category[data-type=selected] a {
  color: #001d29;
  font-weight: 600;
}

/* .footer */
#footer {
  padding-left: 3vw;
  padding-right: 3vw;
  background: rgba(0, 0, 0, 0.03);
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#footer > div > p:first-child {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #364d63;
  font-weight: 600;
  margin: 0;
  margin-bottom: 0.25rem;
  letter-spacing: -0.02em;
}
#footer form {
  margin-top: 0.75rem;
}
#footer p,
#footer a,
#footer span {
  font-size: 0.875rem;
  color: #627384;
  margin-top: 0.5rem;
  line-height: 1.75;
}
#footer a {
  text-decoration: underline;
}
#footer a:hover,
#footer a:focus {
  color: #364d63;
}
#footer a:active {
  color: #001d29;
}
#footer > div {
  display: flex;
  flex-direction: column;
  width: 25%;
  max-width: calc((1120px + 13rem + 4rem) / 4);
}
#footer span {
  display: inline-block;
  width: 6em;
}
#footer .payment-types {
  display: flex;
  margin-top: 2rem;
}
#footer .payment-types img + * {
  margin-left: 9px;
}
#footer form {
  display: flex;
  flex-direction: column;
}
#footer form input + * {
  margin-top: 1rem;
}
#footer form label {
  height: 0;
  overflow: hidden;
}
#footer input {
  height: 2.5rem;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #eef0f1;
}
#footer input[placeholder] {
  font-size: 0.875rem;
  padding-left: 1rem;
}
#footer input[type=submit] {
  background: #31d855;
  color: white;
  width: fit-content;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 4px;
  width: 100%;
  max-width: initial;
}
@media screen and (max-width: 1350px) {
  #footer > div {
    width: 33%;
    max-width: initial;
  }
  #footer > div:nth-child(4) {
    width: 100%;
    max-width: 40ch;
    margin-top: 4rem;
    margin-right: auto;
  }
  #footer form {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #footer form label {
    margin: 0;
  }
  #footer form input[type=text] {
    width: 100%;
  }
  #footer form input[type=text] {
    margin-top: 1rem;
  }
  #footer form input[type=text]:first-of-type {
    margin: 0;
  }
}
@media screen and (max-width: 900px) {
  #footer {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }
  #footer > div,
#footer > div:nth-child(4) {
    max-width: 680px;
    width: 100%;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
  }
  #footer > div:first-child {
    margin-top: 0;
  }
  #footer form {
    max-width: 345px;
  }
}

[data-filter*=price] form,
[data-filter*=price] form > * {
  width: 100%;
}
[data-filter*=price] div {
  display: flex;
  justify-content: space-between;
}

.card {
  box-shadow: 0px 0px 16px 0px rgba(0, 29, 41, 0.016), 0px 1px 2px 0 rgba(0, 29, 41, 0.03);
  background-color: white;
  padding: 2.5rem;
  margin-bottom: 1rem;
}

p + .js-accordion {
  margin-top: 1.2em;
}

.js-accordion {
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  border: none;
  background: none;
  color: #364d63;
  max-width: 100ch;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
.js-accordion:hover {
  color: #001d29;
}
.js-accordion:active {
  color: #627384;
}
.js-accordion:after {
  transition: transform 100ms, opacity 200ms;
}
.js-accordion[aria-expanded=true] {
  font-weight: 600;
  color: #001d29;
}
.js-accordion[aria-expanded=true]::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../images/icon-accordion-arrow.svg");
  height: 8px;
  width: 12px;
}
.js-accordion[aria-expanded=false]::after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../images/icon-accordion-arrow.svg");
  opacity: 0.3;
  transform: rotate(-180deg);
  height: 8px;
  width: 12px;
}
.js-accordion[aria-expanded=false] + .accordion-panel {
  display: none;
}

button[class*=button]:not([class*=pswp]):not([class*=dfd]), 
input[class*=button]:not([class*=pswp]):not([class*=dfd]), 
a.button:not([class*=pswp]):not([class*=dfd]) {
  background-color: #16ca4c;
  border-radius: 4px;
  outline: none;
  border: none;
  font-weight: 600;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: background-color 200ms;
}
button[class*=button]:not([class*=pswp]):not([class*=dfd]):hover,
button[class*=button]:not([class*=pswp]):not([class*=dfd]):focus,
input[class*=button]:not([class*=pswp]):not([class*=dfd]):hover,
input[class*=button]:not([class*=pswp]):not([class*=dfd]):focus,
a.button:not([class*=pswp]):not([class*=dfd]):hover,
a.button:not([class*=pswp]):not([class*=dfd]):focus {
  background-color: #31d855;
}
button[class*=button]:not([class*=pswp]):not([class*=dfd]):active,
input[class*=button]:not([class*=pswp]):not([class*=dfd]):active,
a.button:not([class*=pswp]):not([class*=dfd]):active {
  background-color: #0C972B;
}


button[class*=button][disabled],
input[class*=button][disabled],
a.button[disabled] {
  background-color: #e4e6e7;
  color: #364d63;
}

[class*=button] {
  height: 3em;
  display: flex;
  max-width: 31.5em;
  font-size: 1rem;
}

form[class*=button] input[type=number] {
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  height: 40px;
  text-align: center;
}
form[class*=button] input[type=number]:focus {
  border-color: #9cadba;
}
form[class*=button] input[type=number]::-webkit-outer-spin-button,
form[class*=button] input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
  -webkit-appearance: none;
  width: 20px;
  height: 32px;
  opacity: 0.2;
}
form[class*=button] input[type=number]::-webkit-outer-spin-button,
form[class*=button] input[type=number]::-webkit-inner-spin-button {
  background: url(../../images/spinner.svg);
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
form[class*=button] input[type=number]::-webkit-outer-spin-button:hover,
form[class*=button] input[type=number]::-webkit-inner-spin-button:hover {
  opacity: 0.5;
}
form[class*=button] input[type=number] {
  border-radius: 4px 0 0 4px;
  display: flex;
  height: 100%;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  flex: 3;
  text-align: center;
}
form[class*=button] input[type=submit] {
  font-weight: 600;
  color: white;
  background-color: #16ca4c;
  font-size: inherit;
  flex: 5;
  border-radius: 0 4px 4px 0;
  transition: background-color 200ms;
}
form[class*=button] input[type=submit]:hover, form[class*=button] input[type=submit]:focus {
  background-color: #31d855;
}
form[class*=button] input[type=submit]:active {
  background-color: #0C972B;
}
form[class*=button].outlet input[type=submit] {
  background-color: rgba(255, 230, 66, 0.8);
  color: #1c1806;
  border: 1px solid #f5dc3d;
  transition: background-color 200ms;
}
form[class*=button].outlet input[type=submit]:hover, form[class*=button].outlet input[type=submit]:focus {
  background-color: #ffea61;
}
form[class*=button].outlet input[type=submit]:active {
  background-color: #ffe229;
}

form.button-small {
  min-width: fit-content;
  width: 100%;
  max-width: min(100%, 30ch);
  height: 36px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}
form.button-small input[type=submit] {
  padding: 0 1em;
}

.js-accordion {
  border-bottom: 1px solid #e4e6e7;
}

.js-accordion[aria-expanded=true] + .accordion-panel {
  margin-top: 0;
}

.js-accordion[aria-expanded=true] {
  border-bottom: none;
}

.js-accordion {
  margin-top: 0;
  text-align: start;
}
h2 + .js-accordion {
  margin-top: 1rem;
}

.accordion-panel p,
.accordion-panel div {
  margin-bottom: 1.2em;
}

[data-tooltip] {
  /* TODO: hvordan skal det vises på mobil?*/
  position: relative;
  filter: drop-shadow(2px 2px 8px #e4e6e7);
}
[data-tooltip]::after {
  font-size: 0.875rem;
  line-height: 1.5;
  transition: transform 100ms, color 400ms;
  transform-origin: top right;
  padding: 12px 16px;
  border-radius: 3px;
  width: 46ch;
  position: absolute;
  top: 100%;
  transform: translate(-100%, 0) scale(0);
  left: 12px;
  content: attr(data-tooltip);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}
[data-tooltip].tooltip-active::after, [data-tooltip]:hover::after {
  transform: translate(-100%, 0);
  color: white;
  font-weight: 400;
}
[data-tooltip].tooltip-active::before, [data-tooltip]:hover::before {
  content: "";
  position: absolute;
  top: 40%;
  border-top: 10px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  border-left: 6px solid transparent;
}

/* .product-labels */
.product-labels {
  display: flex;
  justify-content: flex-end;
  padding: 12px;
  box-sizing: content-box;
  font-size: 0.6875rem;
}
.product-labels span {
  font-size: inherit;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 24px;
  padding: 0 0.8em;
  white-space: nowrap;
} 
.product-labels span + span {
  margin-left: 12px;
}
.product-labels .offer {
  background-color: #ffe542;
  color: #333000;
}
.product-labels .new {
  background-color: #1688c9;
  color: white;
}

.more-products {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 1.21em;
  color: #627384;
  white-space: nowrap;
  transition: color 0.2s;
}
.more-products::after {
  content: url(../../images/icon-link-arrow.svg);
  margin-left: 0.5em;
  height: 1em;
  width: 8px;
}
.more-products:hover {
  color: #364d63;
}

.disclaimer {
  display: flex;
  align-items: flex-start;
}
.disclaimer input[type=checkbox] {
  margin-right: 0.5rem;
}

/* ASIDE NAV*/
@media screen and (min-width: 1201px) {
  .aside-nav-category.mobile {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .aside {
    display: flex;
    flex-direction: column;
    transition: transform 300ms;
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    height: calc(100vh - 56px);
    z-index: 1000;
    overflow: scroll;
    width: fit-content;
    background-color: whitesmoke;
    box-shadow: 2px 2px 24px rgba(38, 37, 51, 0.2);
    top: 56px;
  }

  #aside-nav {
    display: none;
    width: 100vw;
    height: 100%;
  }
  #aside-nav li {
    border-top: 1px solid #e4e6e7;
    padding: 16px;
    margin-top: 0;
  }
  #aside-nav li.aside-nav-category[data-type=selected] a,
#aside-nav li.aside-nav-category a,
#aside-nav li[data-type=selected] a,
#aside-nav li a {
    font-weight: 400;
    font-size: 1rem;
    color: #001d29;
  }
  #aside-nav ul {
    margin-left: 0;
  }
  #aside-nav [data-type=selected]:has(+ ul)::before {
    content: url(/images/icon-back-arrow.svg);
    margin-right: 12px;
  }
  #aside-nav [data-type=selected]:has(+ ul) {
    background-color: white;
  }
  #aside-nav [data-type=selected]::before {
    content: none;
  }
  #aside-nav li {
    display: none;
  }
  #aside-nav menu:not(:has(li[data-type=selected])) > li {
    display: flex;
  }
  #aside-nav li[data-type=selected],
#aside-nav li[data-type=selected] + ul > li {
    display: flex;
    align-items: center;
  }

  .mobile-nav-open #aside-nav {
    display: initial;
  }

  .mobile-nav-open .aside {
    transform: translateX(0%);
  }
}
/* MEDIA QUERIES */
.max-width {
  max-width: calc(1120px + 13rem + 4rem);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: visible;
}

#mobile-header-search {
  display: none;
}

.aside .search-bar {
  display: none;
}

.js-close {
  cursor: pointer;
  display: flex;
  padding: 12px;
}
.js-close img {
  height: 16px;
  width: 16px;
}
.js-close:focus-visible {
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}

/* MODAL */
.modal {
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  border: none;
  outline: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  background-color: white;
  position: fixed;
}
.modal .js-close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  display: flex;
  padding: 12px;
}
.modal .js-close img {
  height: 16px;
  width: 16px;
}
.modal .js-close:focus-visible {
  background-color: white;
  border-radius: 100%;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}
@media screen and (min-width: 500px) {
  .modal {
    width: 90vw;
    height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

html {
  --modal-bg-color: transparent;
}

body.modal-open {
  position: relative;
}
body.modal-open::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(20, 26, 31, 0.4);
  z-index: 50;
}

@media screen and (max-width: 800px) {
  .search-bar.mobile {
    font-size: 0.875rem;
  }

  html {
    overflow-x: hidden;
  }

  .header-icons {
    flex: 1;
  }

  .content-padding {
    padding-left: 0;
    padding-right: 0;
  }

  #top-nav {
    display: none;
  }

  .mobile-nav-open::before,
.mobile-filter-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(20, 26, 31, 0.4);
    z-index: 1;
  }

  .mobile-nav-open .mobile-nav {
    left: 0;
  }

  .mobile-nav-open .aside .search-bar {
    position: sticky;
    top: 0;
    display: block;
    background-color: whitesmoke;
  }
  .mobile-nav-open .aside .search-bar div {
    display: flex;
    width: 100%;
    flex: 0 0 38px;
    flex-direction: row;
    max-width: none;
    width: initial;
    padding-left: 12px;
    padding-right: 12px;
    height: 40px;
    background-color: white;
    border-radius: 4px;
    align-items: center;
    margin: 22px 16px;
    border: 1px solid #e4e6e7;
  }
  .mobile-nav-open .aside .search-bar input[type=search] {
    width: 100%;
    flex: 1;
    font-size: 1rem;
  }
  .mobile-nav-open .aside .search-bar .icon-search {
    margin-right: 12px;
  }

  #mobile-header-search {
    display: flex;
    padding: 5.5px;
    margin-right: 4px;
  }

  #mobile-header-search,
.basket-nav {
    width: 33px;
    height: 33px;
  }

  .basket-nav .icon-basket {
    width: 24px;
    height: 24px;
    filter: invert(1);
  }
  .basket-nav .basket-nav-amount {
    font-size: 0.6875rem;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
  }

  body {
    margin-top: 56px;
  }

  #header {
    background-color: black;
    height: 56px;
    padding: 0;
    z-index: 20;
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
  }
  #header .burger {
    display: block;
    padding-left: 6px;
    cursor: pointer;
  }
  #header .burger div {
    display: flex;
    height: 14px;
    flex-direction: column;
    justify-content: space-between;
    margin: 16px;
  }
  #header .burger span {
    transition: transform 200ms;
    height: 2px;
    width: 18px;
    background-color: white;
  }
  #header .burger span:nth-child(1) {
    transform-origin: left top;
  }
  #header .burger span:nth-child(3) {
    transform-origin: left bottom;
  }
  #header .burger[aria-expanded=true] span:nth-child(1) {
    transform: rotate(45deg);
  }
  #header .burger[aria-expanded=true] span:nth-child(2) {
    transform: scaleX(0);
  }
  #header .burger[aria-expanded=true] span:nth-child(3) {
    transform: rotate(-45deg);
  }
  #header .logo {
    height: 48px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    align-items: center;
  }
  #header .header-container {
    height: 100%;
    width: 100%;
    padding: 0;
  }
  #header .header-icons {
    padding-left: 22px;
    padding-right: 22px;
  }
  #header .search-bar {
    display: none;
  }
  #header .top-info {
    display: none;
  }

  .mobile-nav {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    transition: left 400ms;
    position: fixed;
    top: 56px;
    left: -100%;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: whitesmoke;
  }
  .mobile-nav .search-bar {
    display: flex;
    flex: 0 0 38px;
    flex-direction: row;
    max-width: none;
    width: initial;
    margin: 22px 16px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
  }
  .mobile-nav .search-bar .icon-search {
    margin-right: 12px;
  }
  .mobile-nav .search-bar input[type=search] {
    flex: 1;
    font-size: 1rem;
  }
  .mobile-nav nav {
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 1;
  }
  .mobile-nav nav li {
    list-style: none;
  }
  .mobile-nav nav li,
.mobile-nav nav p {
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none;
    color: #001d29;
    line-height: 54px;
    border-top: 1px solid #eef0f1;
  }
  .mobile-nav nav a {
    color: #364d63;
    text-decoration: none;
    display: block;
  }
  .mobile-nav nav p::before {
    content: url("../../images/icon-back-arrow.svg");
    margin-right: 12px;
  }
  .mobile-nav nav .categories,
.mobile-nav nav .subcategories,
.mobile-nav nav .subcategory,
.mobile-nav nav .subcategory-container {
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    width: 100%;
    height: fit-content;
  }
  .mobile-nav nav .categories {
    padding-left: 22px;
    padding-right: 22px;
  }
  .mobile-nav nav .subcategories {
    padding-left: 22px;
    padding-right: 22px;
    position: absolute;
  }
  .mobile-nav nav .subcategory {
    padding-left: 22px;
    padding-right: 22px;
    position: absolute;
    overflow: auto;
    height: calc(100vh - 138px);
  }
  .mobile-nav nav .subcategory[data-type=closed] {
    left: -100%;
  }
  .mobile-nav nav .subcategory[data-type=closed] .subcategory-container {
    height: 0;
  }
  .mobile-nav nav .subcategory[data-type=open] {
    transition: left 200ms;
    left: 0%;
  }
  .mobile-nav nav .subcategory[data-type=open] .subcategory-container {
    height: initial;
  }
  .mobile-nav nav .subcategory-container a {
    padding-left: 12px;
  }

  .desktop {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  p,
.anchor,
input[type=text] {
    font-size: 0.875rem;
  }

  .js-accordion {
    font-size: 1rem;
  }

  .heading-1 {
    font-size: 1.45rem;
  }

  .heading-2 {
    font-size: 1.25rem;
  }

  .subtitle {
    font-size: 0.9rem;
  }

  .more-products {
    line-height: 1em;
  }

  .more-products::after {
    transform: scale(0.7);
  }
}
.selected-products {
  width: 100%;
}
.selected-products header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1rem;
  margin-bottom: 1em;
}
.selected-products header p {
  color: #627384;
}
.selected-products header > div {
  margin-top: 0.5em;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .selected-products header {
    font-size: 0.875rem;
  }
}
.selected-products .heading-2 {
  width: 100%;
  font-size: 1.5em;
}
.selected-products .subtitle {
  font-size: 1em;
}
.selected-products > div {
  display: flex;
  flex-wrap: wrap;
}
.selected-products p {
  white-space: nowrap;
}

/* .product-item */
.product-item {
  display: flex;
  flex-direction: column;
  background: white;
}
.product-item input[type=checkbox] {
  width: 12px;
  height: 12px;
  min-width: 12px;
  border-radius: 2px;
}
.product-item .product-image-wrapper {
  position: relative;
  padding-top: calc(100% + 48px);
  background-color: white;
}
.product-item .product-link {
  width: 100%;
  top: 0;
  position: absolute;
  height: calc(100% - 32px);
}
.product-item .product-label {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.product-item .product-image {
  position: absolute;
  top: 48px;
  left: 16px;
  width: calc(100% - 32px);
  padding-top: calc(100% - 32px);
  background-image: url(/images/placeholder.svg);
  background-size: cover;
}
.product-item .product-image img {
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}
.product-item .product-filters {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  color: #627384;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}
.product-item .product-filters *,
.product-item .product-filters input[type=radio] {
  margin-right: 12px;
}
.product-item .product-title {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
  color: #001d29;
  margin-bottom: 4px;
  display: flex;
  max-height: 2.4em;
  width: 100%;
  min-height: 1.25em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-item .product-price {
  margin: 0;
  margin-top: auto;
  font-size: 1.5rem;
  color: #001d29;
  font-weight: 600;
  line-height: 1;
}
.product-item .product-price:not([data-amount="1"]):before {
  font-size: 1rem;
  letter-spacing: -0.05em;
  font-weight: 400;
  margin-right: 6px;
  color: #627384;
  content: attr(data-amount) " stk.";
}
.product-item .product-description {
  background-color: #EDEDED;
  padding: 16px;
  height: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.product-item .product-description > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.product-item .product-description > div > * {
  margin-top: 12px;
}
.product-item .product-description form {
  display: flex;
  height: fit-content;
  width: 100%;
  min-width: fit-content;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.product-item .product-description input[type=number],
.product-item .product-description input[type=submit] {
  height: 2.25rem;
  outline: 0;
  border: 0;
  margin: 0;
  text-align: center;
}
.product-item .product-description input[type=submit] {
  font-weight: 600;
  background: #16ca4c;
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
}
.product-item .product-description input[type=number] {
  border-color: white;
  border-right: none;
}
.product-item .product-description input[type=number]:after {
  content: "stk";
}
.product-item .product-description .product-additional-info {
  font-size: 0.625rem;
  color: #627384;
  margin-right: 16px;
  margin-top: 8px;
  height: fit-content;
}
.product-item .product-description .product-additional-info span {
  height: 1rem;
}
.product-item .product-description .product-additional-info label {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.product-item .product-description .product-additional-info input {
  margin-right: 0.25rem;
}
.product-item .product-description div span span {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-item .product-description div span span p {
  margin: 0;
  margin-left: 0.5em;
}
.product-item .button {
  font-size: 0.875rem;
}
.product-item[data-in-stock=yes] .stock:before {
  margin-right: 2px;
  content: url(../../images/icon-availability-available.svg);
  height: 12px;
}
.product-item[data-in-stock=soon] .stock:before {
  margin-right: 2px;
  content: url(../../images/icon-availability-coming-soon.svg);
  height: 12px;
}

.product-item[data-in-stock=no] .stock:before {
  margin-right: 2px;
  content: url(../../images/icon-availability-sold-out.svg);
  height: 12px;
}
.product-item[data-in-stock=no] .button {
  visibility: hidden;
}
@media screen and (max-width: 1250px) {
  .product-item .product-description {
    flex-direction: column;
  }
  .product-item .product-description input[type=submit] {
    flex: 2;
  }
  .product-item .product-description input[type=number] {
    flex: 1;
  }
}
@media screen and (max-width: 500px) {
  .product-item .product-image {
    top: 44px;
  }
  .product-item .product-title {
    font-size: 0.875rem;
  }
  .product-item .button {
    font-size: 0.75rem;
  }
  .product-item .product-description {
    padding: 0;
    padding-top: 8px;
  }
  .product-item .product-description input[type=number],
.product-item .product-description input[type=submit] {
    border-radius: 0;
  }
  .product-item .product-description form {
    box-shadow: none;
  }
  .product-item .product-description input[type=submit] {
    flex: 1;
  }
  .product-item .product-description input[type=number] {
    padding-left: 0;
  }
  .product-item .product-description input[type=number]::-webkit-outer-spin-button,
.product-item .product-description input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
  }
  .product-item .product-description .product-title {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .product-item .product-description .product-price {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
  }
  .product-item .product-description .product-price::before {
    font-size: 0.75rem;
  }
  .product-item .product-description .product-additional-info {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .product-item .product-labels {
    font-size: 0.625rem;
    padding: 8px;
  }
  .product-item .product-labels span + span {
    margin-left: 8px;
  }
  .product-item [data-color] {
    height: 10px;
    width: 10px;
  }
  .product-item .product-filters {
    padding: 4px 8px;
    font-size: 0.6875rem;
  }
  .product-item .product-filters *,
.product-item .product-filters input[type=radio] {
    margin-right: 10px;
  }
}

.product-items,
.category-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: -1rem;
}
.product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
  width: 100%;
  margin-top: 1rem;
}

@media screen and (min-width: 374px) {
  .product-items,
.category-items {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: -1.5rem;
  }
  .product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
    width: calc(50% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 720px) {
  .product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
    width: calc(33.3333333333% - 1rem);
  }
}
@media screen and (min-width: 800px) {
  .product-items,
.category-items {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: -1.5rem;
  }
  .product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
    width: calc(50% - 1rem);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 900px) {
  .product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
    width: calc(33.3333333333% - 1rem);
  }
}
@media screen and (min-width: 1100px) {
  .product-items,
.category-items {
    width: calc(100% + 1rem);
  }
  .product-items .product-item,
.product-items .category-item,
.category-items .product-item,
.category-items .category-item {
    width: calc(25% - 1rem);
  }
}
#kurv .main-container,
#adresse .main-container,
#betaling .main-container,
#kvittering .main-container {
  margin-top: 48px;
}
#kurv p,
#adresse p,
#betaling p,
#kvittering p {
  line-height: 1.5;
}
#kurv label,
#adresse label,
#betaling label,
#kvittering label {
  cursor: pointer;
}
#kurv .row,
#adresse .row,
#betaling .row,
#kvittering .row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
#kurv .row p,
#adresse .row p,
#betaling .row p,
#kvittering .row p {
  margin: 0;
}
#kurv .row.total p,
#adresse .row.total p,
#betaling .row.total p,
#kvittering .row.total p {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5;
}
#kurv .row.total .details, #kurv .row.subtotal .details,
#adresse .row.total .details,
#adresse .row.subtotal .details,
#betaling .row.total .details,
#betaling .row.subtotal .details,
#kvittering .row.total .details,
#kvittering .row.subtotal .details {
  font-size: 0.875rem;
  font-weight: 400;
  color: #9cadba;
}
#kurv .subtotal,
#adresse .subtotal,
#betaling .subtotal,
#kvittering .subtotal {
  margin-bottom: 8px;
}
#kurv .subtotal p,
#adresse .subtotal p,
#betaling .subtotal p,
#kvittering .subtotal p {
  font-size: 1rem;
  color: #627384;
  font-weight: 400;
}
#kurv input[type=text], #kurv .js-select,
#adresse input[type=text],
#adresse .js-select,
#betaling input[type=text],
#betaling .js-select,
#kvittering input[type=text],
#kvittering .js-select {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  height: 40px;
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  padding-left: 12px;
  padding-right: 12px;
}
#kurv .select-selected,
#adresse .select-selected,
#betaling .select-selected,
#kvittering .select-selected {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  justify-content: space-between;
  font-weight: 400;
  color: #364d63;
}
#kurv .select-items,
#adresse .select-items,
#betaling .select-items,
#kvittering .select-items {
  margin-top: 8px;
}
#kurv #coupon-toggle,
#adresse #coupon-toggle,
#betaling #coupon-toggle,
#kvittering #coupon-toggle {
  padding: 16px;
  margin: -16px;
  width: calc(100% + 32px);
}
#kurv #coupon-toggle .details,
#adresse #coupon-toggle .details,
#betaling #coupon-toggle .details,
#kvittering #coupon-toggle .details {
  color: #9cadba;
}
#kurv #coupon-toggle[aria-expanded=true] img,
#adresse #coupon-toggle[aria-expanded=true] img,
#betaling #coupon-toggle[aria-expanded=true] img,
#kvittering #coupon-toggle[aria-expanded=true] img {
  transform: rotate(-180deg);
}
#kurv #coupon-toggle[aria-expanded=true] + #coupon-panel,
#adresse #coupon-toggle[aria-expanded=true] + #coupon-panel,
#betaling #coupon-toggle[aria-expanded=true] + #coupon-panel,
#kvittering #coupon-toggle[aria-expanded=true] + #coupon-panel {
  display: flex;
}
#kurv #coupon-toggle[aria-expanded=false] + #coupon-panel,
#adresse #coupon-toggle[aria-expanded=false] + #coupon-panel,
#betaling #coupon-toggle[aria-expanded=false] + #coupon-panel,
#kvittering #coupon-toggle[aria-expanded=false] + #coupon-panel {
  display: none;
}
#kurv #coupon-panel,
#adresse #coupon-panel,
#betaling #coupon-panel,
#kvittering #coupon-panel {
  margin-top: 24px;
  height: 40px;
  display: flex;
  font-size: 0.875rem;
}
#kurv #coupon-panel input[type=text],
#adresse #coupon-panel input[type=text],
#betaling #coupon-panel input[type=text],
#kvittering #coupon-panel input[type=text] {
  font-size: inherit;
  flex-grow: 1;
  border-radius: 4px 0 0 4px;
}
#kurv #coupon-panel input[type=submit],
#adresse #coupon-panel input[type=submit],
#betaling #coupon-panel input[type=submit],
#kvittering #coupon-panel input[type=submit] {
  font-size: inherit;
  padding-left: 32px;
  padding-right: 32px;
  border-radius: 0 4px 4px 0;
  color: white;
  background-color: #9cadba;
  font-weight: 600;
}
#kurv .delivery .subtitle,
#adresse .delivery .subtitle,
#betaling .delivery .subtitle,
#kvittering .delivery .subtitle {
  color: #001d29;
}
#kurv .delivery .heading-3,
#adresse .delivery .heading-3,
#betaling .delivery .heading-3,
#kvittering .delivery .heading-3 {
  font-size: 1rem;
  margin-bottom: 16px;
}
#kurv .delivery P:first-child,
#adresse .delivery P:first-child,
#betaling .delivery P:first-child,
#kvittering .delivery P:first-child {
  margin-right: 1ch;
}
#kurv .delivery p,
#adresse .delivery p,
#betaling .delivery p,
#kvittering .delivery p {
  color: #627384;
}
#kurv .delivery .expected-delivery-date,
#adresse .delivery .expected-delivery-date,
#betaling .delivery .expected-delivery-date,
#kvittering .delivery .expected-delivery-date {
  margin-bottom: 8px;
}
#kurv .delivery .expected-delivery-date p,
#adresse .delivery .expected-delivery-date p,
#betaling .delivery .expected-delivery-date p,
#kvittering .delivery .expected-delivery-date p {
  color: #001d29;
}
#kurv .delivery .details,
#adresse .delivery .details,
#betaling .delivery .details,
#kvittering .delivery .details {
  margin-bottom: 0;
}
#kurv .basket-summary hr, #kurv .basket-overview hr, #kurv .delivery hr,
#adresse .basket-summary hr,
#adresse .basket-overview hr,
#adresse .delivery hr,
#betaling .basket-summary hr,
#betaling .basket-overview hr,
#betaling .delivery hr,
#kvittering .basket-summary hr,
#kvittering .basket-overview hr,
#kvittering .delivery hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: none;
  height: 1px;
  background-color: #eef0f1;
}
#kurv .checkout-progress,
#adresse .checkout-progress,
#betaling .checkout-progress,
#kvittering .checkout-progress {
  display: flex;
  width: 100%;
  background-color: #F2F2F2;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid #e4e6e7;
  border-bottom: 1px solid #e4e6e7;
  user-select: none;
  -webkit-user-select: none;
}
#kurv .checkout-progress-wrapper,
#adresse .checkout-progress-wrapper,
#betaling .checkout-progress-wrapper,
#kvittering .checkout-progress-wrapper {
  max-width: 1100px;
  margin: auto;
  display: flex;
  padding: 40px 80px 68px 80px;
  width: 100%;
  align-items: center;
}
#kurv .checkout-progress .line,
#adresse .checkout-progress .line,
#betaling .checkout-progress .line,
#kvittering .checkout-progress .line {
  flex: 1;
  background-color: #c9cccf;
  height: 1px;
}
#kurv .checkout-progress .done + .line,
#adresse .checkout-progress .done + .line,
#betaling .checkout-progress .done + .line,
#kvittering .checkout-progress .done + .line {
  background-color: #16ca4c;
}
#kurv .checkout-progress span,
#adresse .checkout-progress span,
#betaling .checkout-progress span,
#kvittering .checkout-progress span {
  color: #627384;
}
#kurv .checkout-progress .step-number,
#adresse .checkout-progress .step-number,
#betaling .checkout-progress .step-number,
#kvittering .checkout-progress .step-number {
  font-size: 0.9rem;
  font-weight: 600;
  width: 29px;
  height: 29px;
  background-color: #c9cccf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: white;
  margin: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
#kurv .checkout-progress h1,
#adresse .checkout-progress h1,
#betaling .checkout-progress h1,
#kvittering .checkout-progress h1 {
  font-size: 1rem;
  font-weight: normal;
}
#kurv .checkout-progress .active span,
#kurv .checkout-progress .active h1, #kurv .checkout-progress .done span,
#kurv .checkout-progress .done h1,
#adresse .checkout-progress .active span,
#adresse .checkout-progress .active h1,
#adresse .checkout-progress .done span,
#adresse .checkout-progress .done h1,
#betaling .checkout-progress .active span,
#betaling .checkout-progress .active h1,
#betaling .checkout-progress .done span,
#betaling .checkout-progress .done h1,
#kvittering .checkout-progress .active span,
#kvittering .checkout-progress .active h1,
#kvittering .checkout-progress .done span,
#kvittering .checkout-progress .done h1 {
  color: rgba(10, 92, 28, 0.7);
}
#kurv .checkout-progress .active .step-number, #kurv .checkout-progress .done .step-number,
#adresse .checkout-progress .active .step-number,
#adresse .checkout-progress .done .step-number,
#betaling .checkout-progress .active .step-number,
#betaling .checkout-progress .done .step-number,
#kvittering .checkout-progress .active .step-number,
#kvittering .checkout-progress .done .step-number {
  background-color: #31d855;
  position: relative;
}
#kurv .checkout-progress .done .step-number:after,
#adresse .checkout-progress .done .step-number:after,
#betaling .checkout-progress .done .step-number:after,
#kvittering .checkout-progress .done .step-number:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: url(../../images/checkout-progress-checkmark.svg);
  background-color: #31d855;
  border-radius: 100%;
}
#kurv .checkout-progress .step span,
#kurv .checkout-progress .step h1,
#adresse .checkout-progress .step span,
#adresse .checkout-progress .step h1,
#betaling .checkout-progress .step span,
#betaling .checkout-progress .step h1,
#kvittering .checkout-progress .step span,
#kvittering .checkout-progress .step h1 {
  position: absolute;
  transform: translateX(calc(-50% + 22px));
}
#kurv .back,
#adresse .back,
#betaling .back,
#kvittering .back {
  display: flex;
  align-items: center;
  text-decoration: none;
  height: 1.21em;
  white-space: nowrap;
  margin-right: 2ch;
  font-size: 0.875rem;
  transition: color 0.2s;
}
#kurv .back::before,
#adresse .back::before,
#betaling .back::before,
#kvittering .back::before {
  content: url(../../images/icon-arrow-back.svg);
  margin-right: 10px;
  height: 1.1em;
  transform: rotateY(180deg);
}
#kurv .back:hover,
#adresse .back:hover,
#betaling .back:hover,
#kvittering .back:hover {
  color: #364d63;
}
@media screen and (max-width: 800px) {
  #kurv .checkout-progress-wrapper,
#adresse .checkout-progress-wrapper,
#betaling .checkout-progress-wrapper,
#kvittering .checkout-progress-wrapper {
    padding: 16px 40px 38px 40px;
  }
  #kurv .checkout-progress-wrapper [aria-current=step],
#kurv .checkout-progress-wrapper span,
#adresse .checkout-progress-wrapper [aria-current=step],
#adresse .checkout-progress-wrapper span,
#betaling .checkout-progress-wrapper [aria-current=step],
#betaling .checkout-progress-wrapper span,
#kvittering .checkout-progress-wrapper [aria-current=step],
#kvittering .checkout-progress-wrapper span {
    font-size: 0.625rem;
  }
  #kurv button.button,
#adresse button.button,
#betaling button.button,
#kvittering button.button {
    max-width: initial;
  }
}
#kurv .payment-info,
#adresse .payment-info,
#betaling .payment-info,
#kvittering .payment-info {
  align-items: flex-start;
  justify-content: space-around;
  max-width: 450px;
  margin: auto;
}
#kurv .payment-info div,
#adresse .payment-info div,
#betaling .payment-info div,
#kvittering .payment-info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 16px;
  margin-right: 16px;
}
#kurv .payment-info div img,
#adresse .payment-info div img,
#betaling .payment-info div img,
#kvittering .payment-info div img {
  height: 32px;
}
#kurv .basket-item,
#adresse .basket-item,
#betaling .basket-item,
#kvittering .basket-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#kurv .basket-item-description,
#adresse .basket-item-description,
#betaling .basket-item-description,
#kvittering .basket-item-description {
  display: flex;
  flex-direction: column;
  margin-right: auto;
  padding-right: 0.5rem;
}
#kurv .basket-item-price,
#adresse .basket-item-price,
#betaling .basket-item-price,
#kvittering .basket-item-price {
  color: #627384;
  white-space: nowrap;
  font-weight: 400;
}
#kurv .basket-item .amount,
#adresse .basket-item .amount,
#betaling .basket-item .amount,
#kvittering .basket-item .amount {
  color: #9cadba;
  font-size: 0.875rem;
  font-weight: 400;
  white-space: nowrap;
}
#kurv .basket-overview .basket-item,
#adresse .basket-overview .basket-item,
#betaling .basket-overview .basket-item,
#kvittering .basket-overview .basket-item {
  margin-bottom: 16px;
}
#kurv .basket-overview .product-image,
#adresse .basket-overview .product-image,
#betaling .basket-overview .product-image,
#kvittering .basket-overview .product-image {
  background-color: white;
  width: 78px;
  height: 78px;
  object-fit: contain;
  padding: 8px;
  border: 1.5px solid #eef0f1;
  margin-right: 16px;
}
#kurv .basket-overview p,
#adresse .basket-overview p,
#betaling .basket-overview p,
#kvittering .basket-overview p {
  margin-top: 0;
}
#kurv .basket-overview header,
#adresse .basket-overview header,
#betaling .basket-overview header,
#kvittering .basket-overview header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
}
#kurv .basket-overview header *,
#adresse .basket-overview header *,
#betaling .basket-overview header *,
#kvittering .basket-overview header * {
  margin: 0;
}
#kurv .basket-overview header .details,
#adresse .basket-overview header .details,
#betaling .basket-overview header .details,
#kvittering .basket-overview header .details {
  color: #9cadba;
  font-weight: 500;
  transition: color 200ms;
}
#kurv .basket-overview header .details:hover,
#adresse .basket-overview header .details:hover,
#betaling .basket-overview header .details:hover,
#kvittering .basket-overview header .details:hover {
  color: #001d29;
}
#kurv .basket-overview .row,
#adresse .basket-overview .row,
#betaling .basket-overview .row,
#kvittering .basket-overview .row {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #kurv .card,
#adresse .card,
#betaling .card,
#kvittering .card {
    padding: 32px 16px;
  }
  #kurv .main-container,
#kurv .main-container .newsletter,
#adresse .main-container,
#adresse .main-container .newsletter,
#betaling .main-container,
#betaling .main-container .newsletter,
#kvittering .main-container,
#kvittering .main-container .newsletter {
    margin-top: 16px;
  }
  #kurv .main-container .confirmation,
#adresse .main-container .confirmation,
#betaling .main-container .confirmation,
#kvittering .main-container .confirmation {
    margin-top: 0;
  }
  #kurv #footer,
#adresse #footer,
#betaling #footer,
#kvittering #footer {
    margin-top: 32px;
  }
}
@media screen and (max-width: 420px) {
  #kurv #footer,
#adresse #footer,
#betaling #footer,
#kvittering #footer {
    margin-top: 0;
  }
}

#adresse {
  /************************/
  /* .js-delivery-options */
  /************************/
  /****************************/
  /* .js-delivery-options END */
  /****************************/
}
#adresse a {
  display: initial;
}
#adresse .row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#adresse .row.conditions {
  width: fit-content;
  margin-bottom: 16px;
}
#adresse .row.conditions input[type=checkbox] {
  margin-right: 12px;
  flex-shrink: 0;
}
#adresse .basket-overview .basket-item:last-child {
  margin-bottom: 32px;
}
#adresse .conditions.details {
  margin-bottom: 12px;
}
#adresse .heading-1,
#adresse .heading-2 {
  margin-bottom: 32px;
}
#adresse .delivery-adress {
  display: flex;
  flex-direction: column;
}
#adresse .delivery-adress > div {
  max-width: 520px;
}
#adresse .delivery-adress .input-wrapper {
  margin-bottom: 16px;
  display: flex;
  flex: 1 1 auto;
}
#adresse .delivery-adress .input-wrapper input {
  flex: 1;
}
#adresse .delivery-adress .row-2 .input-wrapper + .input-wrapper {
  margin-left: 1rem;
}
@media screen and (max-width: 460px) {
  #adresse .delivery-adress .row-2 {
    flex-wrap: wrap;
  }
  #adresse .delivery-adress .row-2 .input-wrapper {
    width: 100%;
  }
  #adresse .delivery-adress .row-2 .input-wrapper + .input-wrapper {
    margin-left: 0;
  }
}
#adresse .delivery-adress .row.conditions {
  margin-bottom: 24px;
  flex-wrap: nowrap;
  align-items: center;
}
#adresse .delivery-adress .details {
  color: #627384;
}
#adresse .delivery-adress .conditions + .conditions {
  margin-bottom: 1rem;
}
#adresse .basket-overview .row.conditions {
  margin-bottom: px;
  flex-wrap: nowrap;
  width: fit-content;
}
#adresse .basket-overview label {
  cursor: pointer;
}
#adresse .basket-overview .details {
  color: #627384;
}
#adresse .basket-overview .total {
  margin-bottom: 24px;
}
#adresse .basket-overview .total p {
  color: #001d29;
}
#adresse .basket-overview #conditions-and-confirm {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  padding: 16px;
  background-color: whitesmoke;
  border-radius: 4px;
}
@media screen and (max-width: 640px) {
  #adresse .basket-overview #conditions-and-confirm {
    margin-bottom: -32px;
  }
}
#adresse .main-container {
  margin-top: 48px;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  #adresse .main-container.adress {
    align-items: center;
  }
}
@media screen and (min-width: 1081px) {
  #adresse .main-container.adress {
    justify-content: center;
  }
}
#adresse .left, #adresse .right {
  display: flex;
  flex-direction: column;
  height: fit-content;
}
#adresse .left {
  flex: 1;
  max-width: 600px;
  margin-right: min(3vw, 40px);
}
#adresse .right {
  flex: 1;
  max-width: 600px;
}
@media screen and (min-width: 1081px) {
  #adresse .right {
    max-width: 550px;
  }
}
#adresse .js-delivery-pickup-overlay {
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  padding: 32px;
  overflow-y: scroll;
  background-color: white;
  max-width: 845px;
  width: 100%;
  height: fit-content;
}
#adresse .js-delivery-pickup-overlay[open=true] {
  display: flex;
}
#adresse .js-delivery-pickup-overlay .map {
  flex: 1;
}
#adresse .js-delivery-pickup-overlay .map img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
#adresse .js-delivery-pickup-overlay .panel {
  flex: 1;
  position: relative;
}
#adresse .js-delivery-pickup-overlay .panel .js-close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 16px;
  cursor: pointer;
}
#adresse .js-delivery-pickup-overlay .panel .heading-3 {
  margin-bottom: 16px;
}
#adresse .js-delivery-pickup-overlay .panel .wrapper {
  padding: 32px;
}
#adresse .js-delivery-pickup-overlay .panel input[type=search] {
  height: 40px;
  border: 1px solid #e4e6e7;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  color: #627384;
  border-radius: 4px;
  font-size: 0.875rem;
}
#adresse .js-delivery-pickup-overlay .panel input[type=search]::placeholder {
  color: #9cadba;
}
#adresse .js-delivery-pickup-overlay .panel input[type=search]:focus {
  border-color: #9cadba;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 32px;
  cursor: pointer;
  border-bottom: 1px solid #e4e6e7;
  transition: background-color 200ms;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option p {
  margin: 0;
  font-size: 0.625rem;
  line-height: 1.4;
  color: #627384;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option p:first-child {
  color: #001d29;
  font-weight: bold;
  line-height: 1.5;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option .radio {
  flex: 10px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #c9cccf;
  margin-right: 16px;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option div:nth-child(2) {
  flex: 1;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option div:nth-child(3) {
  flex: 1;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option div:nth-child(3) p {
  text-align: right;
}
#adresse .js-delivery-pickup-overlay .panel .pickup-option:hover, #adresse .js-delivery-pickup-overlay .panel .pickup-option[data-type=selected] {
  background-color: #eef0f1;
}
#adresse .price {
  white-space: nowrap;
}
#adresse .js-delivery-options .heading-3 {
  margin-bottom: 0.4em;
  color: #001d29;
  font-weight: 500;
}
#adresse .js-delivery-options .price {
  font-weight: bold;
}
#adresse .js-delivery-options .subtitle {
  font-weight: 500;
  margin-top: 32px;
}
#adresse .js-delivery-options .back {
  margin-top: 40px;
}
#adresse .delivery-option-panel ul.opening-hours li {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
#adresse .js-delivery-option + .js-delivery-option {
  margin-top: 16px;
}
#adresse .js-delivery-option, #adresse .js-delivery-main-option {
  cursor: pointer;
}
#adresse .js-delivery-option .row, #adresse .js-delivery-main-option .row {
  flex-wrap: nowrap;
}
#adresse .js-delivery-main-option {
  border: 1px solid #e9ebed;
  background-color: #f9fafa;
  border-radius: 12px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 16px;
}
#adresse .js-delivery-main-option[aria-disabled=true] {
  cursor: not-allowed;
  border: none;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 0.5;
  filter: grayscale(1);
}
#adresse .js-delivery-main-option .partner {
  margin-right: 24px;
  flex: 1 1 80%;
}
#adresse .js-delivery-main-option .logo {
  flex: 0 0 80px;
  max-width: 100%;
}
#adresse .js-delivery-main-option .logo img {
  max-width: 100%;
}
#adresse .js-delivery-main-option .price {
  margin-left: 24px;
  flex: 1 1 20%;
  text-align: right;
}
#adresse .js-delivery-main-option[aria-expanded=true] .delivery-option-panel {
  display: initial;
}
#adresse .delivery-option-panel[aria-hidden=true] {
  display: none;
}
#adresse .js-delivery-option {
  display: flex;
  justify-content: space-between;
  transition: background-color 150ms;
  outline: 1px solid #e4e6e7;
  background-color: rgba(228, 230, 231, 0.3);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 6px;
}
#adresse .js-delivery-option + #adresse .js-delivery-option {
  margin-top: 12px;
}
#adresse .no-delivery-options p {
  margin-top: 0rem;
  color: #364d63;
}
#adresse .js-delivery-main-option + .no-delivery-options {
  display: none;
}
#adresse .js-delivery-main-option.self-collect p.subtitle {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
#adresse .js-delivery-main-option.self-collect .opening-hours div {
  display: flex;
  justify-content: space-between;
}
#adresse .js-delivery-main-option.self-collect .opening-hours div p:first-child {
  font-weight: 500;
}
#adresse .js-delivery-main-option.self-collect .opening-hours p {
  margin-top: 2px;
  margin-bottom: 2px;
}
#adresse .js-delivery-option[aria-checked=true],
#adresse .self-collect[aria-checked=true] {
  background-color: #ecf1f9;
  outline: 1px solid #99c4ff;
}
#adresse .js-delivery-option[aria-checked=true] p,
#adresse .self-collect[aria-checked=true] p {
  color: #506d95;
}
#adresse .js-delivery-option[aria-checked=true] p:first-of-type,
#adresse .self-collect[aria-checked=true] p:first-of-type {
  color: #002b66;
}
#adresse .js-show-more-pickups {
  margin-top: 16px;
  color: #0073e6;
  height: fit-content;
  background: none;
  outline: none;
  border: none;
  font-size: 1rem;
  transition: color 100ms;
  margin-top: 1.5em;
  margin-left: 1.5rem;
  margin-bottom: 1.2em;
}
#adresse .js-delivery-main-option div:not(.price) {
  color: #627384;
  line-height: 1.5;
}
#adresse .js-delivery-options .location div:first-child,
#adresse .js-delivery-options .opening-hours div:first-child {
  color: #001d29;
  margin-bottom: 4px;
  font-weight: 600;
}
#adresse .js-delivery-option div {
  font-size: 0.875rem;
  line-height: 1.5;
}
#adresse .delivery-option-panel {
  margin-top: 24px;
}
#adresse .delivery-option-panel .subtitle {
  margin-bottom: 1em;
  color: #001d29;
  font-size: 1rem;
}
#adresse .delivery-option-panel .opening-hours {
  text-align: right;
}
#adresse input[type=date] {
  height: 40px;
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  padding-left: 16px;
  font-weight: 400;
  padding-right: 16px;
  color: #627384;
  margin-top: 12px;
}
#adresse input[type=date]:placeholder-shown {
  color: #627384;
}
#adresse .expected-delivery-date {
  margin-bottom: 4px;
}
#adresse .delivery .choose-date {
  justify-content: flex-start;
  margin-top: 24px;
  margin-bottom: 4px;
}
#adresse .choose-date p:first-child {
  color: #001d29;
}
#adresse input[type=text]:not(:placeholder-shown) + label {
  display: initial;
}
#adresse input[type=text]:not(:placeholder-shown):valid + label:after {
  content: url(../../images/icon-checkmark.svg);
  margin-left: 6px;
}
#adresse input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) {
  border-color: #FF6860;
  color: #7D0600;
  background-color: #FEF0F0;
}
#adresse input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) + label {
  color: #E60B00;
}
#adresse input[type=text]:invalid:not(:placeholder-shown):not(:focus):not(:focus-visible):not(:-webkit-autofill) + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #FEF0F0;
  bottom: 0%;
  z-index: -1;
}
#adresse input[type=text]:placeholder-shown {
  border-color: #e4e6e7;
  background-color: white;
}
#adresse input[type=text] {
  color: #364d63;
}
#adresse input[type=text]::placeholder {
  color: #9cadba;
  border-color: #e4e6e7;
}
#adresse input[type=text]:focus:not(:invalid) {
  color: #364d63;
  border-color: #e4e6e7;
}
#adresse input[type=text]:focus:not(:invalid) + label {
  color: #9cadba;
}
#adresse input[type=text]:focus:not(:invalid) + label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #F5FCFF;
  bottom: 0%;
  z-index: -1;
}
#adresse input[type=text]:focus-visible label:before,
#adresse input[type=text]:focus label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  background-color: #F5FCFF;
  bottom: 0%;
  z-index: -1;
}
#adresse input[type=text]:not(:focus):-webkit-autofill {
  color: #9cadba;
  border-color: #e4e6e7;
}
#adresse input[type=text]:not(:focus):-webkit-autofill + label {
  color: #9cadba;
}
#adresse input:-webkit-autofill,
#adresse input:-webkit-autofill:hover,
#adresse input:-webkit-autofill:focus,
#adresse input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#adresse .input-wrapper {
  position: relative;
}
#adresse .input-wrapper label {
  position: absolute;
  font-size: 0.625rem;
  color: #9cadba;
  top: 0;
  left: 0;
  transform: translate(6px, -50%);
  padding-left: 6px;
  padding-right: 6px;
  display: none;
  z-index: 1;
  background-color: white;
}
#adresse .invoice-adress {
  position: relative;
  align-items: center;
}



.conditions.invoice-adress {
    display: flex;
    flex-wrap: wrap;
}

.conditions.invoice-adress label.details {
    order: 2; 
}

.conditions.invoice-adress input#alternative-delivery-adress {
    order: 1;
}

.conditions.invoice-adress > div {
    order: 3;
    flex-basis: 100%;
    width: 100%;
}



#adresse .invoice-adress input:not(:checked) + div {
  display: none;
}
#adresse .invoice-adress input:checked + div {
  margin-top: 24px;
}
#adresse .partner {
  flex-shrink: 1;
}
#adresse .partner p {
  color: #627384;
}
@media screen and (max-width: 1080px) {
  #adresse .left {
    margin-right: 0;
  }
  #adresse .main-container {
    flex-direction: column;
  }
  #adresse .max-width {
    max-width: 680px;
  }
}
@media screen and (max-width: 900px) {
  #adresse .js-delivery-pickup-overlay {
    padding: 0;
  }
  #adresse .js-delivery-pickup-overlay .overlay-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  #adresse .js-delivery-options .row {
    flex-direction: column;
    align-items: flex-start;
  }
  #adresse .js-delivery-options .logo {
    flex: 1 1 auto;
    margin-bottom: 8px;
    order: 1;
  }
  #adresse .js-delivery-options .logo img {
    max-height: 16px;
  }
  #adresse .js-delivery-options .partner {
    order: 2;
  }
  #adresse .js-delivery-options .partner .heading-3 {
    margin-bottom: 0;
  }
  #adresse .js-delivery-options .price {
    order: 3;
    margin-left: 0;
    margin-top: 12px;
    font-size: 1.125rem;
  }
  #adresse .js-delivery-main-option {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #adresse .js-delivery-main-option .logo {
    max-width: 100px;
  }
  #adresse .js-delivery-options [class*=radio] {
    left: 11px;
  }
  #adresse .delivery-option {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
  #adresse .delivery-option .radio {
    top: calc(50% - 6px);
  }
  #adresse .partner div:first-child {
    font-size: 0.75rem;
    font-weight: bold;
    margin-bottom: 2px;
  }
  #adresse .row.total {
    margin-bottom: 24px;
  }
}

#betaling .main-container {
  display: flex;
}
#betaling .left {
  display: flex;
  flex: 3;
  margin-right: min(3vw, 40px);
  height: fit-content;
}
#betaling .left .card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1201px) {
  #betaling .left {
    position: sticky;
    top: 40px;
    left: 0;
  }
}
#betaling .row a:first-child {
  margin-right: 24px;
}
#betaling .betaling-placeholder {
  width: 100%;
  height: 50%;
  max-width: 400px;
  margin-top: 32px;
  margin-bottom: auto;
}
#betaling .betaling-placeholder input[type=text] {
  height: 40px;
  width: 100%;
}
#betaling .right {
  flex: 2;
}
@media screen and (max-width: 1200px) {
  #betaling .main-container {
    flex-direction: column;
  }
  #betaling .left {
    margin-right: 0;
  }
}

/* The container must be positioned relative: */
.js-select {
  position: relative;
}

#adresse .js-select {
  padding: 0;
}

#adresse .select-selected {
  padding-left: 12px;
  padding-right: 12px;
}

.select-items {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.select-items div {
  background-color: white;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-right: 16px;
  line-height: 40px;
  font-weight: 400;
  padding-left: 16px;
  padding-right: 16px;
}

.select-selected.select-active {
  color: #001d29;
}

.select-selected {
  line-height: 32px;
  user-select: none;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
}
.select-selected:hover {
  color: #364d63;
}

.select-active {
  color: #001d29;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  content: "";
  background: url(../../images/icon-accordion-arrow.svg) no-repeat center center;
  opacity: 0.5;
  pointer-events: none;
  margin-left: 8px;
  height: 32px;
  width: 16px;
  transform: rotate(180deg);
}

.select-selected.select-active:after {
  transform: none;
}

.select-items div:hover,
.same-as-selected {
  background-color: #eef0f1;
  color: #364d63;
}

.select-items div,
.select-selected {
  color: #627384;
  cursor: pointer;
}

.select-items {
  outline: 1px solid #eef0f1;
  border-radius: 4px;
  position: absolute;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(54, 77, 99, 0.1);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 999;
}
.select-items[aria-hidden=true] {
  display: none;
}
.select-items[aria-hidden=false] {
  display: initial;
}

#forside .home-page {
  display: flex;
  flex-direction: row;
}
#forside main {
  max-width: 100%;
}
@media screen and (min-width: 799px) {
  #forside .aside {
    margin-top: 24px;
  }
}
#forside .banners {
  margin-top: 32px;
}
#forside .banners .banner {
  position: relative;
}
#forside .banners .banner + .banner {
  margin-left: 1rem;
}
#forside .banners a {
  height: fit-content;
}
#forside .banners img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#forside .banners div + div {
  margin-top: 1rem;
}
#forside .banners div {
  display: flex;
  flex-direction: row;
}
#forside .banners div:first-child .banner {
  width: calc((100% - 1rem) / 2);
}
#forside .banners div:last-child .banner {
  width: calc((100% - 2rem) / 3);
}
#forside .product-item[data-in-stock=no] .stock:before {
  margin-right: 2px;
  content: url(/images/icon-availability-sold-out.svg);
  height: 12px;
}
#forside .product-item[data-in-stock=no] form {
  display: none;
}
#forside .top-info.mobile {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem 4vw;
  padding-top: 1rem;
}
#forside .top-info.mobile div {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
}
#forside .search-bar.mobile {
  display: none;
  background-color: white;
  padding: 8px 12px;
  height: 38px;
  border: 1px solid #eef0f1;
  border-radius: 4px;
  flex-direction: row;
  margin-left: 4vw;
  margin-right: 4vw;
}
#forside .search-bar.mobile input[type=search] {
  flex: 1;
}
#forside .search-bar.mobile button {
  margin-right: 1rem;
  background: transparent;
  appearance: none;
  outline: none;
  border: none;
}
#forside .mobile-navigation {
  display: none;
  flex-direction: column;
  margin-top: 2rem;
}
#forside .mobile-navigation ::-webkit-scrollbar {
  display: none;
      
}
#forside .mobile-navigation > div {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-right: 1rem;
  margin-top: 12px;
  margin-left: -1rem;
  margin-right: -1rem;
}
#forside .mobile-navigation > div > a {
  border: 1px solid #e4e6e7;
  background-color: white;
  padding-left: 12px;
  padding-right: 12px;
  height: 38px;
  line-height: 38px;
  font-size: 0.875rem;
  text-decoration: none;
  color: #001d29;
}
#forside .mobile-navigation > div a:first-child {
  margin-left: 1rem;
}
#forside .mobile-navigation > div a + a {
  margin-left: 6px;
}
#forside .selected-products {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#forside .selected-products header {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  #forside .content-padding {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #forside .banners {
    margin-top: 20px;
  }
  #forside .top-info.mobile {
    display: flex;
  }
  #forside .top-info.mobile div {
    font-size: 0.625rem;
    line-height: 16px;
  }
  #forside .search-bar.mobile {
    display: flex;
  }

  #forside .banners .desktop {
    display: none;
  }
  #forside .banners div:first-child {
    flex-direction: column;
    align-items: center;
  }
  #forside .banners div:first-child .banner {
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
    
  }
  #forside .banners div:first-child .banner + .banner {
    margin: 0;
  }
}

@media screen and (max-width: 800px) {
	#forside .mobile-navigation {
    display: flex;
  }
	}

#kategori {
  /* main-container */
  /* .products */
}
#kategori .main-container {
  display: flex;
  flex-direction: row;
}
#kategori .products header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#kategori .products header p {
  transition: color 100ms;
  color: #627384;
}
#kategori .products header p:hover,
#kategori .products header p:focus {
  color: #364d63;
}
#kategori .products header p:active {
  color: #001d29;
}
#kategori .products-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#kategori .video-carousel {
  display: flex;
  flex-direction: row;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  flex-wrap: wrap;
}
#kategori .video-carousel .wrapper {
  width: calc(50% - 1rem);
  max-width: 800px;
  margin-bottom: 1rem;
}
#kategori .video-carousel .wrapper + .wrapper {
  margin-left: 2rem;
}
@media screen and (max-width: 1079px) {
  #kategori .video-carousel .wrapper {
    width: 100%;
  }
  #kategori .video-carousel .wrapper + .wrapper {
    margin-left: 0;
  }
}
#kategori .js-accordion {
  max-width: 100ch;
}
#kategori section[class*=-section] h1 {
  height: 24px;
  display: flex;
  align-items: center;
}
#kategori section[class*=-section] h1 [class*=icon] {
  margin-right: 12px;
}
#kategori .top-banner {
  margin-bottom: min(6vh, 52px);
}
#kategori .category-header + .categories {
  margin-top: 2rem;
}
#kategori .products-filter {
  margin-bottom: 8px;
}
#kategori .filter-categories {
  display: flex;
}
#kategori .filter-category {
  position: relative;
  width: 180px;
  max-width: 100%;
}
#kategori .select-items {
  margin-left: -16px;
}
#kategori .select-selected {
  margin-left: -16px;
}
#kategori .js-mobile-filter-toggle {
  display: none;
  align-items: center;
  color: #627384;
}
#kategori .js-mobile-filter-toggle img {
  margin-left: 8px;
}
#kategori .price-filter-thumb {
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
#kategori .price-filter-input {
  position: relative;
  align-items: center;
  margin-top: 0.25em;
}
#kategori .price-filter-track {
  background-color: #E1E1E1;
  position: absolute;
  padding: 2px 0;
  border-radius: 4px;
  width: 100%;
}
#kategori .price-filter-thumbs {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#kategori .price-filter {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 1rem;
}
#kategori .price-filter > div {
  height: 16px;
  align-items: center;
}
#kategori .price-filter + div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#kategori .price-filter .price-filter-prices {
  margin-top: 1em;
  display: flex;
  height: fit-content;
  /* Firefox */
}
#kategori .price-filter .price-filter-prices .line {
  width: 12px;
  height: 1px;
  background-color: #9cadba;
  margin: 0.5rem;
}
#kategori .price-filter .price-filter-prices .wrapper {
  background-color: white;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  height: 36px;
  align-items: center;
  border: 1px solid #e4e6e7;
}
#kategori .price-filter .price-filter-prices .wrapper:after {
  content: "kr.";
  color: #627384;
}
#kategori .price-filter .price-filter-prices input {
  width: 100%;
  color: #001d29;
  font-size: inherit;
}
#kategori .price-filter .price-filter-prices input:placeholder-shown() {
  color: red;
  margin-left: 0.5em;
}
#kategori .price-filter .price-filter-prices input::-webkit-outer-spin-button,
#kategori .price-filter .price-filter-prices input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#kategori .price-filter .price-filter-prices input[type=number] {
  -moz-appearance: textfield;
}
#kategori .price-filter [data-ref=price-to],
#kategori .price-filter [data-ref=price-from] {
  margin: 0;
}
@media screen and (max-width: 1080px) {
  #kategori .filter-categories {
    width: 66%;
  }
}
@media screen and (max-width: 800px) {
  #kategori .filter-categories {
    margin-bottom: 1rem;
  }
  #kategori .filter-category {
    width: calc((100% - 2rem) / 3);
    background-color: white;
    box-shadow: 0px 0px 24px 0px rgba(0, 29, 41, 0.03), 0px 1px 2px 0 rgba(0, 29, 41, 0.06);
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
  }
  #kategori .products-filter {
    margin-bottom: 0;
  }
  #kategori .select-items {
    margin-left: 0;
    margin-top: 8px;
  }
  #kategori .select-selected {
    width: 100%;
    justify-content: space-between;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #kategori .filter-categories {
    width: 100%;
  }
  #kategori .filter-category + .filter-category {
    margin-left: 16px;
    align-content: center;
  }
  #kategori .js-mobile-filter-toggle {
    display: flex;
  }
}
@media screen and (max-width: 720px) {
  #kategori .filter-category {
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 500px) {
  #kategori .filter-category {
    font-size: 0.875rem;
  }
}
#kategori .mobile-filter-open:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(20, 26, 31, 0.4);
}
#kategori .aside-filter-confirm {
  padding: 0;
  border: none;
}
#kategori .aside-filter-header {
  display: none;
}
#kategori .button.aside-filter-accept {
  display: none;
}
@media screen and (min-width: 801px) {
  #kategori .aside-filter {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e4e6e7;
  }
}
#kategori .js-filter-category-section {
  margin-top: 1rem;
}
#kategori .js-filter-category-name {
  text-align: left;
  height: 32px;
  position: relative;
  font-size: 1rem;
  line-height: 28px;
  font-weight: 500;
}
#kategori .js-filter-category-name:before {
  content: url(/images/icon-accordion-arrow.svg);
  position: absolute;
  right: 12px;
  height: 100%;
  margin-top: -2px;
}
#kategori .js-filter-category-name:not([data-selected-items="0"]):after {
  content: "(" attr(data-selected-items) ")";
  color: #627384;
  margin-left: 4px;
  font-weight: 400;
  font-size: 0.875rem;
}
#kategori .js-filter-category-name[aria-expanded=false] {
  color: #9cadba;
}
#kategori .js-filter-category-name[aria-expanded=false] + menu {
  margin-bottom: 2rem;
}
#kategori .js-filter-category-name:not([data-selected-items="0"]) {
  color: #001d29;
}
#kategori .js-filter-category-name::before {
  opacity: 0;
}
#kategori .js-filter-category-name:hover::before {
  opacity: 1;
}
#kategori .filter-item {
  display: flex;
  height: 28px;
  align-items: center;
  cursor: pointer;
}
#kategori .js-filter-category-section button[aria-expanded=true] + menu {
  display: block;
}
#kategori .js-filter-category-section button[aria-expanded=false] + menu {
  display: none;
}
#kategori .js-filter-category-section button[aria-expanded=true]:before {
  transform: rotate(180deg);
}
@media screen and (max-width: 800px) {
   .productlist-banner {
    display: none;
  }
  #kategori .top-banner {
    display: none;
  }
  #kategori #aside-filter {
    display: none;
  }
  #kategori.mobile-filter-open #aside-filter {
    display: initial;
  }
  #kategori.mobile-filter-open .aside {
    transform: translateX(0%);
  }
  #kategori .aside-filter {
    width: min(80vw, 400px);
    height: calc(100vh - 56px);
    min-width: fit-content;
  }
  #kategori .aside-filter .js-filter-category-name {
    margin-bottom: 0;
    color: #001d29;
  }
  #kategori .aside-filter .js-filter-category-name::before {
    opacity: 1;
  }
  #kategori .aside-filter .js-filter-category-name[for=price-filter]:after,
#kategori .aside-filter .js-filter-category-name[for=price-filter]:before {
    display: none;
  }
  #kategori .aside-filter .js-filter-category-name + .filter-item {
    margin-top: 8px;
  }
  #kategori .aside-filter .js-show-more-filters {
    display: none !important;
  }
  #kategori .aside-filter .js-filter-category-section {
    border-top: 1px solid #e4e6e7;
    padding: 16px;
    margin-top: 0;
  }
  #kategori .aside-filter [data-filter=price] {
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
  #kategori .aside-filter .price-selector {
    margin-top: 0;
    padding: 16px;
  }
  #kategori .aside-filter .js-reset-filter {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 1rem;
  }
  #kategori .button.aside-filter-accept {
    display: flex;
  }
  #kategori .aside-filter-header {
    background-color: whitesmoke;
    position: sticky;
    top: 0;
    z-index: 9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e4e6e7;
  }
  #kategori .aside-filter-header .heading {
    font-size: 1rem;
    color: #001d29;
    font-weight: 600;
    margin-top: 0;
  }
  #kategori .aside-filter-confirm {
    border-top: 1px solid #e4e6e7;
    padding: 22px;
    background-color: whitesmoke;
    position: sticky;
    bottom: 0;
  }
  #kategori .aside-filter-confirm button {
    border-radius: 0;
    width: 100%;
  }
}
#kategori input[type=radio] + label {
  margin-left: 6px;
}
#kategori .subcategory-select img {
  transition: transform 150ms;
}
#kategori .subcategory-select[data-type=open] img {
  transform: rotate(180deg);
}
#kategori [data-filter=mobile-filter-price] {
  width: 100%;
}
#kategori .js-reset-filter {
  display: none;
  margin-top: 1.5em;
  margin-bottom: -1em;
  align-items: center;
}
#kategori .js-reset-filter:hover {
  color: #F5382E;
}
#kategori .js-reset-filter::before {
  content: "";
  margin-right: 8px;
  background: url(../../images/icon-remove.svg) no-repeat center/cover;
  width: 10px;
  height: 14px;
}
@media screen and (max-width: 1500px) {
  #kategori .products header {
    flex-direction: column;
    margin-bottom: 1rem;
    align-items: flex-start;
  }
  #kategori .products header h1 {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 800px) {
  #kategori .products {
    margin-top: 32px;
  }
  #kategori .main-container,
#kategori .breadcrumb {
    padding-left: 16px;
    padding-right: 16px;
  }
}
#kategori .category-item {
  display: flex;
  flex-direction: column;
  background-color: white;
  height: initial;
}
#kategori .category-item .category-image {
  position: relative;
  max-height: 280px;
  width: 100%;
  padding-top: calc(100% + 32px);
}
#kategori .category-item img {
  position: absolute;
  top: 32px;
  left: 16px;
  height: calc(100% - 64px);
  width: calc(100% - 32px);
  object-fit: contain;
  margin: auto;
}
#kategori .category-item-description {
  background-color: rgba(0, 0, 0, 0.07);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}
#kategori .category-item-description span:first-child {
  font-size: 1.125rem;
  color: #001d29;
  line-height: 1.2;
}
#kategori .category-item-description span:nth-child(2) {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #9cadba;
  margin-top: 0.2em;
}
@media screen and (max-width: 520px) {
  #kategori .category-item-description {
    padding: 16px 8px;
  }
  #kategori .category-item-description span:first-child {
    font-size: 0.875rem;
    line-height: 1.2;
  }
  #kategori .category-item-description span:nth-child(2) {
    font-size: 0.875rem;
  }
}

#kurv .price-summary {
  position: relative;
}
#kurv p {
  line-height: 1.5;
}
#kurv #basket-heading {
  margin-bottom: 0.2em;
}
#kurv .is-empty header, #kurv .is-empty .add-product {
  display: none;
}
#kurv .basket {
  display: flex;
  flex-direction: row;
}
#kurv .basket input[type=number] {
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  height: 40px;
  text-align: center;
}
#kurv .basket input[type=number]:focus {
  border-color: #9cadba;
}
#kurv .basket input[type=number]::-webkit-outer-spin-button,
#kurv .basket input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
  -webkit-appearance: none;
  width: 20px;
  height: 32px;
  opacity: 0.2;
}
#kurv .basket input[type=number]::-webkit-outer-spin-button,
#kurv .basket input[type=number]::-webkit-inner-spin-button {
  background: url(../../images/spinner.svg);
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
#kurv .basket input[type=number]::-webkit-outer-spin-button:hover,
#kurv .basket input[type=number]::-webkit-inner-spin-button:hover {
  opacity: 0.5;
}
#kurv .basket .heading-2 {
  margin-bottom: 28px;
}
#kurv .basket-items .subtitle {
  color: #9cadba;
  margin-top: 2em;
  margin-bottom: 0.5em;
  display: none;
  font-size: 0.875rem;
}
@media screen and (max-width: 420px) {
  #kurv .basket-items .subtitle {
    font-size: 0.75rem;
  }
}
#kurv .basket-items .subtitle:has(+ .basket-item-container) {
  display: block;
}
#kurv .basket-item .price {
  font-weight: bold;
  white-space: nowrap;
}
#kurv .basket-item-container:has(+ .js-storage) {
  border-bottom: 1px solid #eef0f1;
}
@supports not (selector: has()) {
  #kurv .basket-item-container {
    border-bottom: 1px solid #eef0f1;
  }
}
#kurv .basket-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
}
#kurv .basket-item .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: 16px;
}
#kurv .basket-item .wrapper div:last-child {
  display: flex;
}
#kurv .basket-item .wrapper div:last-child * {
  align-self: center;
  margin-top: 0;
}
#kurv .basket-item > div:first-child {
  display: flex;
  flex-direction: row;
}
#kurv .basket-item .product-image {
  max-width: 155px;
  padding: 8px;
}
#kurv .basket-item .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin-right: 32px;
  display: flex;
  flex-direction: column;
}
#kurv .basket-item .description span {
  color: #364d63;
}
#kurv .basket-item .description {
  flex: 1 0 auto;
}
#kurv .basket-item .basket-item-actions {
  flex: 0 1 250px;
}
#kurv .basket-item .price {
  flex: 0 0 auto;
  margin-right: 16px;
}
#kurv .js-remove {
  display: flex;
  flex: 0 0 auto;
  color: #9cadba;
}
#kurv .js-remove .icon {
  margin-right: 6px;
}
#kurv .js-remove .hint {
  color: inherit;
}
#kurv .price-summary .total {
  margin-bottom: 32px;
}
#kurv .price-summary .total p {
  color: #001d29;
  font-weight: bold;
}
#kurv .price-summary .total p:first-child {
  margin-right: 1rem;
}
#kurv .mobile {
  display: none;
}
#kurv .invalid {
  background-color: #FFF7EB;
  padding: 0.8em 1em;
  max-width: 40em;
  border: 1px solid #FFDFB1;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
#kurv .invalid p {
  color: #AD6500;
}
#kurv .invalid p + p {
  margin-top: 0.5em;
}
#kurv .basket-items {
  height: fit-content;
  flex: 3;
}
#kurv .basket-items .basket-item-actions input[type=number] {
  margin-right: auto;
}
#kurv .basket-items .invalid {
  margin-top: 2em;
}
#kurv .js-remove {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
#kurv .js-item-count {
  font-size: 1.25rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.02em;
  color: #627384;
}
#kurv .basket-summary {
  flex: 2;
  margin-left: min(3vw, 40px);
}
#kurv #empty-basket {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
}
#kurv #empty-basket .heading-1 {
  margin-bottom: 1em;
}
#kurv #empty-basket img {
  margin-bottom: 40px;
}
#kurv #empty-basket p {
  margin-bottom: 32px;
  text-align: center;
  line-height: 1.3;
}
#kurv #empty-basket .button {
  height: 40px;
  max-width: 342px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  transition: background-color 300ms;
}
#kurv #empty-basket .button:first-of-type {
  background-color: #31d855;
  color: white;
}
#kurv #empty-basket .button:first-of-type:hover {
  background-color: #67E482;
}
#kurv #empty-basket .button:nth-of-type(2) {
  border: 1px solid #e4e6e7;
  margin-top: 12px;
  background-color: transparent;
  color: black;
}
#kurv #empty-basket .button:nth-of-type(2):hover {
  background-color: #eef0f1;
}
#kurv .add-product {
  display: flex;
  margin-top: 32px;
  max-width: 400px;
}
#kurv .add-product input[type=text] {
  flex: 1;
  border-radius: 4px 0 0 4px;
  width: 100%;
}
#kurv .add-product input[type=text]:not(:placeholder-shown) + input[type=submit] {
  background-color: #31d855;
}
#kurv .add-product input[type=submit] {
  flex: 0 1 auto;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 0 4px 4px 0;
  justify-content: center;
  color: white;
  background-color: #9cadba;
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (max-width: 1200px) {
  #kurv .basket-summary {
    flex: 3;
  }
}
@media screen and (max-width: 950px) {
  #kurv .max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: 680px;
  }
  #kurv .basket {
    flex-direction: column;
  }
  #kurv .basket-summary {
    margin-left: 0;
  }
  #kurv .basket-items {
    margin-bottom: 1rem;
  }
  #kurv .basket-item {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1200px) {
  #kurv .basket-item .wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 16px;
  }
  #kurv .basket-item-container .basket-item .wrapper .basket-item-actions {
    flex-direction: column;
    align-self: flex-start;
    margin-top: 12px;
    flex: 1 0 auto;
  }
  #kurv .basket-item-container .basket-item .wrapper .basket-item-actions .price {
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
  }
  #kurv .js-remove {
    position: absolute;
    top: 4px;
    right: 2px;
  }
}
@media screen and (max-width: 800px) {
  #kurv {
    /* DUBLICATE IN PRODUCT.CSS*/
  }
  #kurv .heading-1, #kurv .heading-2, #kurv .heading-3 {
    font-size: 1.125rem;
    font-weight: bold;
  }
  #kurv .js-item-count {
    font-size: 1rem;
  }
  #kurv .delivery {
    order: 1;
  }
  #kurv .desktop {
    display: none;
  }
  #kurv .main-container {
    margin-top: 16px;
  }
  #kurv .mobile.price-summary {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    margin-bottom: 0;
  }
  #kurv .mobile.price-summary div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #kurv .mobile.price-summary span {
    font-size: 0.875rem;
  }
  #kurv .mobile.price-summary span:first-child {
    color: #627384;
  }
  #kurv .mobile.price-summary span:last-child {
    font-weight: bold;
  }
  #kurv .mobile.price-summary button {
    height: 40px;
    width: fit-content;
    padding-left: 24px;
    padding-right: 24px;
  }
  #kurv .card {
    padding: 24px 16px;
  }
  #kurv .search-bar.mobile {
    display: flex;
    background-color: white;
    padding: 8px 12px;
    height: 38px;
    border: 1px solid #eef0f1;
    border-radius: 4px;
    flex-direction: row;
    margin: 16px;
  }
  #kurv .search-bar.mobile input[type=search] {
    flex: 1;
  }
  #kurv .search-bar.mobile button {
    margin-right: 1rem;
    background: transparent;
    appearance: none;
    outline: none;
    border: none;
  }
  #kurv .basket .heading-1,
#kurv .basket .heading-2,
#kurv .basket .heading-3 {
    margin-bottom: 16px;
  }
  #kurv .basket input[type=number] {
    height: 32px;
  }
  #kurv .basket-items {
    margin-top: 1rem;
  }
  #kurv .price-summary .row p {
    font-size: 0.875rem;
  }
  #kurv .price-summary .total {
    margin-bottom: 24px;
  }
  #kurv .delivery .heading-3 {
    margin-bottom: 8px;
  }
  #kurv .basket .product-image {
    width: 25vw;
    height: 25vw;
    max-width: 110px;
    max-height: 110px;
  }
  #kurv .selected-products {
    margin: 0;
    margin-bottom: 16px;
    padding: 24px 16px;
  }
  #kurv #footer {
    margin-top: 0;
  }
}

@media screen and (max-width: 1200px) {
  #kurv .basket-item-container .basket-item .wrapper .description {
    font-size: 0.875rem;
    line-height: 1.3;
  }
  #kurv .basket-item-container .basket-item .wrapper .basket-item-actions {
    flex-direction: row;
    flex: 1;
    width: 100%;
    align-items: center;
  }
  #kurv .basket-item-container .basket-item .wrapper .basket-item-actions .price {
    margin: 10px;
  }
  
}

#kvittering .main-container {
  display: flex;
  flex-direction: row;
  margin-top: 48px;
}
#kvittering .newsletter {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-right: 40px;
  flex: 2 1 auto;
  height: fit-content;
}
#kvittering .newsletter > .row {
  margin-top: 60px;
}
#kvittering .newsletter .row div a:first-child {
  margin-right: 24px;
}
#kvittering .newsletter .subtitle {
  margin-top: 32px;
  color: #627384;
  font-weight: 500;
}
#kvittering .newsletter hr {
  height: 1px;
  width: 100%;
  max-width: 480px;
  margin-top: 58px;
  margin-bottom: 32px;
  background-color: #eef0f1;
}
#kvittering .newsletter form {
  margin-top: 32px;
  margin-bottom: 32px;
  max-width: 315px;
}
#kvittering .newsletter form div:first-child .heading-3 {
  color: #627384;
}
#kvittering .newsletter form > div:nth-child(2) p:last-child {
  color: #364d63;
  margin-top: 0;
}
#kvittering .newsletter form .row {
  margin-bottom: 16px;
}
#kvittering .newsletter form .row p {
  font-size: 1rem;
}
#kvittering .newsletter form .heading-2 {
  margin-bottom: 32px;
}
#kvittering .newsletter form > div {
  margin-bottom: 40px;
}
#kvittering .confirmation {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  height: fit-content;
}
#kvittering .confirmation h2 {
  margin-bottom: 32px;
}
#kvittering .row p + p {
  margin-left: 32px;
}
#kvittering .subtotal p {
  color: #627384;
}
#kvittering .newsletter input[type=text] {
  width: 100%;
  margin-bottom: 16px;
}
#kvittering hr {
  outline: 0;
  border: 0;
  height: 1px;
  background-color: #eef0f1;
  margin-bottom: 24px;
}
@media screen and (max-width: 950px) {
  #kvittering .main-container {
    flex-direction: column;
  }
  #kvittering .newsletter {
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  #kvittering .main-container {
    margin-top: 0;
  }
  #kvittering .confirmation > .row {
    margin-top: 0;
  }
  #kvittering .confirmation > .row > a {
    margin-bottom: 8px;
  }
  #kvittering .confirmation > .row div a:first-child {
    margin-left: 0;
  }
  #kvittering .confirmation .wrapper div:first-child .heading-3 {
    font-size: 0.875rem;
  }
}

#outlet .banner {
  margin-bottom: 2rem;
  height: auto;
}
#outlet .selected-products {
  padding-top: 0;
  padding-bottom: 0;
}
#outlet .selected-products:first-child {
  margin-top: 0;
}
#outlet .selected-products .heading-3 {
  color: #627384;
}
#outlet .selected-products > div {
  margin-bottom: 2rem;
}
#outlet .selected-products header {
  flex-direction: row;
}
@media screen and (max-width: 800px) {
  #outlet .max-width, #outlet .breadcrumb {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 400px) {
  #outlet .selected-products header {
    align-items: center;
    margin-bottom: 1rem;
  }
  #outlet .selected-products header h3 {
    margin-bottom: 0.2em;
    font-size: 1rem;
  }
}

#persondata table {
  width: calc(100% - 24px);
  min-width: 580px;
  padding-right: 2rem;
}
#persondata table::-webkit-scrollbar {
  display: initial;
}
#persondata .shadow {
  position: relative;
}
#persondata .shadow:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -17px;
  width: 1px;
  box-shadow: 8px 0 16px 1px black;
}
#persondata th {
  font-weight: 600;
  text-align: left;
}
#persondata th, #persondata td {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #eef0f1;
}
#persondata th:first-child, #persondata td:first-child {
  padding-left: 0;
}
#persondata th:last-child, #persondata td:last-child {
  padding-right: 0;
}
#persondata tr:last-child td {
  border: none;
}
#persondata col {
  display: flex;
  flex: 1 1 auto;
}
#persondata section, #persondata .wrapper {
  max-width: 100ch;
}
#persondata h1 {
  margin-bottom: 2rem;
}
#persondata section:first-child {
  margin-top: 0;
}
#persondata .wrapper, #persondata table {
  overflow-x: auto;
}
#persondata .wrapper {
  width: 100vw;
}
#persondata thead {
  position: sticky;
  top: 0;
}
#persondata .main-container > div:not(:first-child) {
  margin-top: 6vh;
}
#persondata h1.heading-1 {
  margin-bottom: 6vh;
}
@media screen and (max-width: 800px) {
  #persondata .max-width, #persondata .breadcrumb {
    padding: 16px;
  }
}

#produkt {
  --cw: 2px;
  /* main-container */
  /* MEDIA QUERIES */
}
#produkt .max-container {
  margin-left: 0;
  margin-right: 0;
}
#produkt .main-container {
  display: flex;
  flex-direction: row;
}
#produkt main .product-page__buy .card:last-child {
  margin-bottom: 0;
}
#produkt .product-page main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#produkt .product-page p:not(.product-items .product-price) {
  margin-top: 0;
}
#produkt .product-page .previous-price {
  margin-top: 0;
  width: fit-content;
  font-size: 1rem;
  display: flex;
  align-items: baseline;
}
#produkt .product-page .previous-price strong {
  padding: 0.4em 0.6em;
  background-color: #ffe542;
  font-size: 0.875em;
  text-transform: uppercase;
  color: #001d29;
  margin-right: 0.25em;
  letter-spacing: 0.025em;
  line-height: 1;
}
#produkt .product-page .previous-price p {
  margin-left: 0.5em;
  font-weight: 700;
  text-decoration: line-through;
  color: #E60B00;
}
#produkt .product-page__title {
  width: 100%;
}
#produkt .product-page__title.mobile {
  margin-bottom: 0.75em;
}
#produkt .product-page__description {
  flex: 1;
  margin-right: min(3vw, 40px);
}
#produkt .product-page__description .heading-2 {
  margin-bottom: 0.75rem;
}
#produkt .product-page__buy {
  flex: 1;
}
@media screen and (min-width: 801px) {
  #produkt .product-page__buy {
    max-width: 420px;
  }
}
#produkt .product-page__buy .buy-info header {
  margin-top: 0;
}
#produkt .product-page__buy .buy-info header .hint {
  margin-top: 16px;
  color: #9cadba;
  max-width: 48ch;
  line-height: 1.5;
}
#produkt .product-page__buy [data-color] {
  width: 1.25rem;
  height: 1.25rem;
}
#produkt .product-page__buy [data-color] + [data-color] {
  margin-left: 0.5rem;
}
#produkt .product-page__buy .filter {
  display: flex;
  flex-direction: column;
}
#produkt .product-page__buy .filter p {
  color: #001d29;
}
#produkt .product-page__buy .filter > div {
  flex-direction: row;
  margin-top: 0.5rem;
}
#produkt .product-page__buy .filter + .filter {
  margin-top: 1.5rem;
}
#produkt .product-page__buy .details {
  margin-top: 1rem;
}
#produkt .product-page__buy .details p {
  font-size: 0.875rem;
  color: #627384;
  display: flex;
  gap: 5px;
}
#produkt [class*=button] {
  max-width: 21.5em;
}
#produkt #carousel-image-wrapper {
  width: 100%;
}
#produkt .carousel-wrapper {
  margin-bottom: 3rem;
}
#produkt .carousel-wrapper .js-carousel-image {
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 20%;
  position: relative;
  width: 100%;
  padding-top: 20%;
}
#produkt .carousel-wrapper .js-carousel-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#produkt .carousel-wrapper .js-carousel-image:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.07);
  transition: background 200ms;
}
#produkt .carousel-wrapper .js-carousel-image:hover::after {
  background-color: transparent;
}
#produkt .carousel-wrapper .js-carousel-image[aria-current=true]:after {
  background-color: transparent;
}
#produkt .carousel-wrapper .product-image-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  position: relative;
}
#produkt .carousel-wrapper .product-image-wrapper .product-image {
  padding-top: 100%;
  position: relative;
}
#produkt .carousel-wrapper .product-image-wrapper .product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#produkt .carousel-wrapper .product-image-wrapper .js-download {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
  justify-content: center;
}
#produkt .carousel-wrapper .product-labels {
  background-color: white;
  padding: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
#produkt .carousel-wrapper .product-labels span {
  display: flex;
  width: fit-content;
  font-size: 0.875rem;
  padding: 0 1rem;
  border-width: 0;
  line-height: calc(2rem - 4px);
  height: 2.25em;
  align-items: center;
}
#produkt .carousel-wrapper .product-labels span + span {
  margin-left: 16px;
}
#produkt .card.outlet > p {
  margin-top: 1em;
}
#produkt .card.outlet > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: 1.75rem;
}
#produkt .card.outlet > div form {
  margin-left: 16px;
}
#produkt .card.outlet .price {
  font-weight: bold;
  font-size: 1.5rem;
}
#produkt .card.outlet .details {
  color: #627384;
  margin-top: 0.75em;
}
#produkt .carousel-wrapper {
  position: relative;
}
#produkt .download-product-image-mobile {
  display: none;
}
#produkt #slide-number {
  display: none;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: 1;
  color: #9cadba;
}
#produkt .carousel-wrapper .product-image-wrapper {
  padding: 0 16px 64px 16px;
  background-color: white;
}
#produkt .js-carousel-image {
  background-color: white;
  padding: 12px;
}
#produkt .image-selector-carousel {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: grid;
  /* Vis kun pil når der er over 5 billeder */
  /* Vis kun pil når der er over 5 billeder */
}
@media (max-width: 800px) {
    #produkt .image-selector-carousel {
    display: block;
    }
}

#produkt .image-selector-carousel #carousel-image-wrapper {
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
#produkt .image-selector-carousel .js-carousel-arrow-left,
#produkt .image-selector-carousel .js-carousel-arrow-right {
  user-select: none;
  -webkit-user-select: none;
  opacity: 0;
  cursor: pointer;
  display: none;
  z-index: 1;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background-color: #323232;
  color: white;
  line-height: 36px;
  transition: background-color 200ms, opacity 100ms;
}
#produkt .image-selector-carousel .js-carousel-arrow-left:hover,
#produkt .image-selector-carousel .js-carousel-arrow-right:hover {
  color: #001d29;
}
#produkt .image-selector-carousel .js-carousel-arrow-left img,
#produkt .image-selector-carousel .js-carousel-arrow-right img {
  user-select: none;
}
#produkt .image-selector-carousel .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-arrow-left {
  display: flex;
}
#produkt .image-selector-carousel .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-image + .js-carousel-arrow-left + .js-carousel-arrow-right {
  display: flex;
}
#produkt .image-selector-carousel .js-carousel-arrow-left {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
#produkt .image-selector-carousel .js-carousel-arrow-right {
  right: 0;
}
#produkt .product-info p {
  margin-right: 40px;
}
#produkt .product-info p + * {
  margin-top: 0.5rem;
}
#produkt .buy-info > * + * {
  margin-top: 2rem;
}
#produkt .buy-info .price {
  line-height: 1;
  color: #001d29;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.03em;
  margin-bottom: 0.5em;
}
#produkt .buy-info .price::before {
  font-size: 1rem;
  font-weight: 400;
  content: attr(data-pieces) " stk.";
  margin-right: 0.5em;
  color: #627384;
}
#produkt .often-bought-together .item,
#produkt .product-contents .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
  flex-wrap: wrap;
}
#produkt .often-bought-together .item:first-of-type,
#produkt .product-contents .item:first-of-type {
  margin-top: 22px;
}
#produkt .often-bought-together img,
#produkt .product-contents img {
  width: 5rem;
  height: auto;
  border: 1px solid #eef0f1;
  padding: 4px;
}
#produkt .often-bought-together header,
#produkt .product-contents header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 2rem;
}
#produkt .often-bought-together header div,
#produkt .product-contents header div {
  margin-left: 1rem;
}
#produkt .often-bought-together h3,
#produkt .product-contents h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #627384;
  font-weight: 400;
}
#produkt .often-bought-together .price,
#produkt .product-contents .price {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #001d29;
  font-weight: bold;
}
#produkt .often-bought-together form,
#produkt .product-contents form {
  align-self: center;
  margin-top: 1rem;
}
#produkt .card.js-delivery-tabs ul {
  margin-top: 16px;
}
#produkt .card.js-delivery-tabs li span + span {
  color: #001d29;
}
#produkt .card.js-delivery-tabs .link {
  display: inline;
  white-space: nowrap;
}
#produkt .card.js-delivery-tabs li {
  display: flex;
  justify-content: space-between;
}
#produkt .card.js-delivery-tabs span {
  color: #364d63;
  line-height: 2;
}
#produkt .card.js-delivery-tabs .details {
  color: #627384;
}
#produkt .card.js-delivery-tabs .details {
  max-width: 40ch;
}
#produkt #feedback-slider {
  height: 4px;
  height: 4px;
  background-color: black;
  opacity: 0;
  position: absolute;
  bottom: 0;
  transition: opacity 200ms;
}
#produkt .mobile {
  display: none;
}
#produkt input[type=radio][data-color]:checked {
  border-width: 4px;
}
@media screen and (max-width: 1500px) {
  #produkt .main-container main {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  #produkt .card {
    padding: 2rem;
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 800px) {
  #produkt .main-container {
    margin-top: 0;
  }
  #produkt .mobile {
    display: block;
    display: flex;
    flex-direction: column;
  }
  #produkt .download-product-image-desktop {
    display: none;
  }
  #produkt .download-product-image-mobile {
    display: initial;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 2;
  }
  #produkt .product-page__description {
    margin-right: 0;
    width: 100%;
  }
  #produkt .product-page,
#produkt .breadcrumb {
    max-width: 700px;
    margin: auto;
  }
  #produkt .product-page main {
    flex-direction: column;
  }
  #produkt .product-page .carousel-wrapper .product-image-wrapper {
    display: none;
  }
  #produkt #slide-number {
    display: initial;
  }
  #produkt .js-carousel-image {
    padding: 0 16px 64px 16px;
  }
  #produkt .image-selector-carousel #carousel-image-wrapper {
    overflow: visible;
  }
  #produkt .js-carousel-arrow-left,
#produkt .js-carousel-arrow-right {
    visibility: hidden;
  }
  #produkt .product-page .carousel-wrapper .js-carousel-image {
    flex: 0 0 100%;
  }
  #produkt .product-page .carousel-wrapper .js-carousel-image::after {
    content: none;
  }
  #produkt .buy-info > * + * {
    margin-top: 1.5rem;
  }
  #produkt .carousel-wrapper {
    margin-bottom: 0.75rem;
  }
  #produkt .carousel-wrapper .js-carousel-image {
    padding-top: 100%;
  }
  #produkt main,
#produkt section,
#produkt .main-container {
    margin-bottom: 0.75rem;
  }
  #produkt .card.product-info {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 700px) {
  #produkt .selected-products {
    width: calc(100% - 4rem);
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 720px) {
  #produkt .breadcrumb {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 650px) {
  #produkt .card.product-info {
    padding: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #produkt .card.product-info button:last-of-type() {
    background-color: red;
  }
  #produkt .card.product-info button {
    padding: 0.5rem 2rem;
  }
  #produkt .card.product-info .js-accordion {
    border-color: #eef0f1;
  }
  #produkt .card.product-info .js-accordion:not(:has(+ .accordion-panel + .js-accordion)) {
    border: 0;
  }
  #produkt .card.product-info .js-accordion:after {
    margin-right: 0;
  }
  #produkt .card.product-info .accordion-panel {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 500px) {
  #produkt .buy-info .price {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 420px) {
  #produkt .card.outlet > div {
    flex-direction: column;
    align-items: flex-start;
  }
  #produkt .card.outlet > div form {
    margin-top: 8px;
    margin-left: 0;
  }
  #produkt .selected-products {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 32px;
    margin-bottom: 0;
  }
  #produkt .card {
    padding: 1.5rem;
    margin-bottom: 0.75rem;
  }
  #produkt .card .product-info button {
    padding: 0.5rem 1.5rem;
  }
  #produkt .card .product-info .js-accordion:after {
    margin-right: 0;
  }
  #produkt .card .product-info .accordion-panel {
    margin: 0 1.5rem;
  }
}
@media screen and (max-width: 400px) {
  #produkt .buy-info .button {
    margin-top: 2rem;
  }
  #produkt .product-page .product-page__buy .filter {
    margin-top: 1rem;
  }
  #produkt .product-page,
#produkt .previous-price {
    font-size: 0.875rem;
  }
  #produkt .carousel-wrapper .product-image-wrapper .product-labels {
    padding: 0.5rem;
  }
  #produkt .carousel-wrapper .product-image-wrapper .product-labels span {
    font-size: 0.5625rem;
    line-height: calc(1.5rem - 4px);
    height: 1.5rem;
  }
}

#basket-overlay,
#basket-feedback-mobile {
  position: fixed;
  top: 0;
  right: 0;
  background-color: white;
  overflow: hidden;
  overflow-y: auto;
  height: 100vh;
  max-width: 521px;
  width: 100%;
  z-index: 9;
  transition: transform 400ms;
}
#basket-overlay .product-title,
#basket-feedback-mobile .product-title {
  font-weight: 600;
  color: black;
  line-height: 1.5;
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#basket-overlay .product-subtitle,
#basket-feedback-mobile .product-subtitle {
  color: #627384;
  line-height: 1.5;
}
#basket-overlay .row,
#basket-feedback-mobile .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#basket-overlay p,
#basket-feedback-mobile p {
  margin-top: 0;
}
#basket-overlay .product-image,
#basket-feedback-mobile .product-image {
  border: 1px solid #e4e6e7;
  max-width: 80px;
  padding: 8px;
}
#basket-overlay .description,
#basket-feedback-mobile .description {
  margin-left: 24px;
}
#basket-overlay .description p,
#basket-feedback-mobile .description p {
  font-size: 0.875rem;
  line-height: 1.4;
}
#basket-overlay .js-remove,
#basket-feedback-mobile .js-remove {
  display: flex;
  margin-top: 8px;
  align-items: center;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  color: #9cadba;
  margin-top: 2px;
  margin-left: 5px;
}
#basket-overlay .js-remove img,
#basket-feedback-mobile .js-remove img {
  margin-right: 6px;
}

#basket-feedback-mobile {
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
  transform: none;
  flex-direction: column;
  max-height: 430px;
  height: auto;
  width: 100vw;
  max-width: none;
  top: 56px;
  transform: translateY(-100%);
}
#basket-feedback-mobile .basket-header {
  display: flex;
  align-items: center;
  height: fit-content;
  flex-grow: 0;
  padding: 16px;
}
#basket-feedback-mobile .basket-header > div {
  width: fit-content;
}
#basket-feedback-mobile .basket-header > div img {
  margin-right: 12px;
}
#basket-feedback-mobile .added-product {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
#basket-feedback-mobile footer {
  padding: 16px;
  display: flex;
  flex-direction: column;
}
#basket-feedback-mobile button {
  height: 40px;
}

#basket-overlay {
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
  display: none;
}
#basket-overlay input[type=number] {
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  height: 40px;
  text-align: center;
}
#basket-overlay input[type=number]:focus {
  border-color: #9cadba;
}
#basket-overlay input[type=number]::-webkit-outer-spin-button,
#basket-overlay input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
  -webkit-appearance: none;
  width: 20px;
  height: 32px;
  opacity: 0.2;
}
#basket-overlay input[type=number]::-webkit-outer-spin-button,
#basket-overlay input[type=number]::-webkit-inner-spin-button {
  background: url(../../images/spinner.svg);
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
#basket-overlay input[type=number]::-webkit-outer-spin-button:hover,
#basket-overlay input[type=number]::-webkit-inner-spin-button:hover {
  opacity: 0.5;
}
#basket-overlay-is-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#basket-overlay-is-empty p {
  font-size: 1.2rem;
  margin-top: 8px;
  font-weight: 500;
}
#basket-overlay .basket-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.02em;
  margin-top: 0;
  color: #364d63;
  font-weight: 500;
  margin-left: 8px;
  display: flex;
}
#basket-overlay .basket-title img {
  margin-right: 0.5em;
}
#basket-overlay .basket-amount {
  font-size: 1.25rem;
  font-weight: 600;
  color: #001d29;
  letter-spacing: -0.02em;
  margin-top: 0;
}
#basket-overlay .basket-items {
  display: flex;
  flex-direction: column;
  flex: 0 1 50%;
  max-height: 40vh;
  overflow-x: hidden;
  padding: 24px;
}
#basket-overlay .basket-items ::-webkit-scrollbar {
  display: none;
}
#basket-overlay .basket-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
#basket-overlay .basket-item .price {
  line-height: 1.5;
  white-space: nowrap;
}
#basket-overlay .basket-item .row {
  justify-content: space-between;
  height: 100%;
}
#basket-overlay .basket-item .col {
  display: flex;
  flex-direction: column;
}
#basket-overlay .basket-item .product-image {
  max-width: 150px;
  padding: 15px;
}
#basket-overlay .basket-item .description {
  flex: 1 1 auto;
  margin-right: 24px;
}
#basket-overlay .basket-item .col-right {
  flex: 1 0 auto;
  text-align: right;
  align-items: flex-end;
}
#basket-overlay .basket-item input[type=number] {
  display: flex;
  width: 80px;
  height: 40px;
  color: #627384;
  border-radius: 0;
  font-size: 0.875rem;
  border-radius: 4px;
}
#basket-overlay .basket-item input[type=number],
#basket-overlay .basket-item .js-remove {
  margin-top: 8px;
}
#basket-overlay .basket-items::-webkit-scrollbar,
#basket-overlay .recommended-products::-webkit-scrollbar {
  display: none;
}
#basket-overlay .basket-header {
  border-bottom: 1px solid #eef0f1;
}
#basket-overlay .js-close {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 200ms;
}
#basket-overlay .js-close:hover {
  opacity: 1;
}
#basket-overlay .basket-header,
#basket-overlay .basket-items,
#basket-overlay .recommended-products {
  padding-left: 32px;
  padding-right: 32px;
}
#basket-overlay .basket-header,
#basket-overlay .totals {
  flex: 1 0 auto;
}
#basket-overlay .basket-header {
  padding: 12px 24px;
  align-items: center;
}
#basket-overlay .totals {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #eef0f1;
  border-bottom: 1px solid #eef0f1;
}
#basket-overlay .totals .button {
  height: 48px;
}
#basket-overlay .totals .button[data-amount]::after {
  content: "(" attr(data-amount) " varer)";
  margin-left: 8px;
}
#basket-overlay[aria-expanded=false] {
  transform: translateX(calc(100% + 32px));
}
#basket-overlay[aria-expanded=true] {
  transform: translate(0);
}
#basket-overlay input[type=number] {
  height: 32px;
}
#basket-overlay .recommended-products .col {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 16px;
}
#basket-overlay .recommended-products .col p:last-child {
  color: #627384;
}
#basket-overlay .recommended-products .price {
  font-size: 0.875rem;
}
#basket-overlay .recommended-products .price[data-amount]:not([data-amount="1"]):before {
  content: attr(data-amount) " stk.";
  font-weight: 400;
  font-size: 0.8em;
  margin-right: 0.4em;
  color: #627384;
}
#basket-overlay .recommended-products .container {
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;
  padding-top: 16px;
}
#basket-overlay .recommended-products .recommended-product {
  display: flex;
}
#basket-overlay .recommended-products .recommended-product .description {
  display: flex;
  flex-direction: column;
  margin-left: 24px;
}
#basket-overlay .recommended-products .recommended-product form {
  margin-top: 6px;
  display: flex;
  height: 32px;
}
#basket-overlay .recommended-products .recommended-product input {
  height: 100%;
  border-radius: 0;
  width: fit-content;
  font-size: 0.875rem;
}
#basket-overlay .recommended-products .recommended-product input[type=number] {
  max-width: 65px;
  color: #627384;
}
#basket-overlay .recommended-products .recommended-product input[type=submit] {
  border-radius: 0 4px 4px 0;
  border-radius: 4px;
}
#basket-overlay .recommended-products .recommended-product .button {
  padding-left: 24px;
  padding-right: 24px;
}
#basket-overlay .recommended-products .recommended-product + .recommended-product {
  margin-top: 24px;
}
#basket-overlay .button.continue {
  background-color: white;
  border: 1px solid #c9cccf;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 12px;
}
#basket-overlay .button.continue:hover {
  background-color: #eef0f1;
}
#basket-overlay .subtotal,
#basket-overlay .total {
  margin-bottom: 8px;
}
#basket-overlay .row.total {
  margin-top: 20px;
  margin-bottom: 20px;
}
#basket-overlay .subtotal span {
  color: #627384;
}
#basket-overlay .total p {
  color: #001d29;
  font-weight: bold;
}
#basket-overlay hr {
  outline: none;
  border: none;
  height: 3px;
  background-color: white;
  margin-bottom: 0;
}

@media screen and (min-width: 801px) {
  #basket-overlay {
    display: initial;
  }

  #basket-feedback-mobile {
    display: none;
  }
}
/* MOBILE SEARCH OVERLAY*/
#mobile-search-overlay {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background-color: whitesmoke;
  z-index: 1000;
  padding: 16px;
  transform: translateY(-100%);
  transition: transform 300ms;
}
#mobile-search-overlay input[type=search] {
  width: 100%;
}
#mobile-search-overlay .search {
  background-color: white;
  height: 38px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #eef0f1;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
#mobile-search-overlay .search > div {
  display: flex;
  align-items: center;
  flex: 1;
}
#mobile-search-overlay .search > div img {
  margin-right: 8px;
}
#mobile-search-overlay .search input[type=search]::-webkit-search-cancel-button {
  height: 38px;
  appearance: none;
  display: none;
}
#mobile-search-overlay .results {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  overflow-y: auto;
}
#mobile-search-overlay .product-item {
  width: calc(50% - 0.5rem);
}
#mobile-search-overlay .product-description {
  padding-bottom: 12px;
}

@media screen and (max-width: 800px) {
  #mobile-search-overlay {
    display: flex;
  }
}
@media screen and (max-width: 350px) {
  #mobile-search-overlay .product-item {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}
/* COMPARE OVERLAY*/
#compare-overlay-heading {
  position: sticky;
  top: -8px;
  left: 0;
  right: 0;
  font-weight: 600;
  font-size: 1rem;
  color: #001d29;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
  border: none;
  height: 64px;
  margin-top: -8px;
  margin-left: -8px;
  margin-right: -8px;
}
#compare-overlay-heading * {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

#compare-overlay[open] {
  display: flex;
}

#compare-overlay {
  flex-direction: column;
  background-color: whitesmoke;
}
#compare-overlay .js-left,
#compare-overlay .js-right {
  display: flex;
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  background-color: black;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 15px rgba(0, 29, 41, 0.15);
}
#compare-overlay .js-left {
  left: 0;
  transform: rotateY(180deg) translateX(-50%);
}
#compare-overlay .js-right {
  right: 0;
  transform: rotateX(-50%);
}
#compare-overlay .js-left[hidden],
#compare-overlay .js-right[hidden] {
  display: none;
}
#compare-overlay .product-link {
  height: initial;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}
#compare-overlay .product-description {
  height: initial;
}
#compare-overlay .product-name {
  color: #6A6F80;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}
#compare-overlay .product-price {
  color: black;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 0;
}
#compare-overlay [role=columnheader] {
  color: #627384;
  font-size: 0.875rem;
}
#compare-overlay .button {
  font-size: 0.875rem;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
}
#compare-overlay #scrolls .product-image {
  padding-top: calc(100% + 48px);
  background-image: url(../../images/placeholder.svg);
  background-size: contain;
  position: relative;
}
#compare-overlay #scrolls .product-image .product-labels {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  line-height: 2;
}
#compare-overlay #scrolls .product-image .product-labels span {
  font: inherit;
}
#compare-overlay #scrolls .product-image img {
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: 90%;
  height: calc(90% - 36px);
}

#show-comparison {
  display: none;
  box-shadow: 0 15px 25px rgba(0, 29, 41, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05);
}

#columns-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
}

#compare-categories {
  background-color: whitesmoke;
}

#compare-categories {
  display: none;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
#compare-categories [role=row] {
  margin-top: auto;
}

#compare-content {
  display: flex;
  overflow-y: auto;
  max-height: 100%;
}

#columns {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

#scrolls {
  width: 100%;
  height: fit-content;
  display: flex;
}
#scrolls .product-link {
  bottom: 0;
  position: sticky;
}
#scrolls .compare-column {
  flex: 0 0 15.385%;
  border-right: 1px solid hwb(0 83% 17%/0.4);
}
#scrolls .compare-column [role=cell] {
  display: flex;
  align-items: center;
  color: #364d63;
  background-color: #F6F6F7;
}
#scrolls .compare-column [role=cell] [aria-hidden] {
  color: #c9cccf;
  font-size: 0.75rem;
  line-height: 1;
}
#scrolls .compare-column [role=cell] .value {
  margin-top: 0;
  font-size: inherit;
  line-height: 1;
}
#scrolls .compare-column [role=cell]:not(.product-description) {
  height: 48px;
}
#scrolls .compare-column .product-description {
  background-color: #F0F0F0;
}
#scrolls .compare-column [role=cell] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.875rem;
  white-space: nowrap;
  border-bottom: 1px solid hwb(0 83% 17%/0.4);
}
@media screen and (max-width: 1600px) {
  #scrolls .compare-column {
    flex: 0 0 18.2%;
  }
}
@media screen and (max-width: 1400px) {
  #scrolls .compare-column {
    flex: 0 0 22.22%;
  }
}
@media screen and (max-width: 1150px) {
  #scrolls .compare-column {
    flex: 0 0 28.6%;
  }
}
@media screen and (max-width: 950px) {
  #scrolls .compare-column {
    flex: 0 0 40%;
  }
}
#scrolls [role=cell] [data-color] + [data-color] {
  margin-left: 4px;
}

#show-comparison {
  display: none;
  position: fixed;
  bottom: 0;
  margin-bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  padding-left: 32px;
  padding-right: 32px;
  white-space: nowrap;
}

#compare-categories-spacer {
  position: sticky;
  bottom: 0;
  left: 0;
  height: 58px;
  padding: 0;
}

#compare-categories-spacer,
#compare-overlay #scrolls .product-link {
  background-color: transparent;
  background: linear-gradient(0deg, whitesmoke 50%, transparent);
}

@media screen and (max-width: 800px) {
  #compare-overlay {
    overflow: scroll;
    width: 100vw;
    max-height: 100vh;
  }
  #compare-overlay .product-labels {
    font-size: 10px;
  }
  #compare-overlay #arrowLeft,
#compare-overlay #arrowRight {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  #compare-overlay #scrolls .compare-column {
    width: 40vw;
    min-width: 170px;
  }
}
@media screen and (min-width: 700px) {
  #compare-overlay {
    padding: 12px;
  }
  #compare-overlay #compare-overlay-heading {
    font-size: 1.125rem;
    margin-top: -8px;
    height: 64px;
    border-bottom: 1px solid #e4e6e7;
  }
  #compare-overlay #scrolls .product-link a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  }
  #compare-overlay #scrolls [role=cell]:nth-child(odd),
#compare-overlay #scrolls [role=columnheader]:nth-child(even) {
    background-color: #c0c5cb44;
  }
  #compare-overlay #scrolls [role=columnheader]:not([hidden]) {
    height: 48px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
  }
  #compare-overlay #scrolls .compare-column {
    min-width: 200px;
  }
  #compare-overlay #scrolls .compare-column [role=cell] {
    justify-content: center;
  }
  #compare-overlay #scrolls .compare-column [role=cell] [aria-hidden] {
    display: none;
  }
  #compare-overlay #scrolls .compare-column [role=cell],
#compare-overlay #scrolls .compare-column [role=columnheader] {
    border: none;
  }
  #compare-overlay #scrolls .compare-column [data-color] {
    margin-right: 4px;
  }
  #compare-overlay #compare-categories {
    display: flex;
    flex-direction: column;
    z-index: 5;
  }
  #compare-overlay #compare-categories [role=cell] {
    display: flex;
    height: 48px;
    align-items: center;
  }
}

/* WAITING-LIST */
#waiting-list-submitted .js-close.button {
  position: static;
}

#waiting-list,
#waiting-list-submitted {
  padding: 1rem;
  max-width: 45rem;
  width: calc(100vw - 64px);
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#waiting-list p,
#waiting-list-submitted p {
  margin-bottom: 2rem;
}
#waiting-list .button,
#waiting-list-submitted .button {
  margin-bottom: 16px;
}
#waiting-list .heading-2,
#waiting-list-submitted .heading-2 {
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 16px;
  font-size: 1.3rem;
  font-weight: 800;
}
#waiting-list .hint,
#waiting-list-submitted .hint {
  color: #627384;
}
#waiting-list form,
#waiting-list-submitted form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#waiting-list input[type=text],
#waiting-list-submitted input[type=text] {
  height: 40px;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid #e4e6e7;
  border-radius: 4px;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 28rem;
}
#waiting-list form div,
#waiting-list-submitted form div {
  margin-bottom: 2rem;
}

/*# sourceMappingURL=style.css.map */























































/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: "Manrope", sans-serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/



/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.aspect-w-3 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}

.aspect-w-3 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-h-1 {
  --tw-aspect-h: 1;
}

.aspect-h-2 {
  --tw-aspect-h: 2;
}

.aspect-w-9 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 9;
}

.aspect-w-9 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-h-6 {
  --tw-aspect-h: 6;
}

.aspect-w-1 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}

.aspect-w-1 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-w-4 {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 4;
}

.aspect-w-4 > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aspect-h-5 {
  --tw-aspect-h: 5;
}

.pointer-events-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.top-0 {
  top: 0px;
}

.right-0 {
  right: 0px;
}

.right-full {
  right: 100%;
}

.-top-2 {
  top: -0.5rem;
}

.top-5 {
  top: 1.25rem;
}

.left-5 {
  left: 1.25rem;
}

.left-0 {
  left: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.z-10 {
  z-index: 10;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.ml-8 {
  margin-left: 2rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-auto {
  margin-right: auto;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-full {
  height: 100%;
}

.h-6 {
  height: 1.5rem;
}

.h-5 {
  height: 1.25rem;
}

.h-\[2px\] {
  height: 2px;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.min-h-\[240px\] {
  min-height: 240px;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-screen {
  width: 100vw;
}

.min-w-\[1\.25rem\] {
  min-width: 1.25rem;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[40vw\] {
  min-width: 40vw;
}

.min-w-0 {
  min-width: 0px;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-xs {
  max-width: 20rem;
}

.max-w-\[calc\(100\%-32px\)\] {
  max-width: calc(100% - 32px);
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-prose {
  max-width: 65ch;
}

.max-w-2xl {
  max-width: 42rem;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-auto {
  flex: 1 1 auto;
}

.shrink {
  flex-shrink: 1;
}

.grow {
  flex-grow: 1;
}

.basis-1\/3 {
  flex-basis: 33.333333%;
}

.basis-2\/3 {
  flex-basis: 66.666667%;
}

.basis-1\/2 {
  flex-basis: 50%;
}

.basis-full {
  flex-basis: 100%;
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.list-decimal {
  list-style-type: decimal;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.rounded-full {
  border-radius: 9999px;
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}

.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
}

.bg-yellow-500\/80 {
  background-color: rgb(255 199 10 / 0.8);
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(81 81 81 / var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(98 98 98 / var(--tw-bg-opacity));
}

.bg-\[\#ECEDEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 237 238 / var(--tw-bg-opacity));
}

.bg-\[\#EBECED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-4 {
  padding: 1rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[10\%\] {
  padding: 10%;
}

.p-3 {
  padding: 0.75rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-\[\.45em\] {
  padding-left: .45em;
  padding-right: .45em;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pt-\[100\%\] {
  padding-top: 100%;
}

.text-center {
  text-align: center;
}

.font-sans {
  font-family: "Manrope", sans-serif;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-\[\.75rem\] {
  font-size: .75rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-extrabold {
  font-weight: 800;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

.text-blue {
  --tw-text-opacity: 1;
  color: rgb(26 143 255 / var(--tw-text-opacity));
}

.text-white\/50 {
  color: rgb(255 255 255 / 0.5);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-black\/50 {
  color: rgb(0 0 0 / 0.5);
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.underline {
  text-decoration-line: underline;
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* HEADER */

.header-search {
  margin-right: auto;
  display: flex;
  max-width: 28rem;
  align-items: center;
}

@media (min-width: 640px) {
  .header-search {
    margin-left: 0px;
    margin-right: 0px;
    width: 66.666667%;
    background-color: transparent;
    padding: 0px;
  }
}

@media (min-width: 1280px) {
  .header-search {
    position: absolute;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.header-search .search-icon {
  pointer-events: none;
  display: flex;
}

@media (min-width: 640px) {
  .header-search .search-icon {
    margin-right: -1rem;
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.header-search input[type="search"] {
  z-index: 10;
  display: flex;
  height: 100%;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-search input[type="search"]::-moz-placeholder {
  color: transparent;
}

.header-search input[type="search"]::placeholder {
  color: transparent;
}

.header-search input[type="search"]:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: -1.25rem;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.header-search input[type="search"]:focus::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-search input[type="search"]:focus::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .header-search input[type="search"] {
    width: 100%;
    background-color: rgb(0 0 0 / 0.2);
    padding-right: 0.5rem;
    padding-left: 3rem;
  }

  .header-search input[type="search"]::-moz-placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .header-search input[type="search"]::placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .header-search input[type="search"]:focus {
    position: static;
    margin-left: -0px;
    width: 100%;
    background-color: rgb(0 0 0 / 0.2);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 3rem;
  }
}

@media (min-width: 1024px) {
  .header-search input[type="search"] {
    height: 3rem;
  }
}

.header-top {
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .header-top {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .header-top {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.header-top-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 80rem;
  align-items: center;
  justify-content: space-between;
}

.logo-container {
  margin-left: -1rem;
  display: flex;
  align-items: center;
}

.nav-menu-button {
  cursor: pointer;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .nav-menu-button {
    display: none;
  }
}

.texas-logo {
  margin-right: 1rem;
  flex: 0 1 auto;
}

@media (min-width: 640px) {
  .texas-logo {
    margin-right: 0px;
  }
}

.texas-logo img {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 2.5rem;
  width: auto;
}

@media (min-width: 1024px) {
  .texas-logo img {
    height: auto;
  }
}

.header-nav-secondary {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: -0.5rem;
  display: none;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .header-nav-secondary {
    display: block;
  }
}

.header-nav-secondary ul {
  display: flex;
}

.header-nav-secondary li {
  margin-left: 2rem;
}

.header-line {
  height: 2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.header-nav-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
}

.header-nav-primary nav {
  margin-left: auto;
  margin-right: auto;
  display: none;
  max-width: 80rem;
}

@media (min-width: 1024px) {
  .header-nav-primary nav {
    display: block;
  }
}

.header-nav-primary ul {
  display: flex;
}

.header-nav-primary ul li {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-nav-primary ul li:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.header-nav-primary ul li a {
  width: 100%;
  padding: 1rem;
  text-align: center;
}

.header-nav-primary ul li[aria-current="page"] {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.4);
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-nav-primary ul li[aria-current="page"]:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.header-basket {
  position: relative;
  flex: 0 1 auto;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-basket .basket-amount {
  position: absolute;
  right: 100%;
  top: -0.5rem;
  display: flex;
  height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.25rem;
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  padding-left: .45em;
  padding-right: .45em;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .header-basket .basket-amount {
    top: 0px;
  }
}

@media (min-width: 1536px) {
  .header-basket .basket-amount {
    left: 100%;
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* BREAD NAV */

@media (min-width: 640px) {
  .bread-nav {
    margin-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bread-nav nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.bread-nav li {
  margin-right: 1rem;
  color: black;
  opacity: .3;
  font-size: .875rem;
  font-weight: 600;
  white-space: nowrap;
}

.bread-nav ul {
  display: flex;
  overflow-x: scroll;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .bread-nav ul {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.bread-nav li:not(:last-child)::after {
  content: url(/res/arrow-bread.svg);
  margin-left: 1rem;
  padding-top: 4px;
}

.bread-nav li:last-child {
  opacity: .9;
}

/* SEARCH SECTION */

.search-section {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .search-section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.search-section h2 {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1;
}

@media (min-width: 640px) {
  .search-section h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.search-section form.search {
  margin-bottom: 1rem;
  display: flex;
  height: 2.5rem;
  width: 100%;
}

.search-section form.search:focus-within {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .search-section form.search {
    height: 2.75rem;
    max-width: 36rem;
  }
}

.search-section form.search input[type=search] {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.search-section form.search input[type=search]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .search-section form.search input[type=search] {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.search-section form .desktop {
  display: none;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .search-section form .desktop {
    display: block;
  }
}

.search-section form .mobile {
  width: 2.5rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background-image: url(../res/icon-search.svg);
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .search-section form .mobile {
    display: none;
  }
}

/* QR-GUIDE */

.qr-mobile-guide {
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: rgb(235 236 237 / 0.5);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
  .qr-mobile-guide {
    display: none;
  }
}

#model-guide {
  border-radius: 0.25rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: rgb(235 236 237 / 0.5);
  padding-bottom: 0.5rem;
}

@media (min-width: 640px) {
  #model-guide {
    margin-left: 0px;
    margin-right: 0px;
    border-style: none;
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.model-guide-button {
  margin-bottom: 0.5rem;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(26 143 255 / var(--tw-text-opacity));
}

.model-guide-button::after {
  margin-left: 0.5rem;
  fill: #1A8FFF;
  --tw-content: url(../res/arrow-right.svg);
  content: var(--tw-content);
}

@media (min-width: 640px) {
  .model-guide-button {
    margin-left: 0px;
    margin-right: 0px;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.js-guide-msg {
  display: none;
}

@media (min-width: 640px) {
  .js-guide-msg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    height: 100vh;
    width: 100vw;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 0.2);
  }
}

.guide-msg-container {
  position: relative;
  width: 100%;
  max-width: 42rem;
  padding-top: 1rem;
}

@media (min-width: 640px) {
  .guide-msg-container {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    overflow: hidden;
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.guide-msg-headline {
  margin-bottom: 1rem;
  display: none;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

@media (min-width: 640px) {
  .guide-msg-headline {
    margin-bottom: 1.5rem;
    display: block;
  }
}

.guide-msg-list {
  margin-bottom: 2rem;
}

@media (min-width: 640px) {
  .guide-msg-list {
    margin-left: 1.25rem;
    margin-bottom: 2.5rem;
    list-style-type: disc;
  }
}

.guide-msg-secondary-headline {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(0 0 0 / 0.6);
}

.guide-msg-image-wrapper {
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  overflow: hidden;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.1);
}

.guide-msg-image-wrapper img {
  height: auto;
  width: 100%;
}

.guide-close-button {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: none;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url(../res/guide-close.svg);
  background-position: center;
}

@media (min-width: 640px) {
  .guide-close-button {
    display: block;
  }
}

/* BRUG FOR HJÆLP / HVORDAN FINDER JEG MIN MODEL */

.product-selection-info-cards {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}

@media (min-width: 768px) {
  .product-selection-info-cards {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .product-selection-info-cards {
    flex-basis: 33.333333%;
    flex-direction: column;
  }
}

@media (min-width: 1280px) {
  .product-selection-info-cards {
    flex-basis: 25%;
  }
}

.help-card {
  margin-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 640px) {
  .help-card {
    margin-bottom: 2rem;
    max-width: 24rem;
    padding-left: 2rem;
    padding-right: 2rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 768px) {
  .help-card {
    margin-right: 1rem;
    margin-bottom: 0px;
  }
}

@media (min-width: 1024px) {
  .help-card {
    margin-right: 0px;
    margin-bottom: 2rem;
  }
}

.help-card strong {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgb(0 0 0 / 0.8);
}

.how-to-card {
  margin-bottom: 0.5rem;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 640px) {
  .how-to-card {
    display: block;
    max-width: 24rem;
    padding-left: 2rem;
    padding-right: 2rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 768px) {
  .how-to-card {
    margin-bottom: 0px;
  }
}

.how-to-card .js-open-guide {
  margin-top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(26 143 255 / var(--tw-text-opacity));
}

.how-to-card .js-open-guide::after {
  margin-left: 0.5rem;
  --tw-content: url(../res/arrow-right.svg);
  content: var(--tw-content);
}

.help-card .headline, 
.how-to-card .headline {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* PRODUKT VÆLGER */

.product-selection-nav {
  max-height: 30vh;
  overflow: scroll;
}

@media (min-width: 640px) {
  .product-selection-nav {
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow: hidden;
  }
}

.product-selection-nav ul li {
  display: flex;
  flex-basis: 100%;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  color: rgb(0 0 0 / 0.9);
}

@media (min-width: 640px) {
  .product-selection-nav ul li {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .product-selection-nav ul li {
    flex-basis: 33.333333%;
  }
}

.product-selection-nav ul li a {
  margin-right: 1rem;
  width: 100%;
  max-width: 24rem;
}

@media (min-width: 768px) {
  .product-selection-nav ul li a {
    padding-left: 1rem;
  }

  .product-selection-nav ul li a:hover {
    background-color: rgb(0 0 0 / 0.05);
  }
}

.product-selection-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .product-selection-section {
    margin-top: 4rem;
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .product-selection-section {
    flex-direction: row;
  }
}

.product-selection-headline {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1;
}

@media (min-width: 640px) {
  .product-selection-headline {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.product-selection-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  line-height: 2;
  color: rgb(0 0 0 / 0.9);
}

.product-selector {
  flex-basis: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
}

@media (min-width: 640px) {
  .product-selector {
    background-color: transparent;
    padding: 0px;
  }
}

@media (min-width: 1024px) {
  .product-selector {
    flex-basis: 66.666667%;
  }
}

@media (min-width: 1280px) {
  .product-selector {
    flex-basis: 75%;
  }
}

.final-selection {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

.final-selection a {
  display: flex;
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.final-selection .col-header {
  margin-bottom: 0.5rem;
  display: flex;
  border-bottom-width: 1px;
  border-color: rgb(0 0 0 / 0.2);
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

.final-selection .col {
  flex-grow: 1;
}

.final-selection .middle-col a {
  display: flex;
  flex-shrink: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.final-selection .middle-col .col-header {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* FOOTER */

.footer {
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.footer a:hover {
  color: white;
}

.footer-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 80rem;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .footer-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.footer-contact {
  margin-bottom: 3rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-contact {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-contact {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-contact-info {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 2;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

.footer-contact .heading {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-contact .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-contact-payment {
  display: flex;
}

.footer-contact-payment img {
  margin-right: .5rem;
}

.footer-pickup {
  margin-bottom: 3rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
}

@media (min-width: 640px) {
  .footer-pickup {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-pickup {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-pickup .heading {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-pickup .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-links {
  margin-bottom: 3rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-links {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-links {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-links .heading {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-links .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-newsletter {
  margin-bottom: 3rem;
  max-width: 20rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-newsletter {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-newsletter {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-newsletter .heading {
  margin-bottom: 1rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-newsletter .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-pickup ul {
  max-width: 28rem;
  font-weight: 500;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
  width: 80%;
  max-width: 16em;
}

.footer-pickup ul  li {
  display: flex;
}

.footer-pickup ul  li span:first-child{
  flex-basis: 33%;
}

.footer-pickup ul  li span:nth-child(2){
  flex-basis: 66%;
  text-align: right
}

.footer-links ul {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 2;
  color: rgb(255 255 255 / 0.5);
  text-decoration-line: underline;
}

.footer-newsletter-form {
  display: flex;
  flex-direction: column;
}

.footer-newsletter-form .name {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.footer-newsletter-form .name:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.footer-newsletter-form .email {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.footer-newsletter-form .email:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.footer-newsletter-form .submit {
  margin-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

input[type=search]::-webkit-search-cancel-button {
  position: relative;
  background-image: url(/res/icon-close.svg);
  background-size: cover;
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  cursor: pointer;
}

.js-guide button[aria-current=step],
#distributor-hero-carousel button[aria-current=step] {
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(26 143 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(26 143 255 / var(--tw-text-opacity));
}

.js-carousel-slide img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.js-carousel-slide {
  background: white;
  cursor: pointer;
  position: relative;
  flex: 0 0 100%;
  padding-top: 100%;
}

.js-carousel-slide.selected {
  /* Fjerne style på mobil */
  border: none;
}

@media (min-width: 640px) {
  .js-carousel-slide {
    flex: 0 0 16.7%;
    padding-top: 16.7%;
    position: relative;
  }

  .selected.js-carousel-slide::after {
    background-color: rgba(0, 0, 0, .04);
  }

  .js-carousel-slide:nth-child(7) ~ 
    .js-carousel-arrow {
    display: flex;
  }

  .js-carousel-slide:nth-child(n + 7) {
    display: none;
  }
}

.js-carousel-slide::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: background-color 200ms;
  background-color: transparent;
}

.js-carousel-slide:hover::after{
  background-color: rgba(0, 0, 0, .1);
}

/* Main content */

.main-content {
  width: 100%;
}

@media (min-width: 640px) {
  .main-content {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .main-content {
    margin-bottom: 7rem;
  }
}

/* Reservedele.html */

.description-section {
  margin-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .description-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.description-section .headline {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

@media (min-width: 640px) {
  .description-section .headline {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.description-section .paragraph {
  margin-top: 1rem;
  max-width: 26em;
  line-height: 1.625;
  color: rgb(0 0 0 / 0.8);
}

@media (min-width: 640px) {
  .description-section .paragraph {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

/* Produkt side (power split) */

.sparepart-product-section {
  margin-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .sparepart-product-section {
    margin-bottom: 3.5rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.sparepart-product-section .headline {
  margin-bottom: 1rem;
  flex-basis: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.sparepart-product-image {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

@media (min-width: 640px) {
  .sparepart-product-image {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .sparepart-product-image {
    margin-bottom: 0px;
    width: calc(50% - 3rem);
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .sparepart-product-image {
    flex-basis: auto;
  }
}

.sparepart-product-info-btns {
  margin-bottom: 0.5rem;
  margin-right: auto;
  display: flex;
  max-width: 24rem;
  flex-direction: column;
  row-gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sparepart-product-info-btns {
    margin-bottom: 1.25rem;
    background-color: transparent;
    padding: 0px;
  }
}

.sparepart-product-info-btns .btn-primary {
  display: flex;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.sparepart-product-image .image-wrapper {
  position: relative;
  margin: auto;
  width: 380px;
  max-width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 100%;
}

.sparepart-product-info-btns .btn-secondary {
  display: flex;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.05);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  color: rgb(0 0 0 / 0.7);
}

.sparepart-product-image .image-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 10%;
}

@media (min-width: 768px) {
  .sparepart-product-info {
    width: calc(50% - 3rem);
  }
}

.sparepart-product-info-details {
  margin-bottom: 0.5rem;
  max-width: 380px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

@media (min-width: 640px) {
  .sparepart-product-info-details {
    margin-bottom: 1rem;
    background-color: transparent;
    padding: 0px;
  }
}

.sparepart-product-info-details > div {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .sparepart-product-info-details > div {
    font-size: 1rem;
    line-height: 1.5rem;
  }

    .sparepart-product-image 
{
        margin-right: 2.5rem;
    }
}

.sparepart-product-info-details > div span {
  margin-left: 12px;
}




.product-infobox {
  max-width: 24rem;
  border-radius: 0.25rem;
  border-width: 2px;
  border-color: rgb(26 143 255 / 0.5);
  background-color: rgb(26 143 255 / 0.05);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(13 65 115 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .product-infobox {
    margin: 0px;
  }
}

.product-infobox .headline {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.spareparts-section {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 640px) {
  .spareparts-section {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.spareparts-section .headline {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.spareparts-search {
  margin-bottom: 1rem;
  display: flex;
  height: 2.5rem;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1;
}

.spareparts-search:-moz-placeholder-shown {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.spareparts-search:placeholder-shown {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.spareparts-search:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .spareparts-search {
    margin-bottom: 2rem;
    max-width: 28rem;
  }
}

.spareparts-wrapper {
  margin-left: -0.5rem;
  display: flex;
  width: calc(100vw - 1.5rem);
  flex-wrap: wrap;
  overflow: hidden;
}

@media (min-width: 640px) {
  .spareparts-wrapper {
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}

@media (min-width: 1024px) {
  .spareparts-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.sparepart-header {
  margin-bottom: 1rem;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .sparepart-header {
    display: flex;
    min-width: 100%;
  }
}

.sparepart-header {
  font-weight: bold;
}

.sparepart-header .img-col {
  margin-right: 1.5rem;
  flex-shrink: 0;
  flex-basis: 7rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .sparepart-header .img-col {
    margin-right: 2rem;
    flex-basis: 10rem;
  }
}

.sparepart-header .manual-page-col {
  margin-right: 1rem;
  flex-shrink: 0;
  flex-basis: 2rem;
}

@media (min-width: 1024px) {
  .sparepart-header .manual-page-col {
    margin-right: 2rem;
  }
}

.sparepart-header .manual-position-col {
  margin-right: 1rem;
  flex-shrink: 0;
  flex-basis: 2rem;
}

@media (min-width: 1024px) {
  .sparepart-header .manual-position-col {
    margin-right: 2rem;
  }
}

.sparepart-header .video-col {
  visibility: hidden;
  margin-right: 1rem;
  width: 2rem;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .sparepart-header .video-col {
    margin-right: 2rem;
  }
}

.sparepart-header .title-col {
  margin-right: 1rem;
  flex-basis: 100%;
}

@media (min-width: 1024px) {
  .sparepart-header .title-col {
    margin-right: 2rem;
  }
}

.sparepart-header .article-number-col {
  margin-right: 1rem;
  flex-basis: 66.666667%;
}

@media (min-width: 1024px) {
  .sparepart-header .article-number-col {
    margin-right: 2rem;
  }
}

.sparepart-header .price-col {
  margin-right: 1rem;
  flex-basis: 50%;
}

@media (min-width: 1024px) {
  .sparepart-header .price-col {
    margin-right: 2rem;
  }
}

.sparepart-header .stock-col {
  margin-right: 1rem;
  flex-shrink: 0;
  flex-basis: 3rem;
}

@media (min-width: 1024px) {
  .sparepart-header .stock-col {
    margin-right: 2rem;
  }
}

.cta-col {
  visibility: hidden;
  flex-shrink: 0;
  flex-basis: 8rem;
}

.sparepart-card {
  display: flex;
  flex-basis: 50%;
  align-items: stretch;
}

@media (min-width: 768px) {
  .sparepart-card {
    flex-basis: 100%;
  }
}

.sparepart-container {
  margin: 0.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgb(235 236 237 / 0.4);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .sparepart-container {
    margin-left: 0px;
    margin-right: 0px;
    flex-wrap: nowrap;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1024px) {
  .sparepart-container {
    min-width: 100%;
  }
}

.sparepart-image-wrapper {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 768px) {
  .sparepart-image-wrapper {
    margin-right: 1.5rem;
    width: 7rem;
    flex-shrink: 0;
    flex-basis: 7rem;
  }
}

@media (min-width: 1024px) {
  .sparepart-image-wrapper {
    margin-right: 2rem;
    width: 10rem;
    flex-basis: 10rem;
  }
}

.sparepart-image-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
}

.sparepart-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 10%;
  font-size: 10px;
}

.sparepart-manual-info {
  margin-bottom: 0.75rem;
  height: 2rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px;
}

@media (min-width: 768px) {
  .sparepart-manual-info {
    margin: 0px;
    margin-right: 1rem;
    height: auto;
    flex-basis: 2rem;
    background-color: transparent;
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .sparepart-manual-info {
    margin-right: 2rem;
  }
}

.sparepart-with-video {
  margin-bottom: 0.75rem;
  height: 2rem;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-right: 1rem;
  font-size: 12px;
}

@media (min-width: 768px) {
  .sparepart-with-video {
    margin: 0px;
    margin-right: 1rem;
    height: auto;
    flex-basis: 2rem;
    background-color: transparent;
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .sparepart-with-video {
    margin-right: 2rem;
  }
}

.sparepart-video-icon {
  margin-right: 0.75rem;
  margin-top: 0.25rem;
  display: none;
  height: -moz-fit-content;
  height: fit-content;
}

@media (min-width: 768px) {
  .sparepart-video-icon {
    display: inline;
  }
}

.sparepart-title {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-basis: 100%;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 768px) {
  .sparepart-title {
    margin-right: 2rem;
    margin-left: 0px;
    margin-bottom: 0px;
    font-weight: 400;
  }
}

.sparepart-article-number {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  flex-basis: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .sparepart-article-number {
    margin-left: 0px;
    margin-right: 1rem;
    margin-bottom: 0px;
    flex-basis: 66.666667%;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .sparepart-article-number {
    margin-right: 2rem;
  }
}

.sparepart-price {
  margin-bottom: 0.5rem;
  margin-left: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .sparepart-price {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 1rem;
    flex-basis: 50%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
  }
}

@media (min-width: 1024px) {
  .sparepart-price {
    margin-right: 2rem;
  }
}

.sparepart-stock {
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 0.75rem;
  display: flex;
  width: 100%;
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .sparepart-stock {
    margin-left: 0px;
    margin-bottom: 0px;
    flex-basis: 3rem;
  }
}

@media (min-width: 1024px) {
  .sparepart-stock {
    margin-right: 2rem;
  }
}

.sparepart-stock {
  font-size: .625rem;
}

.sparepart-stock span {
  margin-left: 0.25rem;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .sparepart-stock span {
    display: none;
  }
}

.sparepart-cta {
  display: flex;
  height: 2.5rem;
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
}

@media (min-width: 768px) {
  .sparepart-cta {
    flex-shrink: 0;
    flex-basis: 8rem;
  }
}

.sparepart-cta-btn {
  width: 100%;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.service-videos {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 640px) {
  .service-videos {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.service-videos .headline {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.service-videos-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .service-videos-wrapper {
    flex-direction: row;
  }
}

.service-videos-wrapper {
  flex-wrap: wrap;
}

.service-video {
  width: 100%;
  max-width: 720px;
}

@media screen and (min-width: 766px) {
  .service-video {
    width: calc(50% - .5rem);
  }
}

.service-video-container {
  padding-top: 56.25%;
  position: relative;
  background-color: rgb(235, 235, 235);
}

.service-video-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.service-video .no-accept {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Tilbehør */

.accessories {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 640px) {
  .accessories {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.accessories .headline {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.accessories-wrapper {
  margin-left: -0.5rem;
  display: flex;
  width: calc(100% + 1rem);
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .accessories-wrapper {
    margin-left: -0.75rem;
    width: calc(100% + 1.5rem);
  }
}

.accessory-card {
  margin: 0.5rem;
  display: flex;
  flex-basis: calc(50% - 1rem);
  flex-direction: column;
  background-color: rgb(235 236 237 / 0.4);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .accessory-card {
    flex-basis: calc(33.33% - 1rem);
  }
}

@media (min-width: 1024px) {
  .accessory-card {
    margin: 0.75rem;
    flex-basis: calc(25% - 1.5rem);
  }
}

.accessory-card .image-wrapper {
  height: -moz-fit-content;
  height: fit-content;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accessory-card-description {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
}

.accessory-card-title {
  margin-bottom: 0.25rem;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.accessory-card-price {
  font-weight: bold;
}

.accessory-card-article-number {
  margin-bottom: 0.5rem;
  font-size: .625rem;
}

.accessory-card-stock {
  margin-top: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  font-size: .625rem;
}

.accessory-card-stock span{
  margin-left: .5rem;
}

.accessory-card-form {
  margin-top: auto;
  display: flex;
  height: 2.25rem;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
  overflow: hidden;
}

.accessory-card-form .count {
  width: 33.333333%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
}

.accessory-card-form .btn {
  flex: 1 1 auto;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* Sparepart - kløvehoved.html */

.sparepart-section {
  margin-bottom: 2.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .sparepart-section {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.sparepart-section .title {
  margin-bottom: 0.75rem;
  flex-basis: 100%;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.js-carousel-context {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.sparepart-carousel-wrapper {
  max-width: 24rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sparepart-carousel-wrapper {
    margin-bottom: 0.5rem;
    flex-basis: 100%;
    overflow: visible;
    background-color: transparent;
    padding: 0px;
  }
}

@media (min-width: 768px) {
  .sparepart-carousel-wrapper {
    margin-bottom: 0px;
    flex-basis: calc(50% - 1rem);
  }
}

@media (min-width: 1024px) {
  .sparepart-carousel-wrapper {
    flex-basis: 40%;
  }
}

.sparepart-carousel-image-wrapper {
  position: relative;
  display: hidden;
  padding-top: 100%;
}

@media (min-width: 640px) {
  .sparepart-carousel-image-wrapper {
    display: flex;
  }
}

.sparepart-carousel-image {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 10%;
}

.sparepart-carousel-slides {
  position: relative;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 100%;
}

@media (min-width: 640px) {
  .sparepart-carousel-slides {
    padding-top: 20%;
  }
}

#carousel-slides {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  overflow-x: visible;
}

.js-carousel-slide {
  padding: 10%;
}

.carousel-arrow-left, 
.carousel-arrow-right {
  position: absolute;
  top: 50%;
  display: none;
  height: 2rem;
  width: 2rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background-image: url(../res/icon-carousel-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.carousel-arrow-left {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  left: 0;
}

.carousel-arrow-right {
  right: 0;
}

.js-carousel-scrollbar {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: none;
  height: 1rem;
  width: 100%;
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px) {
  .js-carousel-scrollbar {
    display: flex;
  }
}

.js-carousel-scrollbar-indicator {
  height: 2px;
  cursor: grab;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.js-carousel-scrollbar-indicator:focus {
  height: 6px;
}

.carousel-scrollbar-track {
  position: absolute;
  top: 50%;
  height: 4px;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: rgb(0 0 0 / 0.1);
}

.carousel-scrollbar-thumb {
  position: absolute;
  top: 50%;
  display: flex;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
}

@media (min-width: 768px) {
  .sparepart-section-info {
    margin-left: 2rem;
    flex-basis: calc(50% - 1rem);
  }
}

.sparepart-section-description {
  margin-bottom: 0.5rem;
  max-width: 24rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .sparepart-section-description {
    margin-bottom: 1rem;
    background-color: transparent;
    padding: 0px;
  }
}

@media (min-width: 768px) {
  .sparepart-section-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.sparepart-section-description strong {
  margin-right: 12px;
}

.sparepart-section-buy {
  margin-bottom: 1.25rem;
  margin-right: auto;
  display: flex;
  max-width: 24rem;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .sparepart-section-buy {
    background-color: transparent;
    padding: 0px;
  }
}

.sparepart-section-price {
  margin-right: 1.5rem;
  white-space: nowrap;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.sparepart-buy-form {
  display: flex;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.sparepart-buy-form .primary-btn {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

/* FORHANDLERE */

.distributor-search {
  margin-bottom: 2rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .distributor-search {
    margin-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.distributor-search-container {
  margin-bottom: 0.5rem;
  display: flex;
  height: 2.5rem;
}

@media (min-width: 640px) {
  .distributor-search-container {
    margin-bottom: 1rem;
    height: 2.75rem;
    max-width: 36rem;
  }
}

.js-geolocation-message {
  position: absolute;
  top: -0.5rem;
  left: 0px;
  width: 100vw;
  max-width: 24rem;
  transform-origin: bottom left;
  --tw-translate-y: -100%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.js-use-geolocation {
  position: relative;
  display: flex;
  width: 2.75rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.js-geolocation-message .heading {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
}

.distributor-search .heading {
  margin-bottom: 1rem;
  max-width: 80vw;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .distributor-search .heading {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.distributor-search-search-input {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.distributor-search-search-input::-moz-placeholder {
  color: rgb(0 0 0 / 0.5);
}

.distributor-search-search-input::placeholder {
  color: rgb(0 0 0 / 0.5);
}

.distributor-search-search-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .distributor-search-search-input {
    padding-left: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.distributor-search-submit {
  display: none;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .distributor-search-submit {
    display: block;
  }
}

.distributor-search-filters {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .distributor-search-filters {
    margin-top: 2rem;
    flex-direction: row;
    gap: 2.5rem;
  }
}

.distributor-search-filter {
  display: flex;
  align-items: center;
}

.distributor-search-filter-checkbox {
  margin-right: 0.5rem;
  height: 1rem;
  width: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: rgb(0 0 0 / 0.1);
}

.distributor-search-filter-checkbox:checked {
  background-image: url(../res/checkbox.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.distributor-search-filter-label {
  margin-right: 0.75rem;
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.distributors-section {
  margin-bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .distributors-section {
    margin: -1rem;
    width: calc(100% + 2rem);
    padding-left: 0px;
    padding-right: 0px;
  }
}

.distributor-card {
  max-width: 100%;
  flex-basis: 100%;
}

@media (min-width: 640px) {
  .distributor-card {
    max-width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .distributor-card {
    max-width: 33%;
    flex-basis: 33.333333%;
  }
}

@media (min-width: 1024px) {
  .distributor-card {
    max-width: 25%;
    flex-basis: 25%;
  }
}

.distributor-card-location {
  pointer-events: none;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  display: flex;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(0 0 0 / 0.8);
}

@media (min-width: 640px) {
  .distributor-card-location {
    margin-left: 1rem;
    margin-top: 2rem;
  }
}

.distributor-card-location > * {
  margin-right: 8px;
}

.distributor-card-wrapper {
  margin-bottom: 1rem;
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .distributor-card-wrapper {
    position: relative;
    margin: 1rem;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.distributor-card-title {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 640px) {
  .distributor-card-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.distributor-card-container {
  display: flex;
}

@media (min-width: 640px) {
  .distributor-card-container {
    flex-direction: column;
  }
}

.distributor-card-image-wrapper {
  min-width: 135px;
  flex-shrink: 0;
  flex-basis: 33.333333%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 640px) {
  .distributor-card-image-wrapper {
    flex-basis: 100%;
  }
}

.distributor-card-image-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 640px) {
  .distributor-card-image-container {
    padding-top: 78%;
  }
}

.distributor-card-image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 640px) {
  .distributor-card-image {
    position: absolute;
    top: 0px;
    left: 0px;
  }
}

.distributor-card-premium {
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  width: 100%;
  white-space: nowrap;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: transparent;
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0.5);
  padding: 0.5rem;
  font-size: 10px;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .distributor-card-premium {
    top: initial;
    bottom: 0px;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 12px;
    line-height: 1.5rem;
  }
}

.distributor-card-premium > * {
  margin-right: 8px;
}

.distributor-card-info {
  flex-grow: 1;
  flex-basis: 66.666667%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .distributor-card-info {
    max-width: 100%;
    flex-basis: 100%;
  }
}

.distributor-card-address {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.distributor-card-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.distributor-card-logo-tooltip {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
  white-space: nowrap;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.distributor-card-logo {
  position: relative;
}

.distributor-card-logo:hover .distributor-card-logo-tooltip {
  display: inline;
}

/* DISTRIBUTOR PAGE - trillingerne */

#distributor-hero-carousel {
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  #distributor-hero-carousel {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #distributor-hero-carousel {
    max-width: 24rem;
  }
}

.distributor-section {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 640px) {
  .distributor-section {
    margin-bottom: 2.5rem;
    gap: 2.5rem;
  }
}

@media (min-width: 768px) {
  .distributor-section {
    flex-direction: row;
  }
}

.distributor-section-info {
  width: 100%;
  flex-basis: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .distributor-section-info {
    max-width: 32rem;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.distributor-hero-image {
  position: absolute;
  top: 50%;
  left: 0px;
  height: 100%;
  width: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: cover;
     object-fit: cover;
}

.distributor-hero-image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 45%;
}

@media (min-width: 640px) {
  .distributor-hero-image-wrapper {
    padding-top: 65%;
  }
}

.distributor-hero-pagination {
  padding: 0.5rem;
}

@media (min-width: 640px) {
  .distributor-hero-pagination {
    padding: 0px;
    padding-top: 0.5rem;
  }
}

.distributor-hero-select {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.distributor-hero-premium {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.6);
  --tw-gradient-to: rgb(0 0 0 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent;
  padding: 0.75rem;
  padding-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.distributor-hero-premium img {
  margin-right: 8px;
}

.distributor-section-info .title {
  margin-bottom: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 640px) {
  .distributor-section-info .title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.distributor-section-info .heading {
  margin-bottom: 0.25rem;
  font-weight: 600;
}

@media (min-width: 640px) {
  .distributor-section-info .heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.distributor-section-logos {
  display: flex;
  align-items: center;
  color: black;
}

.distributor-section-opening-hours,
.distributor-section-address,
.distributor-section-logos,
.distributor-section-contact {
  margin-bottom: 1.5rem;
}

.distributor-section-map {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  flex-grow: 1;
  flex-basis: 50%;
  border-color: rgb(0 0 0 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media (min-width: 640px) {
  .distributor-section-map {
    border-width: 1px;
    background-color: transparent;
  }
}

.distributor-section-opening-hours {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.distributor-section-opening-hours ul {
  display: flex;
  flex-direction: column;
  max-width: 12rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

.distributor-section-opening-hours ul li {
  display: flex;
}

.distributor-section-opening-hours ul li > * {
  flex: 1 1 auto;
}

.distributor-section-opening-hours ul li *:last-child {
  text-align: right;
}

.distributor-section-contact {
  display: flex;
  flex-direction: column;
}

.distributor-section-address {
  display: flex;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity));
}

.distributor-section-contact a {
  --tw-text-opacity: 1;
  color: rgb(26 143 255 / var(--tw-text-opacity));
}

.distributor-section-logo {
  position: relative;
}

.distributor-section-logo:hover .distributor-section-logo-tooltip {
  display: inline;
}

.distributor-section-logo + .distributor-section-logo {
  margin-left: 0.5rem;
}

@media (min-width: 640px) {
  .distributor-section-logo + .distributor-section-logo {
    margin-left: 1rem;
  }
}

.distributor-section-logo-tooltip {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: none;
  white-space: nowrap;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  pointer-events: none;
}

.distributor-map {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.05);
}

.distributor-map-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.distributor-map-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  padding-top: 100%;
}

.placeholder\:text-transparent::-moz-placeholder {
  color: transparent;
}

.placeholder\:text-transparent::placeholder {
  color: transparent;
}

.hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.focus\:absolute:focus {
  position: absolute;
}

.focus\:left-0:focus {
  left: 0px;
}

.focus\:top-0:focus {
  top: 0px;
}

.focus\:-ml-5:focus {
  margin-left: -1.25rem;
}

.focus\:w-screen:focus {
  width: 100vw;
}

.focus\:bg-black:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.focus\:px-5:focus {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.focus\:py-5:focus {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:placeholder\:text-white:focus::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:placeholder\:text-white:focus::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:h-1 {
  height: 0.25rem;
}

.group:hover .group-hover\:focus\:h-\[6px\]:focus {
  height: 6px;
}

@media (min-width: 640px) {
  .sm\:top-0 {
    top: 0px;
  }

  .sm\:top-12 {
    top: 3rem;
  }

  .sm\:left-12 {
    left: 3rem;
  }

  .sm\:-m-1 {
    margin: -0.25rem;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:mr-0 {
    margin-right: 0px;
  }

  .sm\:-mr-4 {
    margin-right: -1rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-8\/12 {
    width: 66.666667%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:min-w-0 {
    min-width: 0px;
  }

  .sm\:basis-1\/2 {
    flex-basis: 50%;
  }

  .sm\:basis-\[calc\(50\%-8px\)\] {
    flex-basis: calc(50% - 8px);
  }

  .sm\:basis-1\/3 {
    flex-basis: 33.333333%;
  }

  .sm\:translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .sm\:gap-6 {
    gap: 1.5rem;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

  .sm\:bg-transparent {
    background-color: transparent;
  }

  .sm\:bg-black\/20 {
    background-color: rgb(0 0 0 / 0.2);
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pl-12 {
    padding-left: 3rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:leading-tight {
    line-height: 1.25;
  }

  .sm\:placeholder\:text-white\/80::-moz-placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .sm\:placeholder\:text-white\/80::placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .sm\:focus\:static:focus {
    position: static;
  }

  .sm\:focus\:-ml-0:focus {
    margin-left: -0px;
  }

  .sm\:focus\:w-full:focus {
    width: 100%;
  }

  .sm\:focus\:bg-black\/20:focus {
    background-color: rgb(0 0 0 / 0.2);
  }

  .sm\:focus\:px-0:focus {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:focus\:py-2:focus {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:focus\:pr-2:focus {
    padding-right: 0.5rem;
  }

  .sm\:focus\:pl-12:focus {
    padding-left: 3rem;
  }
}

@media (min-width: 768px) {
  .md\:mb-28 {
    margin-bottom: 7rem;
  }

  .md\:block {
    display: block;
  }

  .md\:hidden {
    display: none;
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1024px) {
  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-7 {
    height: 1.75rem;
  }

  .lg\:basis-1\/4 {
    flex-basis: 25%;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (min-width: 1280px) {
  .xl\:absolute {
    position: absolute;
  }

  .xl\:left-1\/2 {
    left: 50%;
  }

  .xl\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1536px) {
  .\32xl\:left-full {
    left: 100%;
  }

  .\32xl\:-translate-x-2 {
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .\32xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}


/* NYT STARTER HER */
@media only screen and (min-width: 801px)
{
	.header-icons {
	    flex: 0 10 269px;
	}
}

.top-info {
	margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: calc(1120px + 13rem + 4rem);
}
.language
{
	position: absolute;
	right: 0;
}

@media screen and (max-width: 800px) 
{
   .mobile-navigation 
   {
    overflow: scroll;
    padding-bottom: 1rem;
   } 
   
	nav.mobile-navigation::-webkit-scrollbar 
	{
	    display: none;
	}
   
}


.distributor-card a {
	display: block;
}






body:has(.dfd-animate) #search-box-desktop {
    transform: scale(1.2);
}

#search-box-desktop {
    transition: transform 0.5s;
}

body::before {
    content:"";
    transition: backdrop-filter 1s, background 1s;
}

body:has(.dfd-animate)::before {
    content:"";
    display: block;
    background: rgba(0,0,0,0.2);
    width:100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    backdrop-filter: blur(5px);
}






body:has(div#basket-feedback-mobile[aria-hidden="false"]) #mobile-search-overlay {
    display: none;
}


@media (max-width: 500px) {
      span.product-additional-info:only-child {
          margin-bottom: 0.5rem;
      }
}




a.content-h3 {
  margin-left: 1rem;
}

a.content-h4 {
  margin-left: 2rem;
}

a.content-h5 {
  margin-left: 3rem;
}

a.content-h6 {
  margin-left: 4rem;
}




.card.often-bought-together .item a {
    flex-basis: 100%;
}




.product-info.mobile .heading-2:first-child, 
.product-info.mobile .heading-2:not(.heading-2) + .heading-2 {
    margin-top: 0;
}
















































.header .header-top {
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .header .header-top {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  .header .header-top {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.header .header-top-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 80rem;
  align-items: center;
  justify-content: space-between;
}

.header .header-nav-secondary {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-top: -0.5rem;
  display: none;
}

@media (min-width: 1024px) {
  .header .header-nav-secondary {
    display: block;
  }
}

.header .header-nav-secondary a {
  margin-left: 2rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .logo-container {
  margin-left: -1rem;
  display: flex;
  align-items: center;
}

.header .nav-menu-button {
  cursor: pointer;
  padding: 1rem;
}

@media (min-width: 1024px) {
  .header .nav-menu-button {
    display: none;
  }
}

.header .texas-logo {
  margin-right: 1rem;
  flex: 0 1 auto;
}

@media (min-width: 640px) {
  .header .texas-logo {
    margin-right: 0px;
  }
}

.header .texas-logo img {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 2.5rem;
  width: auto;
}

@media (min-width: 1024px) {
  .header .texas-logo img {
    height: auto;
  }
}

.header .header-search {
  margin-right: auto;
  display: flex;
  max-width: 28rem;
  align-items: center;
}

@media (min-width: 640px) {
  .header .header-search {
    margin-left: 0px;
    margin-right: 0px;
    width: 66.666667%;
    background-color: transparent;
    padding: 0px;
  }
}

@media (min-width: 1280px) {
  .header .header-search {
    position: absolute;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.header .search-icon {
  pointer-events: none;
  display: flex;
}

@media (min-width: 640px) {
  .header .search-icon {
    margin-right: -1rem;
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.header .header-search input[type='search'] {
  z-index: 10;
  display: flex;
  height: 100%;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .header-search input[type='search']::-moz-placeholder {
  color: transparent;
}

.header .header-search input[type='search']::placeholder {
  color: transparent;
}

.header .header-search input[type='search']:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-left: -1.25rem;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.header .header-search input[type='search']:focus::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .header-search input[type='search']:focus::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .header .header-search input[type='search'] {
    width: 100%;
    background-color: rgb(0 0 0 / 0.2);
    padding-right: 0.5rem;
    padding-left: 3rem;
  }

  .header .header-search input[type='search']::-moz-placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .header .header-search input[type='search']::placeholder {
    color: rgb(255 255 255 / 0.8);
  }

  .header .header-search input[type='search']:focus {
    position: static;
    margin-left: -0px;
    width: 100%;
    background-color: rgb(0 0 0 / 0.2);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 3rem;
  }
}

@media (min-width: 1024px) {
  .header .header-search input[type='search'] {
    height: 3rem;
  }
}

.header .header-basket {
  position: relative;
  flex: 0 1 auto;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .header-basket img {
  height: 1.5rem;
}

@media (min-width: 1024px) {
  .header .header-basket img {
    height: 1.75rem;
  }
}

.header .basket-amount {
  position: absolute;
  right: 100%;
  top: -0.5rem;
  display: flex;
  height: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.25rem;
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  padding-left: .45em;
  padding-right: .45em;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .header .basket-amount {
    top: 0px;
  }
}

@media (min-width: 1536px) {
  .header .basket-amount {
    left: 100%;
    --tw-translate-x: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.header .header-line {
  height: 2px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.header .header-primary-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
}

.header .header-primary-nav nav {
  margin-left: auto;
  margin-right: auto;
  display: none;
  max-width: 80rem;
}

@media (min-width: 1024px) {
  .header .header-primary-nav nav {
    display: block;
  }
}

.header .header-primary-nav nav ul {
  display: flex;
}

.header .header-primary-nav nav ul li {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header .header-primary-nav nav ul li:hover {
  background-color: rgb(255 255 255 / 0.05);
}

.header .header-primary-nav nav ul li a {
  width: 100%;
  padding: 1rem;
  text-align: center;
}

.header .header-primary-nav nav ul li[aria-current=page] {
  background-color: rgb(0 0 0 / 0.4);
  font-weight: 600;
}

.header .header-primary-nav nav ul li[aria-current=page]:hover {
  background-color: rgb(255 255 255 / 0.05);
}

/* BREAD NAV */

@media (min-width: 640px) {
  .bread-nav {
    margin-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.bread-nav nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.bread-nav li {
  margin-right: 1rem;
  color: black;
  opacity: .3;
  font-size: .875rem;
  font-weight: 600;
  white-space: nowrap;
}

.bread-nav ul {
  display: flex;
  overflow-x: scroll;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .bread-nav ul {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.bread-nav li:not(:last-child)::after {
  content: url(/res/arrow-bread.svg);
  margin-left: 1rem;
  padding-top: 4px;
}

.bread-nav li:last-child {
  opacity: .9;
}

.main-content {
  width: 100%;
}

@media (min-width: 640px) {
  .main-content {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .main-content {
    margin-bottom: 7rem;
  }
}

.hero-section {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.hero-section a {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}

.hero-section a > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-section a {
  --tw-aspect-h: 1;
  display: block;
  min-height: 240px;
}

.hero-section img {
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-section .hero-info-box {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 32px);
  background-color: rgb(255 199 10 / 0.8);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 640px) {
  .hero-section .hero-info-box {
    top: 3rem;
    left: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.hero-section .headline {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .hero-section .headline {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.hero-section .subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .hero-section .subtitle {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.hero-articles-section {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

@media (min-width: 640px) {
  .hero-articles-section {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
}

.hero-articles-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 80rem;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .hero-articles-container {
    flex-direction: row;
  }
}

.hero-article {
  margin-left: auto;
  margin-right: auto;
  max-width: 32rem;
  flex-basis: 33.333333%;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hero-article-info {
  padding: 1rem;
}

@media (min-width: 640px) {
  .hero-article-info {
    padding: 1.5rem;
  }
}

.hero-article-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.hero-article-description {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.hero-article-cta {
  margin-top: 1.5rem;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.video-section {
  --tw-bg-opacity: 1;
  background-color: rgb(236 237 238 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 640px) {
  .video-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.video-section-container {
  display: flex;
  max-width: 80rem;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .video-section-container {
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
  }

  .video-container {
    width: 50%;
  }
}

.hero-products-section {
  margin-top: 2rem;
  margin-bottom: 2rem;
  max-width: 80rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {
  .hero-products-section {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.hero-products-section {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  .hero-products-section {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.hero-products-container {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {
  .hero-products-container {
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .hero-products-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.hero-product {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hero-product-info {
  padding: 0.75rem;
}

@media (min-width: 640px) {
  .hero-product-info {
    padding: 1rem;
  }
}

.hero-product-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.hero-article-description.dark {
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity));
}

.hero-article-description {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.hero-product-cta {
  margin-top: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .hero-product-cta {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.footer {
  --tw-bg-opacity: 1;
  background-color: rgb(59 59 59 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 640px) {
  .footer {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.footer-container {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 80rem;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .footer-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.footer-contact {
  margin-bottom: 3rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-contact {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-contact {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-contact .heading {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-contact .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-contact-info {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 2;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
}

.footer-pickup {
  margin-bottom: 3rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 2;
}

@media (min-width: 640px) {
  .footer-pickup {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-pickup {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-pickup .headline {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-pickup .headline {
    margin-bottom: 1.5rem;
  }
}

.footer-pickup ul {
  max-width: 28rem;
  font-weight: 500;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
  width: 80%;
  max-width: 16em;
}

.footer-pickup ul  li {
  display: flex;
}

.footer-pickup ul  li span:first-child{
  flex-basis: 33%;
}

.footer-pickup ul  li span:nth-child(2){
  flex-basis: 66%;
  text-align: right
}

.footer-links {
  margin-bottom: 3rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-links {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-links {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-links .heading {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-links .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-links ul {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 2;
  color: rgb(255 255 255 / 0.5);
  text-decoration-line: underline;
}

.footer-newsletter {
  margin-bottom: 3rem;
  max-width: 20rem;
  line-height: 1.625;
}

@media (min-width: 640px) {
  .footer-newsletter {
    flex-basis: 50%;
  }
}

@media (min-width: 1024px) {
  .footer-newsletter {
    margin-bottom: 0px;
    flex-basis: 25%;
  }
}

.footer-newsletter .heading {
  margin-bottom: 1rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .footer-newsletter .heading {
    margin-bottom: 1.5rem;
  }
}

.footer-newsletter-form {
  display: flex;
  flex-direction: column;
}

.footer-newsletter-form input[type='text'] {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.footer-newsletter-form input[type='text']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.footer-newsletter-form input[type='submit'] {
  margin-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 10 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}







.news-article {
  max-width: 64rem;
  padding-bottom: 2.5rem;
}

.news-article-hero img {
  -o-object-fit: cover;
     object-fit: cover;
}

.news-article-tags {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 640px) {
  .news-article-tags {
    margin: -0.25rem;
    margin-top: 0.5rem;
  }
}

.news-article-tag {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  background-color: rgb(0 0 0 / 0.05);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: .75rem;
}

.news-article-section {
  margin-top: 2.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 640px) {
  .news-article-section {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.news-article-title {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}

.news-article-paragraph {
  margin-top: 0.5rem;
  max-width: 65ch;
}

.news-article-card {
  display: flex;
  min-width: 40vw;
  flex-grow: 1;
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .news-article-card {
    min-width: 0px;
    flex-basis: calc(50% - 8px);
  }
}

.news-article-card img {
  -o-object-fit: cover;
     object-fit: cover;
}

.news-article-card-info {
  padding: 1rem;
}

@media (min-width: 768px) {
  .news-article-card-info {
    padding: 1.5rem;
  }
}

.news-article-card-title {
  font-weight: 700;
}

@media (min-width: 640px) {
  .news-article-card-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.25;
  }
}

.news-article-card-description {
  max-width: 65ch;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(98 98 98 / var(--tw-text-opacity));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (min-width: 640px) {
  .news-article-card-description {
    margin-top: 0.5rem;
  }
}

.news-article-breaker {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .news-article-breaker {
    margin-top: 5rem;
    margin-bottom: 5rem;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.news-article .headline-1 {
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

@media (min-width: 640px) {
  .news-article .headline-1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.news-article .headline-2 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.news-article-2-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (min-width: 640px) {
  .news-article-2-cols {
    flex-wrap: nowrap;
  }

  .news-article-2-cols > div {
    flex-basis: 50%;
  }
}

.news-article-featured {
  display: flex;
  flex-direction: column;
}

.news-article-featured img {
  -o-object-fit: cover;
     object-fit: cover;
}

.news-article-featured .feature-description {
  flex: 1 1 auto;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .news-article-featured .feature-description {
    padding: 1.5rem;
  }
}

.news-article-video {
  margin-top: 1.5rem;
  max-width: 42rem;
}

.news-article-video-wrapper {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 9;
}

.news-article-video-wrapper > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.news-article-video-wrapper {
  --tw-aspect-h: 6;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
}

.news-article-3-cols {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 640px) {
  .news-article-3-cols {
    flex-direction: row;
  }
}

.news-article-3-cols div {
  flex-basis: 100%;
}

@media (min-width: 640px) {
  .news-article-3-cols div {
    flex-basis: 33.333333%;
  }
}

.news-article-section-wrapper {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 1.5rem;
  display: flex;
  width: 100vw;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: visible;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 640px) {
  .news-article-section-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    overflow: visible;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.news-article-featured-products {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {
  .news-article-featured-products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.news-article-featured-product {
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.featured-product-image-wrapper {
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}

.featured-product-image-wrapper > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.featured-product-image-wrapper {
  --tw-aspect-h: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.featured-product-image-wrapper img {
  padding: 10%;
}

.featured-product-info {
  padding: 1rem;
}

@media (min-width: 768px) {
  .featured-product-info {
    padding: 1.5rem;
  }
}

.featured-product-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
}

.featured-product-description {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(0 0 0 / 0.5);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.news-article-featured-row {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .news-article-featured-row {
    flex-direction: row;
  }

  .news-article-featured-row:nth-child(2) {
    flex-direction: row-reverse;
  }
}

.featured-row-image-wrapper {
  flex-basis: 50%;
}

.featured-row-info {
  flex-basis: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(235 236 237 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .featured-row-info {
    padding: 2.5rem;
  }
}

.featured-row-info .headline {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.featured-row-info p {
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}







#footer .newsletter-policy {
  width: initial;
  font-size: 0.7rem;
  color: #999;
  margin: 1rem 0;
  line-height: 1.2;
}

#footer .newsletter-policy a {
  margin-top: initial;
  font-size: 0.7rem;
  line-height: 1.2;
}

#footer .newsletter-policy br {
  display: none;
}

#footer input.button {
  border: 1px solid #31d855;
}

#footer form {
  flex-direction: column;
}


#footer form input + * {
  margin-top: 1rem;
}


@media screen and (max-width: 1350px) {
  #footer > div {
    width: 33%;
    max-width: initial;
  }

  #footer > div:nth-child(4) {
    max-width: 100%;
    width: 43rem;
    margin-left: auto;
    margin-right: auto;
  }

  #footer form#subForm {
    justify-self: center;
  }
}


@media screen and (max-width: 900px) {

  #footer > div,
  #footer > div:nth-child(4) {
    max-width: 100%;
    width: 100%;
  }

  #footer form {
    width: 100% !important;
    max-width: 100%;
  }
}










.language {
    position: fixed;
    right: 4vw;
    color: var(--colorOnMidGray);
    font-size: 0.75rem;
}

.language:has(+ .header-icons > .basket-nav) {
    right: 4rem;
}

@media (min-width: 800px) {
    .language,
    .language:has(+ .header-icons > .basket-nav) {
        top: 11px;
        right: 3vw;
    }
}

@media (min-width: 1484px) {
    .language,
    .language:has(+ .header-icons > .basket-nav) {    
        top: 11px;
        right: calc((100vw - (1120px + 13rem + 4rem)) / 2);
    }
}






@media (min-width: 640px) {
    .distributor-card-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }

    .distributor-card a {
        /* background: red; */
        height: calc(100% - 84px);
    }

    .distributor-card-wrapper {
        /* background: blue; */
        height: 100%;
        display: block;
    }

    .distributor-card-container {
        /* background: purple; */
        height: calc(100% - 36px);
        display: flex;
        flex-direction: column;
    }

    .distributor-card-logos {
        flex: 1;
        align-content: flex-end;
        /* background: aqua; */
    }

    .distributor-card-info {
        height: auto;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .distributor-card-image-wrapper {
        flex-basis: auto;
    }
}



/*
	Filterfunktion på mobil og (ipad)
*/

#kategori.mobile-nav-open #aside-filter {
    display: none;
}

body:not(.mobile-nav-open) aside.aside.js-aside-mobile {
    transform: initial;
    width: 0;
    z-index: 1
}

.js-filter-category-section {
    background: none;
    gap: 0.5rem;
}

#kategori #aside-filter {
    display: block;
    position: inherit;
    top: 3rem;
    right: 16px;
    z-index: 1;
    /* background: red; */
    max-width: calc(100vw - 3rem);
}

#kategori #aside-filter form {
    display: none;
    background: white;
    padding: 0.5rem;
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(0,0,0,0.25);
    width:300px;
} 

.the-filter-data {
    position: absolute;
    right: 0;
    z-index: 1;
}

#kategori .aside-filter .js-filter-category-section {
    padding: 1rem;
}

#kategori .aside-filter {
    width: auto;
    height: auto;
    min-width: auto;
}

.mobile-nav-open aside.aside.js-aside-mobile {
    width: auto;
}

div#aside-nav {
    position: relative;
    z-index: 9999;
}

.aside {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    width: inherit;
    margin-right: inherit;
}

#kategori .aside-filter .js-filter-category-section {
    border: none;
}

@media (min-width: 801px) {
    #kategori #aside-filter {
        top: -1rem;
        right: 3vw;
    }

    .menu-container {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75;
        width: 13rem;
        flex: 0 0 13rem;
        margin-right: 1rem;
    }
    
    body:not(.mobile-nav-open) aside.aside.js-aside-mobile 
    {
      width: inherit;
  }
    
}



@media (min-width: 1201px) {
    #kategori .aside-filter .js-filter-category-section {
        padding: 0;
    }

    .menu-container {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.75;
        width: 13rem;
        flex: 0 0 13rem;
        margin-right: 1rem;
        
    }

    .the-filter {
        display: initial;
    }

    #kategori #aside-filter form {
        display: initial !important;
        padding: 0;
        
    }

    .the-filter-data {
        position: initial;
    }
}

 /* Filter button */
.filter-btn-container {
    pointer: pointer;
}


/*
 1rem = 16 pixel
*/
.filter-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 0;
    margin-top: 1rem;
    z-index: 2;
    min-width: 2.3rem;
    top: -4.5rem;
    /* margin: 0 !important; */
    /* padding: 0 !important; */
    /* height: 0 !important; */
    cursor: pointer;
    span {
        font-size: 0.8rem;
    }
}

@media (min-width: 1201px) {
    .filter-btn-containerte {
        display: none;
    }
}
     
/*
	SLUT Filterfunktion på mobil og (ipad)
*/










@media screen and (min-width: 801px) and (max-width: 1024px) {
  #produkt .product-page__buy {
    max-width: 100%;
  }

  .product-page__description {
    width: 100%;
  }

  #produkt .desktop {
    display: none;
  }

  #produkt .mobile {
    display: block;
  }

  #produkt .product-page main {
    flex-direction: column;
    overflow: hidden;
  }

  #produkt .carousel-wrapper {
    margin-bottom: 0.75rem;
  }

  #produkt .product-page__description { 
    flex: initial;
    max-width: 100% !important;
  }
}

/* Kan flettes ind i varianter css */
@media (pointer: coarse) and (min-width: 801px) and (max-width: 1024px) {
  .variants {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
    max-width: initial !important;
    width: auto !important;
  }

  .variants > h2,
  .variants > div {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .product-page__buy {
    overflow: hidden;
  }
}

@media screen and (max-width: 1024px) {
  .product-page__buy {
    overflow: hidden;
  }

  #produkt .product-page__description {
    flex: initial !important;
  }
}











.varinats__extrainfo > div {
  /* Define columns and gap for the calc formula */
  --cols: 3;
  --gap: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
    margin-top: 0.5rem;
}

.varinats__extrainfo > div > a {
  /* flex: none to fix the basis width exactly */
  flex: none;
  /* Compute width so that (--cols) items plus gaps fill 100% */
  width: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
  box-sizing: border-box;
  padding: 0.5rem;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid transparent;
  white-space: normal;
  word-break: break-word;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
  overflow: hidden;
  line-height: 1.1;
}

a.size-unavailable::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffffb3;
  display: block;
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
}

.varinats__extrainfo a.size-selected {
  border: 1px solid #999999;
}

.varinats__extrainfo a.size-selected span {
  color: #555
}

a.size-unavailable {
  /* background: white; */
}

a.size-unavailable::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  width: 110%;
  height: 1px;
  border-top: 1px solid #919191;
  transform-origin: center;
  transform: rotate(-16deg);
  z-index: 5;
}

.varinats__extrainfo br {
  display: none;
}

.varinats__extrainfo a span {
  width:auto !important;
  height:auto !important;
  margin:auto !important;
  font-size: 0.8rem;
  color: #627384;
}



/* Produkt logoer start */
.product-logos {
	position: absolute;
	bottom: 0;
	z-index:1;
	width: 100%;
	bottom: -0.25rem;
	left: auto;
	right: auto;
	pointer-events: none;
	height: 5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1rem;
} 

.product-logo > svg,
.product-logo > img {
	max-height: 3rem;
	width: auto;
	max-width: 4rem;
/*
	filter: grayscale(100%) opacity(0.75);
	transition: filter 2s;
	*/
}
@media (max-width: 400px), (min-width: 1025px) and (max-width: 1125px) {
	.product-logos:has(.product-logo:nth-child(3)) .product-logo > img {
		max-height: 2rem;
		width: auto;
		max-width: 3rem;
	}
}

@media (min-width: 801px) {
	.product-logos__mobile {
		display: none;
	}
}


@media (min-width: 1490px) {
	.product-logo > img {
		max-height: 4rem;
		width: auto;
		max-width: 6rem;
	}
}

/*
.carousel-wrapper:hover .product-logo > svg,
.carousel-wrapper:hover .product-logo > img {
	filter: grayscale(0%) opacity(1);
}*/

/* Produkt logoer slut */


/* Brand på produktsiden start */

.product-page__brand {
    /* font-size: 0.875rem; */
    padding-bottom: 0.25em;
    color: #9cadba;
    font-size: 1rem;
}

.product-page__brand a {
    color: #1688c9;
}

.product-page__brand.mobile ~ h1 {
    margin-top: 0 !important;
}


/* Brand på produktsiden slut */


/* checkout - address start */


input[type=radio] {
    background: white;
    width: 30px;
    height: 30px;
    border: 1px solid #c9cccf;
}
 
input[type=radio]:checked {
    background-size: cover;
    background-image: url(/images/icon-checkbox-checked.svg);
    outline: 0;
    border: 2px solid #23c345 !important;
    
}
 
.customer-type, .delivery-without-signing {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
 
.customer-type label, .delivery-without-signing label {
    display: flex;
    align-items: center;
    width: auto;
    gap: 0.5rem;
}	

/* checkout - address slut*/