/** Shopify CDN: Minification failed

Line 83:0 Unexpected "}"

**/
/* Ekstra tekst under produktnavnet */
.card__extra-text {
  font-size: 12px;
  margin: 2px 0 0;
  color: #333;        /* mørkegrå tekst */
}
/* === TITEL === */
.lvl-title{
  margin:0 0 0px 0 !important;   /* 2 px ned til stregen  */
  font-weight:600;
  font-size:13px;
  line-height:0.5;
}

/* === SELVE STREGEN === */
.lvl-bar{
  --h:6px;                        /* stregens højde        */
  position:relative;
  height:var(--h);
  background:#e0e0e0;
  border-radius:var(--h);
  margin:0 0 30px 0;              /* 30 px ned til næste   */
}

/* farvet fyld  */
.lvl-fill{
  position:absolute;
  top:0; left:0;
  height:100%;
  width:var(--lvl);               /* kommer fra style-attributten */
  border-radius:var(--h);
}
.lvl-bar.cut   .lvl-fill{ background:#2d72d9; }  /* blå  */
.lvl-bar.gloss .lvl-fill{ background:#f5b400; }  /* gul  */
.lvl-bar.clean .lvl-fill{ background:#ff9800; }  /* orange */

/* ========== pH-INDIKATOR komplet ========== */

/* titel */
.lvl-title{
  margin:0 0 2px!important;
  font-weight:600;
  font-size:13px;
  line-height:1.2;
}

/* trefarvet gradient-streg */
.ph-bar{
  --h:6px;
  height:var(--h);
  border-radius:var(--h);
  background:linear-gradient(to right,
    #e53935 0%,     /* rød        pH 0-2  */
    #ff9800 20%,    /* orange     pH 3-4  */
    #ffc107 32%,    /* gul        pH 5-6  */
    #4caf50 50%,    /* grøn       pH 7    */
    #1e88e5 76%,    /* blågrøn    pH 9-11 */
    #1565c0 100%);  /* mørk blå   pH 12-14*/
  position:relative;
  margin:0 0 20px;
}

/* sort trekant – spidsen PEGER nedad */
.ph-marker{
  position:absolute;
  top:calc(-8px);               /* placer lige over stregen */
  left:var(--pos);
  transform:translateX(-50%);   /* centrer på punktet      */

  /* selve trekanten */
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid #000;    /* farvet TOP = spids ned  */
  border-bottom:0;              /* ingen bundkant          */
}
}

/* ========== pH-INDIKATOR med tal under markør ========== */

/* overskrift */
.lvl-title{
  margin:0 0 2px!important;
  font-weight:600;
  font-size:13px;
  line-height:1.2;
}

/* wrapper = referencepunkt for absolut placering */
.ph-wrapper{
  position:relative;
  width:100%;
  margin-bottom:50px;           /* luft ned til næste element */
}

/* farve-gradient */
.ph-bar{
  --h:6px;
  height:var(--h);
  border-radius:var(--h);
  background:linear-gradient(to right,
    #e53935 0%, #ff9800 20%, #ffc107 32%,
    #4caf50 50%, #1e88e5 76%, #1565c0 100%);
}

/* trekant-markør (spids ned) */
.ph-marker{
  position:absolute;
  top:calc(-8px);               /* 2 px op fra baren – justér her */
  left:var(--pos);
  transform:translateX(-50%);
  width:0;height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid #000;
}

/* pH-tallet – står midt under markør */
.ph-value{
  position:absolute;
  top:calc(var(--h) + -6px);     /* 4 px under baren – justér her  */
  left:var(--pos);
  transform:translateX(-50%);
  font-size:10px;
  font-weight:900;              /* fed tekst                     */
  color:#000;
  white-space:nowrap;
}
/* === BOLD PRODUCT UPSELL: popup matcher temaets design ===
   Bruger temaets egne variabler og spejler .btn / .btn.outline. Scoped til #bold-modal. */
#bold-modal .bold-modal__window {
  border: 0;
  border-radius: var(--button_corner);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
  font-family: var(--body_font);
}
#bold-modal .bold-upsell__intro-heading {
  font-family: var(--headline_font);
  font-weight: var(--headline_font_weight);
  text-transform: var(--headline_font_uppercase);
  color: var(--headline_font_color);
  font-size: var(--headline_font_size_26);
  line-height: 1.1;
  margin: 0 40px 10px 0;
}
#bold-modal .bold-upsell__intro-content {
  color: var(--body_font_color);
  font-size: var(--small);
  line-height: calc(var(--small) * 1.25);
  padding-bottom: calc(var(--master_spacing));
}
#bold-modal .bold-product {
  border: 1px solid var(--line_color);
  border-radius: var(--button_corner);
}
#bold-modal .bold-product__title {
  font-family: var(--headline_font);
  font-weight: var(--headline_font_weight);
  text-transform: var(--headline_font_uppercase);
  color: var(--headline_font_color);
  font-size: var(--headline_font_size_20);
  line-height: 1.1;
}
#bold-modal .bold-product__price.current_price {
  font-family: var(--headline_font);
  font-weight: var(--headline_font_weight);
  color: var(--price_color);
  font-size: var(--headline_font_size_24);
}
#bold-modal .bold-product__quantity .quantity__label {
  font-size: var(--x_small);
  color: var(--body_font_color);
  margin-bottom: 4px;
}
#bold-modal .bold-product__quantity input.qty_input {
  border: 1px solid var(--line_color);
  border-radius: var(--button_corner);
  font-family: var(--body_font);
  font-size: var(--small);
  min-height: 40px;
}
/* Primær knap: som .btn (Læg i kurv) */
#bold-modal .bold-product-upsell__actions .add-to-cart,
#bold-modal .bold-product-options__actions .bold_options_btn {
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 100%;
  min-height: 40px;
  padding: calc(var(--master_spacing) / 2) var(--xx_small);
  background: var(--button_primary_background);
  color: var(--button_primary_text);
  border: var(--button_border) solid var(--button_primary_border);
  border-radius: var(--button_corner);
  font-family: var(--body_font);
  font-weight: var(--body_font_weight_medium);
  font-size: var(--small);
  line-height: calc(var(--small) * 1.25);
  text-transform: none;
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
#bold-modal .bold-product-upsell__actions .add-to-cart:hover,
#bold-modal .bold-product-options__actions .bold_options_btn:hover {
  background: none;
  color: var(--button_primary_background);
}
/* Footer + "Nej tak!" som .btn.outline */
#bold-modal .bold-modal__footer {
  border-top: 1px solid var(--line_color);
  padding: var(--master_spacing) 30px;
}
#bold-modal .bold-modal__footer .bold-upsell__button {
  -webkit-appearance: none;
  box-sizing: border-box;
  min-height: 40px;
  padding: calc(var(--master_spacing) / 2) var(--small);
  background: none;
  color: var(--button_secondary_text);
  border: var(--button_border) solid var(--button_secondary_border);
  border-radius: var(--button_corner);
  font-family: var(--body_font);
  font-weight: var(--body_font_weight_medium);
  font-size: var(--small);
  line-height: calc(var(--small) * 1.25);
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease;
}
#bold-modal .bold-modal__footer .bold-upsell__button:hover {
  background: var(--button_secondary_text);
  color: var(--button_secondary_hover);
}
#bold-modal .bold-modal__btn-close {
  color: var(--body_font_color_50);
}
#bold-modal .bold-modal__btn-close:hover {
  color: var(--headline_font_color);
}
@media only screen and (max-width: 500px) {
  #bold-modal .bold-upsell__intro-heading { font-size: var(--headline_font_size_20); }
  #bold-modal .bold-modal__footer { padding: 15px 20px; }
}

