/** 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;
}