/** Shopify CDN: Minification failed

Line 208:0 Expected "*/" to terminate multi-line comment

**/
/* ------------------------------ */
/* Grundlæggende typografi, input og billeder */
#nav-top { 
  font-size: calc(0.9285714286 * var(--main_fz)); 
}

input.size-s, 
select.size-s, 
.bv_atual.size-s, 
.size-s input, 
.size-s select, 
.size-s .bv_atual { 
  --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 0.65 * 2); 
}
input.size-m, 
select.size-m, 
.bv_atual.size-m, 
.size-m input, 
.size-m select, 
.bv_atual.size-m { 
  --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.2 * 2); 
}
input.size-l, 
select.size-l, 
.bv_atual.size-l, 
.size-l input, 
.size-l select, 
.bv_atual.size-l { 
  --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.35 * 2); 
}

.l4al img, 
.l4al svg, 
.l4al picture { 
  max-height: 25px !important; 
}

.l4cl.small .swiper-button-next:before { 
  content: "\e96b"; 
}
.l4cl.small .swiper-button-prev:before { 
  content: "\e96a"; 
}
[dir="rtl"] .l4cl.small .swiper-button-next:before { 
  content: "\e96a"; 
}
[dir="rtl"] .l4cl.small .swiper-button-prev:before { 
  content: "\e96b"; 
}

/* ------------------------------ */
/* Diverse skærmtilpasninger */
@media only screen and (max-width: 1356px) {
  .l4ft.static li.w33, 
  .l4ft.static.w33 li { 
    --mih: 22vw; 
  }
  .l4ft.static li.w12,
  .l4ft.static li.w15,
  .l4ft.static li.w16,
  .l4ft.static li.w20,
  .l4ft.static li.w25,
  .l4ft.static li.w33,
  .l4ft.static.w12 li,
  .l4ft.static.w14 li,
  .l4ft.static.w16 li,
  .l4ft.static.w20 li,
  .l4ft.static.w25 li,
  .l4ft.static.w33 li { 
    --mih: 22vw; 
  }
}

@media only screen and (max-width: 1000px) {
  #root .l4ft.mobile-compact li { 
    --mih: 145px; 
  }
}

/* Mindste skærm – justering af overskrifter osv. */
@media only screen and (max-width: 250px) {
  h1, .h1, .l4cl.category h1, #root .l4cl.category .size-50 { 
    font-size: var(--mob_h1); 
  }
  h2, .h2, .l4cl.category h2 { 
    font-size: var(--mob_h2); 
  }
  h3, .h3, .l4cl.category h3 { 
    font-size: var(--mob_h3); 
  }
  h4, .h4, .l4cl.category h4 { 
    font-size: var(--mob_h4); 
  }
  h5, .h5, .l4cl.category h5 { 
    font-size: var(--mob_h5); 
  }
  h6, .h6, .l4cl.category h6 { 
    font-size: var(--mob_h6); 
  }
  .lead { 
    font-size: var(--mob_lead); 
  }
  
  .l4vw li.active:not(:first-child:last-child) { 
    display: none; 
  }
}

/* Mobile-tilpasning af labels (maks-width: 500px) – gør dem mindre */
@media only screen and (max-width: 500px) {
  .product-label,
  .coming-label,
  .kommer-snart,
  .tilbud,
  .new-label,
  .recommend-label,
  .stock-label,
  .sale-label,
  .sold-out-label {   /* Inkluder også den nye klasse */
    padding: 0px 2px !important;
    font-size: 10px !important;
    border-radius: 2px !important;
  }
}

/* ------------------------------ */
/* Label- og produkt-layout */
.product-item {
  position: inline-flex; /* Gør, at labels kan placeres relativt inden for produktboksen */
}

.product-labels {
  position: absolute;  /* Labels placeres ovenpå produktbilledet */
  top: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  flex-template-columns: repeat(2, auto); /* Maks 2 labels per række */
  gap: 5px;
  z-index: 10;
}

/* Fælles styling for alle labels – desktop */
/* Baggrundsfarven fjernes her, så den defineres individuelt nedenfor */
.product-label,
.tilbud,
.coming-label,
.kommer-snart,
.new-label,
.recommend-label,
.stock-label,
.sale-label,
.sold-out-label {
  color: white;               
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px;         /* Minimal padding, så boksen tilpasses tekstens bredde */
  font-weight: bold;
  border-radius: 20px;       /* Rund form – kan ændres */
  font-size: 11px;
  text-transform: uppercase;
  border: 0px solid #ddd;
  line-height: 1;
  white-space: nowrap;      /* Teksten brydes ikke */
}

/* Individuel styling for enkelte labels – her defineres baggrundsfarven individuelt */

/* "Kommer d"-label */
.coming-label {
  background-color: #3498db; /* Lys blå */
}

/* "Kommer-snart"-label */
.kommer-snart {
  background-color: #3498db; /* Lys blå */
}

/* "Tilbud"-label */
.sale-label {
  background-color: #e74c3c; /* Rødlig nuance */
}

/* "Ny"-label */
.new-label {
  background-color: #3498db; /* Grøn nuance */
}

/* "Anbefalet"-label */
.recommend-label {
  background-color: #3498db; /* Lilla nuance – juster efter ønske */
}

/* "Få tilbage på lager"-label */
.stock-label {
  background-color: #3498db; /* Gul/orange nuance – juster efter ønske */
}

/* "Udsolgt"-label */
.sold-out-label {
  background-color: #e74c3c; /* Rød nuan