/* Bold upsell popup: kompakt udgave (mindre billede, smallere vindue, mindre luft) */
#bold-modal .bold-modal__window {
  max-width: 640px;
  padding: 24px 24px 0;
}
#bold-modal .bold-upsell__intro-heading {
  font-size: var(--headline_font_size_22);
  margin: 0 36px 6px 0;
}
#bold-modal .bold-upsell__intro-content {
  font-size: var(--x_small);
  padding-bottom: 14px;
}
#bold-modal .bold-product {
  display: flex;
  align-items: center;
}
#bold-modal .bold-product__image-container {
  padding: 10px;
  text-align: center;
}
#bold-modal .bold-product__image {
  width: auto;
  max-width: 100%;
  max-height: 220px;
  margin: 0 auto;
}
#bold-modal .bold-product__title {
  font-size: var(--headline_font_size_16);
}
#bold-modal .bold-product__price.current_price {
  font-size: var(--headline_font_size_20);
}
#bold-modal .bold-modal__footer {
  padding: 14px 24px;
  margin: 18px -24px 0;
}

/* Bold upsell popup: MOBIL (kun under 500 px, rører ikke desktop) */
@media only screen and (max-width: 500px) {
  /* Kort midt på skærmen i stedet for fuld skærm */
  #bold-modal .bold-modal__window {
    top: 50% !important;
    transform: translateY(-50%);
    left: 16px;
    width: calc(100% - 32px);
    height: auto;
    max-height: calc(100% - 32px);
    padding: 18px 18px 0;
  }
  #bold-modal .bold-modal__window_content { height: auto; }
  #bold-modal .bold-upsell__intro-heading {
    font-size: var(--headline_font_size_20);
    margin: 0 40px 6px 0;
  }
  #bold-modal .bold-upsell__intro-content {
    font-size: var(--x_small);
    line-height: 1.35;
    padding-bottom: 10px;
  }
  /* Billede øverst, tekst under, knap sidst */
  #bold-modal .bold-product { display: block; }
  #bold-modal .bold-product__image-container,
  #bold-modal .bold-product__details {
    width: 100%;
    padding: 8px 12px;
    float: none;
  }
  #bold-modal .bold-product__image { max-height: 120px; }
  #bold-modal .bold-product__details {
    display: flex;
    flex-direction: column;
  }
  #bold-modal .bold-product__above_content_button_container { order: 10; }
  #bold-modal .bold-product__title {
    font-size: var(--headline_font_size_16);
    justify-content: center;
    text-align: center;
  }
  #bold-modal .bold-product__price.current_price { font-size: var(--headline_font_size_20); }
  #bold-modal .bold-product__pricing { margin: 4px 0; }
  /* Footer i flowet i stedet for fastlimet i bunden */
  #bold-modal .bold-modal__footer {
    position: static;
    width: auto;
    margin: 12px -18px 0;
    padding: 12px 18px;
    text-align: right;
  }
  /* Større luk-knap */
  #bold-modal .bold-modal__btn-close {
    width: 44px;
    height: 44px;
    top: 2px;
    right: 2px;
    color: var(--body_font_color_50);
  }
  #bold-modal .bold-modal__btn-close svg { width: 20px; height: 20px; }
}

