{"product_id":"nyella","title":"Nyella™ Läppstift | pH-anpassande Färg som Möter Dina Läppar","description":"\u003cstyle\u003e\n\n\/* =========================================================\n   NORVANA FAQ\n   ========================================================= *\/\n\n.norvana-faq {\n  width: 100%;\n  max-width: 760px;\n  margin: 0 auto 70px auto;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #111111;\n  box-sizing: border-box;\n}\n\n.norvana-faq *,\n.norvana-faq *:before,\n.norvana-faq *:after {\n  box-sizing: border-box;\n}\n\n.norvana-faq-item {\n  width: 100%;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n.norvana-faq-question {\n  width: 100%;\n  margin: 0;\n  padding: 20px 40px 20px 0;\n  position: relative;\n  display: block;\n  cursor: pointer;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 17px;\n  font-weight: 700;\n  line-height: 1.4;\n  color: #111111;\n  background: transparent;\n  border: 0;\n  text-align: left;\n  -webkit-appearance: none;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.norvana-faq-question:focus {\n  outline: none;\n}\n\n.norvana-faq-question:focus-visible {\n  outline: 2px solid #999999;\n  outline-offset: 3px;\n}\n\n.norvana-faq-toggle {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 24px;\n  text-align: center;\n  color: #111111;\n}\n\n.norvana-faq-answer {\n  display: none;\n  width: 100%;\n  margin: 0;\n  padding: 0 35px 22px 0;\n  box-sizing: border-box;\n}\n\n.norvana-faq-answer p {\n  margin: 0;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n  color: #333333;\n}\n\n.norvana-faq-item.norvana-faq-open .norvana-faq-answer {\n  display: block;\n}\n\n@media screen and (max-width: 600px) {\n\n  .norvana-faq {\n    margin-bottom: 55px;\n  }\n\n  .norvana-faq-question {\n    padding: 18px 35px 18px 0;\n    font-size: 16px;\n  }\n\n  .norvana-faq-toggle {\n    font-size: 22px;\n  }\n\n  .norvana-faq-answer {\n    padding: 0 25px 18px 0;\n  }\n\n  .norvana-faq-answer p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n}\n\n\n\/* =========================================================\n   INGREDIENTEN\n   ========================================================= *\/\n\n.norvana-ingredients {\n  width: 100%;\n  max-width: 1120px;\n  margin: 0 auto 80px auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 35px 30px;\n}\n\n.norvana-ingredient {\n  width: 100%;\n}\n\n.norvana-ingredient-image {\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  display: block;\n  border-radius: 0;\n}\n\n.norvana-ingredient-title {\n  margin: 16px 0 14px 0;\n  padding: 0;\n  font-size: 22px;\n  line-height: 1.2;\n  font-weight: 700;\n  color: #111111;\n}\n\n.norvana-ingredient-line {\n  width: 100%;\n  height: 1px;\n  background: #e5e5e5;\n  margin-bottom: 15px;\n}\n\n.norvana-ingredient-text {\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1.5;\n  color: #333333;\n}\n\n\n\/* TABLET \u0026 MOBIEL *\/\n\n@media screen and (max-width: 700px) {\n\n  .norvana-ingredients {\n    grid-template-columns: 1fr 1fr;\n    gap: 30px 16px;\n    margin-bottom: 60px;\n  }\n\n  .norvana-ingredient-image {\n    width: 100%;\n    max-width: 170px;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 12px;\n  }\n\n  .norvana-ingredient-title {\n    font-size: 19px;\n    margin: 13px 0 11px 0;\n  }\n\n  .norvana-ingredient-text {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .norvana-ingredient-line {\n    margin-bottom: 12px;\n  }\n\n}\n\n\n\/* KLEINE TELEFOONS *\/\n\n@media screen and (max-width: 400px) {\n\n  .norvana-ingredients {\n    gap: 26px 12px;\n  }\n\n  .norvana-ingredient-image {\n    max-width: 150px;\n  }\n\n  .norvana-ingredient-title {\n    font-size: 17px;\n  }\n\n  .norvana-ingredient-text {\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n}\n\n\n\/* =========================================================\n   BEFORE \/ AFTER\n   ========================================================= *\/\n\n.norvana-before-after {\n  width: 100%;\n  max-width: 900px;\n  margin: 60px auto 0 auto;\n  padding: 0;\n  font-family: Arial, Helvetica, sans-serif;\n  color: #111111;\n  box-sizing: border-box;\n}\n\n.norvana-before-after *,\n.norvana-before-after *:before,\n.norvana-before-after *:after {\n  box-sizing: border-box;\n}\n\n\n\/* TITEL *\/\n\n.norvana-ba-title {\n  margin: 0 0 14px 0;\n  padding: 0;\n  text-align: center;\n  font-size: 30px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n.norvana-ba-subtitle {\n  max-width: 850px;\n  margin: 0 auto 42px auto;\n  padding: 0;\n  text-align: center;\n  font-size: 17px;\n  line-height: 1.5;\n  color: #333333;\n}\n\n\n\/* =========================================================\n   SLIDER\n   ========================================================= *\/\n\n.norvana-ba-slider {\n  position: relative;\n  width: 460px;\n  height: 460px;\n  max-width: 90vw;\n  max-height: 90vw;\n  margin: 0 auto 45px auto;\n  border-radius: 50%;\n  overflow: hidden;\n  background: #eeeeee;\n  cursor: ew-resize;\n  touch-action: pan-y;\n  -webkit-user-select: none;\n  user-select: none;\n  -webkit-touch-callout: none;\n}\n\n\n\/* AFTER *\/\n\n.norvana-ba-after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  pointer-events: none;\n  -webkit-user-drag: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\n\/* BEFORE *\/\n\n.norvana-ba-before {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  clip-path: inset(0 50% 0 0);\n  -webkit-clip-path: inset(0 50% 0 0);\n  pointer-events: none;\n}\n\n.norvana-ba-before img {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  pointer-events: none;\n  -webkit-user-drag: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\n\/* MIDDENLIJN *\/\n\n.norvana-ba-line {\n  position: absolute;\n  z-index: 5;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 2px;\n  margin-left: -1px;\n  background: #ffffff;\n  pointer-events: none;\n}\n\n\n\/* HANDLE *\/\n\n.norvana-ba-handle {\n  position: absolute;\n  z-index: 10;\n  top: 50%;\n  left: 50%;\n  width: 46px;\n  height: 46px;\n  margin-left: -23px;\n  margin-top: -23px;\n  border-radius: 50%;\n  background: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.12);\n  pointer-events: none;\n}\n\n.norvana-ba-arrows {\n  font-size: 18px;\n  line-height: 1;\n  color: #333333;\n  letter-spacing: 1px;\n  white-space: nowrap;\n}\n\n\n\/* =========================================================\n   4 TEKSTBLOKKEN\n   ========================================================= *\/\n\n.norvana-ba-features {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  column-gap: 50px;\n  row-gap: 40px;\n  text-align: center;\n}\n\n.norvana-ba-feature {\n  width: 100%;\n}\n\n.norvana-ba-feature-title {\n  margin: 0 0 12px 0;\n  padding: 0;\n  font-size: 21px;\n  line-height: 1.25;\n  font-weight: 700;\n  color: #111111;\n}\n\n.norvana-ba-feature-text {\n  margin: 0;\n  padding: 0;\n  font-size: 16px;\n  line-height: 1.5;\n  color: #333333;\n}\n\n\n\/* =========================================================\n   MOBIEL\n   ========================================================= *\/\n\n@media screen and (max-width: 700px) {\n\n  .norvana-before-after {\n    max-width: 600px;\n    margin-top: 45px;\n  }\n\n  .norvana-ba-title {\n    font-size: 25px;\n  }\n\n  .norvana-ba-subtitle {\n    font-size: 15px;\n    line-height: 1.5;\n    margin-bottom: 28px;\n    padding: 0 15px;\n  }\n\n  .norvana-ba-slider {\n    width: 90vw;\n    height: 90vw;\n    max-width: 460px;\n    max-height: 460px;\n    margin-bottom: 35px;\n  }\n\n  .norvana-ba-features {\n    grid-template-columns: 1fr 1fr;\n    column-gap: 16px;\n    row-gap: 30px;\n    padding: 0 8px;\n  }\n\n  .norvana-ba-feature-title {\n    font-size: 17px;\n  }\n\n  .norvana-ba-feature-text {\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n}\n\n\n\/* KLEINE TELEFOONS *\/\n\n@media screen and (max-width: 400px) {\n\n  .norvana-before-after {\n    margin-top: 40px;\n  }\n\n  .norvana-ba-features {\n    column-gap: 12px;\n    row-gap: 26px;\n  }\n\n  .norvana-ba-feature-title {\n    font-size: 16px;\n  }\n\n  .norvana-ba-feature-text {\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =========================================================\n     FAQ\n     ========================================================= --\u003e\n\n\u003cdiv class=\"norvana-faq\"\u003e\n\n  \u003cdiv class=\"norvana-faq-item\"\u003e\n\n    \u003cbutton type=\"button\" class=\"norvana-faq-question\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003eHur fungerar det?\u003c\/span\u003e\n      \u003cspan class=\"norvana-faq-toggle\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"norvana-faq-answer\"\u003e\n      \u003cp\u003e\n        Vårt Nyella™-läppstift anpassar sig efter din huds naturliga pH-värde och din kroppstemperatur för att skapa en unik, personlig nyans som passar just dig perfekt.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"norvana-faq-item\"\u003e\n\n    \u003cbutton type=\"button\" class=\"norvana-faq-question\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003eHur länge håller effekten?\u003c\/span\u003e\n      \u003cspan class=\"norvana-faq-toggle\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"norvana-faq-answer\"\u003e\n      \u003cp\u003e\n        Läppstiftet ger upp till 6–7 timmars långvarig, kladdfri färg, så att din läppfärg håller sig vacker hela dagen utan att du behöver bättra på den ofta.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"norvana-faq-item\"\u003e\n\n    \u003cbutton type=\"button\" class=\"norvana-faq-question\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003eTorkar det ut läpparna som andra läppstift?\u003c\/span\u003e\n      \u003cspan class=\"norvana-faq-toggle\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"norvana-faq-answer\"\u003e\n      \u003cp\u003e\n        Nej. Läppstiftet känns som ett vårdande läppbalsam. Det är berikat med hyaluronsyra, mineralolja och E-vitamin som återfuktar och vårdar dina läppar på djupet.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"norvana-faq-item\"\u003e\n\n    \u003cbutton type=\"button\" class=\"norvana-faq-question\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003ePassar det känsliga läppar?\u003c\/span\u003e\n      \u003cspan class=\"norvana-faq-toggle\" aria-hidden=\"true\"\u003e+\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"norvana-faq-answer\"\u003e\n      \u003cp\u003e\n        Ja! Det passar även känsliga läppar och är fritt från starka kemikalier och parabener. Om du har mycket känslig hud rekommenderar vi att du först testar produkten på ett litet hudområde.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cp\u003e \u003c\/p\u003e\n\n\n\u003c!-- =========================================================\n     VARFÖR NYELLA\n     ========================================================= --\u003e\n\n\u003ch2\u003e\n  \u003cstrong\u003eVarför Nyella™ är det bättre valet\u003c\/strong\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e\n  \u003cspan\u003e\n    Vårt läppstift ger inte bara en långvarig färg – det hjälper också till att hålla dina läppar mjuka, återfuktade och välmående. Med vårdande ingredienser som\n  \u003c\/span\u003e\n  \u003cstrong\u003eguldolja\u003c\/strong\u003e\n  \u003cspan\u003e\n    kombinerar det skönhet och vård i ett och samma läppstift.\n  \u003c\/span\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/Nyella1.png?v=1789680327\" alt=\"\"\u003e\n\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003ch2\u003e\n  \u003cstrong\u003eNoggrant utvecklad formula för dina läppar\u003c\/strong\u003e\n\u003c\/h2\u003e\n\n\n\u003c!-- =========================================================\n     INGREDIËNTEN\n     ========================================================= --\u003e\n\n\u003cdiv class=\"norvana-ingredients\"\u003e\n\n\n  \u003c!-- HYALURONSYRA --\u003e\n\n  \u003cdiv class=\"norvana-ingredient\"\u003e\n\n    \u003cimg class=\"norvana-ingredient-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/imgi_279_istockphoto-1203441153-612x612_430x.webp?v=1789680104#\" alt=\"Hyaluronsyra\"\u003e\n\n    \u003ch3 class=\"norvana-ingredient-title\"\u003e\n      Hyaluronsyra\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"norvana-ingredient-line\"\u003e\n      \u003cbr\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"norvana-ingredient-text\"\u003e\n      Återfuktar på djupet och hjälper till att hålla läpparna mjuka, fylliga och väl återfuktade.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SQUALANE --\u003e\n\n  \u003cdiv class=\"norvana-ingredient\"\u003e\n\n    \u003cimg class=\"norvana-ingredient-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/imgi_283_360_F_789002472_99HzTHvYxuukjDx3Y8pF6UwoEzKXBoHM_430x.webp?v=1789680104#\" alt=\"Squalane\"\u003e\n\n    \u003ch3 class=\"norvana-ingredient-title\"\u003e\n      Squalane\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"norvana-ingredient-line\"\u003e\n      \u003cbr\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"norvana-ingredient-text\"\u003e\n      Gör läpparna mjuka och smidiga utan att kännas feta, samtidigt som den återfuktar och stärker hudens naturliga skyddsbarriär.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- KOLLAGEN --\u003e\n\n  \u003cdiv class=\"norvana-ingredient\"\u003e\n\n    \u003cimg class=\"norvana-ingredient-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/imgi_285_istockphoto-1398988235-640x640_430x.webp?v=1789680104#\" alt=\"Kollagen\"\u003e\n\n    \u003ch3 class=\"norvana-ingredient-title\"\u003e\n      Kollagen\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"norvana-ingredient-line\"\u003e\n      \u003cbr\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"norvana-ingredient-text\"\u003e\n      Stödjer läpparnas naturliga struktur, jämnar ut fina linjer och ger läpparna ett fylligare och mer ungdomligt utseende.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- VITAMIN E --\u003e\n\n  \u003cdiv class=\"norvana-ingredient\"\u003e\n\n    \u003cimg class=\"norvana-ingredient-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/imgi_291_istockphoto-1187536759-612x612_430x.webp?v=1789680104#\" alt=\"Vitamin E\"\u003e\n\n    \u003ch3 class=\"norvana-ingredient-title\"\u003e\n      Vitamin E\n    \u003c\/h3\u003e\n\n    \u003cdiv class=\"norvana-ingredient-line\"\u003e\n      \u003cbr\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"norvana-ingredient-text\"\u003e\n      Ger ett kraftfullt antioxidantskydd, vårdar läpparna och hjälper till att skydda dem mot dagliga yttre påfrestningar.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =========================================================\n     BEFORE \/ AFTER\n     ========================================================= --\u003e\n\n\u003cdiv class=\"norvana-before-after\"\u003e\n\n\n  \u003c!-- TITEL --\u003e\n\n  \u003ch2 class=\"norvana-ba-title\"\u003e\n    Vård för dina läppar\n  \u003c\/h2\u003e\n\n\n  \u003c!-- SUBTITEL --\u003e\n\n  \u003cp class=\"norvana-ba-subtitle\"\u003e\n    Vi har noggrant utvecklat en formula som är både säker och effektiv.\n    Den vårdar dina läppar samtidigt som den framhäver deras naturliga skönhet.\n  \u003c\/p\u003e\n\n\n  \u003c!-- BEFORE \/ AFTER SLIDER --\u003e\n\n  \u003cdiv class=\"norvana-ba-slider\" id=\"norvanaSlider\"\u003e\n\n\n    \u003c!-- AFTER --\u003e\n\n    \u003cimg class=\"norvana-ba-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/10038_430x.webp?v=1789680554#\" alt=\"Efter behandling\" draggable=\"false\"\u003e\n\n\n    \u003c!-- BEFORE --\u003e\n\n    \u003cdiv class=\"norvana-ba-before\" id=\"norvanaBefore\"\u003e\n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/10037_430x.webp?v=1789680554#\" alt=\"Före behandling\" draggable=\"false\"\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- LIJN --\u003e\n\n    \u003cdiv class=\"norvana-ba-line\" id=\"norvanaLine\"\u003e\u003c\/div\u003e\n\n\n    \u003c!-- HANDLE --\u003e\n\n    \u003cdiv class=\"norvana-ba-handle\" id=\"norvanaHandle\"\u003e\n\n      \u003cspan class=\"norvana-ba-arrows\"\u003e\n        ‹ ›\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- 4 TEKSTBLOKKEN --\u003e\n\n  \u003cdiv class=\"norvana-ba-features\"\u003e\n\n\n    \u003c!-- 1 --\u003e\n\n    \u003cdiv class=\"norvana-ba-feature\"\u003e\n\n      \u003ch3 class=\"norvana-ba-feature-title\"\u003e\n        Snabb effekt\n      \u003c\/h3\u003e\n\n      \u003cp class=\"norvana-ba-feature-text\"\u003e\n        Se resultat redan efter cirka\u003cbr\u003e\n        \u003cstrong\u003e5 minuter.\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 2 --\u003e\n\n    \u003cdiv class=\"norvana-ba-feature\"\u003e\n\n      \u003ch3 class=\"norvana-ba-feature-title\"\u003e\n        Intensiv\u003cbr\u003e\n        återfuktning\n      \u003c\/h3\u003e\n\n      \u003cp class=\"norvana-ba-feature-text\"\u003e\n        Ger nytt liv åt torra och sprickiga läppar.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 3 --\u003e\n\n    \u003cdiv class=\"norvana-ba-feature\"\u003e\n\n      \u003ch3 class=\"norvana-ba-feature-title\"\u003e\n        Dermatologiskt\u003cbr\u003e\n        testad\n      \u003c\/h3\u003e\n\n      \u003cp class=\"norvana-ba-feature-text\"\u003e\n        Testad för att säkerställa både säkerhet och effektivitet.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- 4 --\u003e\n\n    \u003cdiv class=\"norvana-ba-feature\"\u003e\n\n      \u003ch3 class=\"norvana-ba-feature-title\"\u003e\n        Säkra ingredienser\n      \u003c\/h3\u003e\n\n      \u003cp class=\"norvana-ba-feature-text\"\u003e\n        Fri från starka kemikalier, parabener och sulfater.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =========================================================\n     JAVASCRIPT\n     ========================================================= --\u003e\n\n\n\u003cscript\u003e\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n(function () {\n\n  function initNorvanaFAQ() {\n\n    var faq = document.querySelector('.norvana-faq');\n\n    if (!faq) {\n      return;\n    }\n\n    var questions =\n      faq.querySelectorAll('.norvana-faq-question');\n\n\n    for (var i = 0; i \u003c questions.length; i++) {\n\n      questions[i].addEventListener(\n        'click',\n        function () {\n\n          var item = this.parentNode;\n\n          var isOpen =\n            item.classList.contains(\n              'norvana-faq-open'\n            );\n\n\n          if (isOpen) {\n\n            item.classList.remove(\n              'norvana-faq-open'\n            );\n\n            this.setAttribute(\n              'aria-expanded',\n              'false'\n            );\n\n            var toggle =\n              this.querySelector(\n                '.norvana-faq-toggle'\n              );\n\n            if (toggle) {\n              toggle.textContent = '+';\n            }\n\n\n          } else {\n\n            item.classList.add(\n              'norvana-faq-open'\n            );\n\n            this.setAttribute(\n              'aria-expanded',\n              'true'\n            );\n\n            var toggleOpen =\n              this.querySelector(\n                '.norvana-faq-toggle'\n              );\n\n            if (toggleOpen) {\n              toggleOpen.textContent = '−';\n            }\n\n          }\n\n        },\n        false\n      );\n\n    }\n\n  }\n\n\n  if (\n    document.readyState === 'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initNorvanaFAQ,\n      false\n    );\n\n  } else {\n\n    initNorvanaFAQ();\n\n  }\n\n})();\n\n\n\/* =========================================================\n   BEFORE \/ AFTER SLIDER\n   ========================================================= *\/\n\n(function () {\n\n  var slider =\n    document.getElementById(\n      'norvanaSlider'\n    );\n\n  var before =\n    document.getElementById(\n      'norvanaBefore'\n    );\n\n  var line =\n    document.getElementById(\n      'norvanaLine'\n    );\n\n  var handle =\n    document.getElementById(\n      'norvanaHandle'\n    );\n\n\n  if (\n    !slider ||\n    !before ||\n    !line ||\n    !handle\n  ) {\n    return;\n  }\n\n\n  var dragging = false;\n\n\n  \/* =========================================================\n     POSITIE\n     ========================================================= *\/\n\n  function moveSlider(clientX) {\n\n    var rect =\n      slider.getBoundingClientRect();\n\n\n    var position =\n      clientX - rect.left;\n\n\n    var percent =\n      (position \/ rect.width) * 100;\n\n\n    if (percent \u003c 0) {\n      percent = 0;\n    }\n\n\n    if (percent \u003e 100) {\n      percent = 100;\n    }\n\n\n    var rightSide =\n      100 - percent;\n\n\n    \/* BEFORE *\/\n\n    before.style.clipPath =\n      'inset(0 ' +\n      rightSide +\n      '% 0 0)';\n\n    before.style.webkitClipPath =\n      'inset(0 ' +\n      rightSide +\n      '% 0 0)';\n\n\n    \/* LIJN *\/\n\n    line.style.left =\n      percent + '%';\n\n\n    \/* HANDLE *\/\n\n    handle.style.left =\n      percent + '%';\n\n  }\n\n\n  \/* =========================================================\n     MOUSE — DESKTOP\n     ========================================================= *\/\n\n  slider.addEventListener(\n    'mousedown',\n    function (event) {\n\n      dragging = true;\n\n      moveSlider(\n        event.clientX\n      );\n\n      event.preventDefault();\n\n    },\n    false\n  );\n\n\n  document.addEventListener(\n    'mousemove',\n    function (event) {\n\n      if (!dragging) {\n        return;\n      }\n\n      moveSlider(\n        event.clientX\n      );\n\n    },\n    false\n  );\n\n\n  document.addEventListener(\n    'mouseup',\n    function () {\n\n      dragging = false;\n\n    },\n    false\n  );\n\n\n  \/* =========================================================\n     TOUCH — IPHONE \/ IPAD \/ ANDROID\n     ========================================================= *\/\n\n  slider.addEventListener(\n    'touchstart',\n    function (event) {\n\n      dragging = true;\n\n\n      if (\n        event.touches.length \u003e 0\n      ) {\n\n        moveSlider(\n          event.touches[0].clientX\n        );\n\n      }\n\n    },\n    false\n  );\n\n\n  slider.addEventListener(\n    'touchmove',\n    function (event) {\n\n      if (!dragging) {\n        return;\n      }\n\n\n      if (\n        event.touches.length \u003e 0\n      ) {\n\n        moveSlider(\n          event.touches[0].clientX\n        );\n\n\n        event.preventDefault();\n\n      }\n\n    },\n    false\n  );\n\n\n  slider.addEventListener(\n    'touchend',\n    function () {\n\n      dragging = false;\n\n    },\n    false\n  );\n\n\n  slider.addEventListener(\n    'touchcancel',\n    function () {\n\n      dragging = false;\n\n    },\n    false\n  );\n\n\n})();\n\n\u003c\/script\u003e","brand":"Norvana","offers":[{"title":"Default Title","offer_id":58759421690230,"sku":"P0043 - PH Lipstick - 1pcs","price":299.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1014\/7456\/6518\/files\/4656990a-c5f0-429e-9caa-7f335a450892.png?v=1789675665","url":"https:\/\/norvana.se\/products\/nyella","provider":"Norvana","version":"1.0","type":"link"}