/* Bold upsell popup mobil: ret højde (Bolds bottom:0 + min top:50% strakte vinduet til halv skærm) */
@media only screen and (max-width: 500px) {
  #bold-modal .bold-modal__window {
    bottom: auto;
    overflow-y: auto;
    max-height: calc(100% - 24px);
  }
  #bold-modal .bold-upsell__intro-content { font-size: 13px; padding-bottom: 8px; }
  #bold-modal .bold-product__image { max-height: 100px; }
  #bold-modal .bold-product__image-container,
  #bold-modal .bold-product__details { padding: 4px 12px; }
}

/* Bold upsell popup mobil: produkttekst i samme størrelsesorden som resten */
@media only screen and (max-width: 500px) {
  #bold-modal .bold-product__title {
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  #bold-modal .bold-product__price.current_price { font-size: 16px; }
  #bold-modal .bold-product__pricing { margin: 2px 0 4px; }
  #bold-modal .bold-product__quantity .quantity__label { font-size: 12px; margin-bottom: 2px; }
  #bold-modal .bold-product__quantity input.qty_input { min-height: 36px; font-size: 14px; }
  #bold-modal .bold-product-upsell__actions .add-to-cart,
  #bold-modal .bold-modal__footer .bold-upsell__button {
    font-size: 14px;
    min-height: 38px;
  }
}

/* Bold upsell popup tablet (501-699 px): knap sidst i stedet for øverst (Bold viser den øverst under 700 px) */
@media only screen and (min-width: 501px) and (max-width: 699px) {
  #bold-modal .bold-product__details {
    display: flex;
    flex-direction: column;
  }
  #bold-modal .bold-product__above_content_button_container { order: 10; }
}

/* === MOBILMENU: oprydning (kun mobil, via .mobile-only/.isMobile; rører ikke desktop) === */
/* Massiv baggrund i stedet for 75 % gennemsigtig, så siden bagved ikke skinner igennem */
.mobile-only.clear-scroll .sticky-navigation .sticky-navigation-container,
.mobile-only.no-scroll .sticky-navigation .sticky-navigation-container {
  background: var(--header_background_color);
}
/* Skjul login/registrer-rækken øverst i mobilmenuen */
.mobile-only .customer-links li.account-mobile {
  display: none;
}
/* Mørk tekst i menuen, mørkeblå på det udfoldede punkt (før: lys cyan med lav kontrast) */
.mobile-only .header-navigation nav .responsiveMenu.isMobile li > a,
.mobile-only .header-navigation nav .responsiveMenu.isMobile > li > a {
  color: var(--header_font_color);
}
.mobile-only .header-navigation nav .responsiveMenu.isMobile li.hover > a {
  color: var(--accent_color);
}
.mobile-only .header-navigation nav .responsiveMenu.isMobile li.child-level > a {
  font-size: var(--x_small);
}

/* Mobilmenu: mere specifikke regler, så de slår temaets egne (kun mobil) */
.mobile-only .header-navigation .customer-links ul:not(.search-list):not(.account-active) li.account.account-mobile {
  display: none !important;
}
.mobile-only .header-navigation nav .responsiveMenu.isMobile ul.mega span > li > a,
.mobile-only .header-navigation nav .responsiveMenu.isMobile ul.semi span > li > a {
  color: var(--accent_color);
}
