{"product_id":"softglow","title":"SoftGlow®","description":"\u003cstyle\u003e\n  .secao {\n    text-align: center;\n    max-width: 1200px;\n    margin: 0px auto;\n    padding-top: 20px;\n    padding-bottom: 20px;\n  }\n  .secao \u003e img {\n    width: 100%;\n    height: auto;\n    max-width: 400px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n  }\n  .secao-grid,\n  .secao-grid-reverse {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1em;\n    align-items: center;\n    justify-items: center;\n    margin-bottom: 15px;\n    max-width: 1200px;\n    margin: 30px auto;\n    border-radius: 12px;\n  }\n\n  \/* Grid Area Definitions *\/\n  .secao-grid {\n    grid-template-areas: \"content image\";\n  }\n\n  \/* Typography overrides *\/\n  .pre-titulo {\n    text-transform: uppercase;\n    font-size: 0.9em;\n    margin-bottom: 3px;\n  }\n\n  .secao-grid-reverse {\n    grid-template-areas: \"image content\";\n  }\n  .secao-image {\n    grid-area: image;\n  }\n  .secao-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    max-width: 600px;\n    border-radius: 12px;\n    border: none;\n    box-shadow: none;\n  }\n  .secao-content {\n    grid-area: content;\n    text-align: left;\n    padding: 20px;\n  }\n  .secao-content h2 {\n    margin-top: 0;\n  }\n\n  .botaozin {\n    display: block;\n    margin: 20px auto 0 auto;\n    padding: 15px 25px;\n    border: none;\n    background-color: #000;\n    color: #fff;\n    border-radius: 0;\n    cursor: pointer;\n    font-weight: bold;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n  }\n  .botaozin:hover {\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    background-color: #c2b29f;\n  }\n\n  .gif-gallery {\n    display: flex;\n    gap: 10px;\n  }\n  .gif-gallery img {\n    border-radius: 10px;\n    width: 23%;\n    height: auto;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .accordion {\n    width: 100%;\n    max-width: 800px;\n    margin: 20px auto;\n    border-radius: 10px;\n    border: none;\n    font-size: 0.9em;\n  }\n  .accordion-item {\n    border-top: 1px solid #f8f8f8;\n    background-color: white;\n  }\n  .accordion-item:last-child {\n    border-bottom: 1px solid #f8f8f8;\n  }\n  .accordion-header {\n    padding: 15px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    text-align: left;\n    font-weight: bold;\n  }\n  .accordion-header:hover {\n    background-color: #c2b29f5e;\n  }\n  .accordion-body {\n    text-align: left;\n    padding: 0 15px;\n    max-height: 0;\n    overflow: hidden;\n    transition:\n      max-height 0.3s ease,\n      padding 0.3s ease;\n  }\n  .accordion-body.active {\n    max-height: 500px;\n    padding: 15px;\n    margin-bottom: 15px;\n  }\n  .shade-list {\n    list-style: none;\n    padding: 0;\n    margin: 15px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n  .shade-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    font-size: 0.95em;\n    line-height: 1.4;\n  }\n  .shade-list b {\n    text-transform: uppercase;\n  }\n  .shade-list li::before {\n    content: '';\n    display: block;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: var(--shade-color);\n    flex-shrink: 0;\n    margin-top: 2px;\n    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.1);\n  }\n  .accordion-header .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    transition: transform 0.3s ease;\n    transform: rotate(45deg);\n  }\n  .accordion-header.active .icon {\n    transform: rotate(0deg);\n  }\n  .accordion-header .icon svg {\n    width: 100%;\n    height: 100%;\n    fill: currentColor;\n  }\n\n  .star-text {\n    color: #ffc400;\n    font-size: 1.2em;\n  }\n\n  \/* Five Panels Carousel Styles *\/\n  .five-panel-carousel {\n    position: relative;\n    max-width: 1200px;\n    margin: 40px auto;\n    overflow: hidden;\n    padding: 0 20px;\n  }\n  .five-panel-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    gap: 20px;\n  }\n\n  .five-panel-slide {\n    flex: 0 0 100%;\n    display: flex;\n    justify-content: center; \/* Center the card inside the slide *\/\n  }\n\n  .five-panel-card {\n    width: 100%;\n    \/* Mobile max-width constraint *\/\n    max-width: 400px;\n    background-color: #e6e6e6;\n    border: 1px solid #e0e0e0;\n    border-radius: 12px;\n    overflow: hidden;\n    box-sizing: border-box;\n    text-align: left;\n    display: flex;\n    flex-direction: column;\n    padding: 13px;\n    gap: 15px;\n  }\n\n  .five-panel-card img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    border-radius: 8px;\n    border: none;\n    box-shadow: none;\n  }\n\n  .five-panel-content {\n    padding: 0;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    text-align: center;\n  }\n  .five-panel-content p:nth-child(1) {\n    font-size: 1.25em;\n    font-weight: bold;\n    margin: 0;\n    color: #c2b29f;\n  }\n  .five-panel-content p:nth-child(2) {\n    font-size: 1em;\n    font-weight: bold;\n    margin: 0;\n  }\n  .five-panel-content p:nth-child(3) {\n    font-size: 0.9em;\n    margin: 8px 0 0 0;\n  }\n\n  .five-panel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 34px;\n    height: 34px;\n    background-color: #fff;\n    border: 1px solid #ddd;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 10;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n    transition: background-color 0.3s;\n  }\n\n  .five-panel-arrow:hover {\n    background-color: #c2b29f;\n    color: #fff;\n  }\n\n  .five-panel-arrow.prev {\n    left: 10px;\n  }\n  .five-panel-arrow.next {\n    right: 10px;\n  }\n\n  \/* Dots Styles *\/\n  .five-panel-dots {\n    text-align: center;\n    padding-top: 20px;\n    width: 100%;\n  }\n\n  .five-panel-dot {\n    cursor: pointer;\n    height: 12px;\n    width: 12px;\n    margin: 0 5px;\n    background-color: #e6e6e6;\n    border-radius: 50%;\n    display: inline-block;\n    transition: background-color 0.6s ease;\n  }\n\n  .five-panel-dot.active {\n    background-color: #1e1e1e;\n  }\n\n  \/* Infinite Scrolling Animation *\/\n  @keyframes scrollLeft {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-50%);\n    }\n  }\n\n  .scrolling-wrapper {\n    overflow: hidden;\n    width: 100%;\n    position: relative;\n    display: flex;\n  }\n\n  .scrolling-track {\n    display: flex;\n    width: max-content;\n    animation: scrollLeft 60s linear infinite; \/* base speed *\/\n  }\n\n  \/* Banner Specifics *\/\n  .scrolling-banner-container {\n    margin: 0;\n    padding: 15px 0;\n    background-color: #c2b29f;\n    color: #ffffff;\n  }\n\n  .scrolling-banner-track {\n    animation-duration: 40s;\n    display: flex;\n    align-items: center;\n  }\n\n  .scrolling-banner-track div {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-right: 60px;\n    flex-shrink: 0;\n  }\n\n  .scrolling-banner-track svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: #ffffff;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    flex-shrink: 0;\n  }\n\n  .scrolling-banner-track span {\n    font-size: 1.1em;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n  }\n\n  \/* Desktop Specifics *\/\n  @media (min-width: 6001px) {\n    \/* Increased breakpoint for 3 items *\/\n    .five-panel-slide {\n      \/* \n           Calculation for 3 items with 20px gaps:\n           100% \/ 3, minus gap\n        *\/\n      flex: 0 0 calc(33.333% - 14px); \/* (100% \/ 3) minus gap adjustment *\/\n    }\n    .five-panel-card {\n      max-width: none;\n    }\n  }\n\n  \/* Mobile Specifics *\/\n  @media (max-width: 6000px) {\n    .secao-grid,\n    .secao-grid-reverse {\n      grid-template-columns: 1fr;\n      grid-template-areas:\n        \"image\"\n        \"content\";\n    }\n    .secao-image img {\n      max-width: 400px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/ Accordion functionality\n    const accordionHeaders = document.querySelectorAll(\".accordion-header\");\n    accordionHeaders.forEach((header) =\u003e {\n      header.addEventListener(\"click\", function () {\n        const allBodies = document.querySelectorAll(\".accordion-body\");\n        const allHeaders = document.querySelectorAll(\".accordion-header\");\n        const currentBody = this.nextElementSibling;\n        const isActive = currentBody.classList.contains(\"active\");\n\n        \/\/ Close all\n        allBodies.forEach((body) =\u003e {\n          body.classList.remove(\"active\");\n          body.style.maxHeight = null;\n        });\n        allHeaders.forEach((h) =\u003e {\n          h.classList.remove(\"active\");\n        });\n\n        \/\/ Open current if it wasn't active\n        if (!isActive) {\n          currentBody.classList.add(\"active\");\n          this.classList.add(\"active\");\n          currentBody.style.maxHeight = currentBody.scrollHeight + 80 + \"px\";\n        }\n      });\n    });\n\n    \/\/ Five Panels Carousel Logic\n    \/\/ --------------------------\n    const fivePanelTrack = document.querySelector(\".five-panel-track\");\n    if (fivePanelTrack) {\n      const cards = Array.from(fivePanelTrack.children);\n      const nextBtn = document.querySelector(\".five-panel-arrow.next\");\n      const prevBtn = document.querySelector(\".five-panel-arrow.prev\");\n      let currentIndex = 0;\n\n      \/\/ Updates the track position based on the current index\n      function updateFivePanelCarousel() {\n        const cardWidth = cards[0].offsetWidth;\n        const trackStyle = window.getComputedStyle(fivePanelTrack);\n        const gap = parseFloat(trackStyle.gap) || 0;\n\n        const moveAmount = cardWidth + gap;\n        fivePanelTrack.style.transform = `translateX(-${currentIndex * moveAmount}px)`;\n      }\n\n      function getVisibleCount() {\n        return window.innerWidth \u003e= 6000 ? 3 : 1;\n      }\n\n      function moveNext() {\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount; \/\/ The last index we can scroll to\n\n        if (currentIndex \u003e= maxIndex) {\n          \/\/ Infinite loop: Jump back to start\n          currentIndex = 0;\n        } else {\n          currentIndex++;\n        }\n        updateFivePanelCarousel();\n      }\n\n      function movePrev() {\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n\n        if (currentIndex \u003c= 0) {\n          \/\/ Infinite loop: Jump to end\n          currentIndex = maxIndex;\n        } else {\n          currentIndex--;\n        }\n        updateFivePanelCarousel();\n      }\n\n      if (nextBtn) nextBtn.addEventListener(\"click\", moveNext);\n      if (prevBtn) prevBtn.addEventListener(\"click\", movePrev);\n\n      \/\/ Swipe support for mobile\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      fivePanelTrack.addEventListener(\n        \"touchstart\",\n        (e) =\u003e {\n          touchStartX = e.changedTouches[0].screenX;\n        },\n        { passive: true },\n      );\n\n      fivePanelTrack.addEventListener(\n        \"touchend\",\n        (e) =\u003e {\n          touchEndX = e.changedTouches[0].screenX;\n          if (touchStartX - touchEndX \u003e 50) moveNext();\n          if (touchEndX - touchStartX \u003e 50) movePrev();\n        },\n        { passive: true },\n      );\n\n      window.addEventListener(\"resize\", updateFivePanelCarousel);\n\n      \/\/ Dots Logic\n      const dotsContainer = document.querySelector(\".five-panel-dots\");\n\n      function createDots() {\n        if (!dotsContainer) return;\n\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n        \/\/ Number of dots = number of reachable starting positions (0 to maxIndex) =\u003e maxIndex + 1\n        const dotCount = maxIndex + 1;\n\n        dotsContainer.innerHTML = \"\";\n        const newDots = [];\n\n        for (let i = 0; i \u003c dotCount; i++) {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"five-panel-dot\");\n          if (i === currentIndex) dot.classList.add(\"active\");\n\n          dot.addEventListener(\"click\", () =\u003e {\n            currentIndex = i;\n            updateFivePanelCarousel();\n          });\n          dotsContainer.appendChild(dot);\n          newDots.push(dot);\n        }\n        return newDots;\n      }\n\n      let dots = createDots();\n\n      \/\/ Update dots in update function\n      const originalUpdate = updateFivePanelCarousel;\n      updateFivePanelCarousel = function () {\n        originalUpdate();\n\n        \/\/ Re-highlight dots\n        if (dots \u0026\u0026 dots.length \u003e 0) {\n          dots.forEach((dot, i) =\u003e {\n            dot.classList.toggle(\"active\", i === currentIndex);\n          });\n        }\n      };\n\n      window.addEventListener(\"resize\", () =\u003e {\n        \/\/ On resize, we need to regenerate dots because maxIndex changes\n        \/\/ Also clamp currentIndex if it exceeds new max\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n\n        if (currentIndex \u003e maxIndex) {\n          currentIndex = maxIndex;\n        }\n\n        updateFivePanelCarousel(); \/\/ Update position first\n        dots = createDots(); \/\/ Then recreate dots\n      });\n    }\n\n    \/\/ Three Panels Carousel Logic\n    \/\/ --------------------------\n    const threePanelTrack = document.querySelector(\".three-panel-track\");\n    if (threePanelTrack) {\n      const cards = Array.from(threePanelTrack.children);\n      const nextBtn = document.querySelector(\".three-panel-arrow.next\");\n      const prevBtn = document.querySelector(\".three-panel-arrow.prev\");\n      let currentIndex = 0;\n\n      \/\/ Updates the track position based on the current index\n      function updateThreePanelCarousel() {\n        const cardWidth = cards[0].offsetWidth;\n        const trackStyle = window.getComputedStyle(threePanelTrack);\n        const gap = parseFloat(trackStyle.gap) || 0;\n\n        const moveAmount = cardWidth + gap;\n        threePanelTrack.style.transform = `translateX(-${currentIndex * moveAmount}px)`;\n      }\n\n      function getVisibleCount() {\n        return window.innerWidth \u003e= 6000 ? 3 : 1;\n      }\n\n      function moveNext() {\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount; \/\/ The last index we can scroll to\n\n        if (currentIndex \u003e= maxIndex) {\n          \/\/ Infinite loop: Jump back to start\n          currentIndex = 0;\n        } else {\n          currentIndex++;\n        }\n        updateThreePanelCarousel();\n      }\n\n      function movePrev() {\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n\n        if (currentIndex \u003c= 0) {\n          \/\/ Infinite loop: Jump to end\n          currentIndex = maxIndex;\n        } else {\n          currentIndex--;\n        }\n        updateThreePanelCarousel();\n      }\n\n      if (nextBtn) nextBtn.addEventListener(\"click\", moveNext);\n      if (prevBtn) prevBtn.addEventListener(\"click\", movePrev);\n\n      \/\/ Swipe support for mobile\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      threePanelTrack.addEventListener(\n        \"touchstart\",\n        (e) =\u003e {\n          touchStartX = e.changedTouches[0].screenX;\n        },\n        { passive: true },\n      );\n\n      threePanelTrack.addEventListener(\n        \"touchend\",\n        (e) =\u003e {\n          touchEndX = e.changedTouches[0].screenX;\n          if (touchStartX - touchEndX \u003e 50) moveNext();\n          if (touchEndX - touchStartX \u003e 50) movePrev();\n        },\n        { passive: true },\n      );\n\n      window.addEventListener(\"resize\", updateThreePanelCarousel);\n\n      \/\/ Dots Logic\n      const dotsContainer = document.querySelector(\".three-panel-dots\");\n\n      function createDots() {\n        if (!dotsContainer) return;\n\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n        \/\/ Number of dots = number of reachable starting positions (0 to maxIndex) =\u003e maxIndex + 1\n        const dotCount = maxIndex + 1;\n\n        dotsContainer.innerHTML = \"\";\n        const newDots = [];\n\n        for (let i = 0; i \u003c dotCount; i++) {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"three-panel-dot\");\n          if (i === currentIndex) dot.classList.add(\"active\");\n\n          dot.addEventListener(\"click\", () =\u003e {\n            currentIndex = i;\n            updateThreePanelCarousel();\n          });\n          dotsContainer.appendChild(dot);\n          newDots.push(dot);\n        }\n        return newDots;\n      }\n\n      let dots = createDots();\n\n      \/\/ Update dots in update function\n      const originalUpdate = updateThreePanelCarousel;\n      updateThreePanelCarousel = function () {\n        originalUpdate();\n\n        \/\/ Re-highlight dots\n        if (dots \u0026\u0026 dots.length \u003e 0) {\n          dots.forEach((dot, i) =\u003e {\n            dot.classList.toggle(\"active\", i === currentIndex);\n          });\n        }\n      };\n\n      window.addEventListener(\"resize\", () =\u003e {\n        \/\/ On resize, we need to regenerate dots because maxIndex changes\n        \/\/ Also clamp currentIndex if it exceeds new max\n        const visibleCount = getVisibleCount();\n        const maxIndex = cards.length - visibleCount;\n\n        if (currentIndex \u003e maxIndex) {\n          currentIndex = maxIndex;\n        }\n\n        updateThreePanelCarousel(); \/\/ Update position first\n        dots = createDots(); \/\/ Then recreate dots\n      });\n    }\n\n    \/\/ Infinite Scroll Logic\n    function setupInfiniteScroll(trackSelector) {\n      const track = document.querySelector(trackSelector);\n      if (!track) return;\n\n      const originalItems = Array.from(track.children);\n      if (originalItems.length === 0) return;\n\n      \/\/ Clear current content\n      track.innerHTML = \"\";\n\n      \/\/ Create a \"Mega Set\" (4x originals) to ensure it's wider than screen\n      const megaSet = document.createDocumentFragment();\n      for (let i = 0; i \u003c 4; i++) {\n        originalItems.forEach((item) =\u003e {\n          megaSet.appendChild(item.cloneNode(true));\n        });\n      }\n\n      \/\/ Append \"Mega Set\" TWICE to create the 2 halves for the 0-\u003e-50% animation\n      track.appendChild(megaSet.cloneNode(true));\n      track.appendChild(megaSet.cloneNode(true));\n    }\n\n    setupInfiniteScroll(\".scrolling-banner-track\");\n\n    \/\/ Gallery Carousel Logic\n    const galleryTrack = document.querySelector(\".gallery-track\");\n    if (galleryTrack) {\n      const originalSlides = Array.from(galleryTrack.children);\n      const clonesCount = 5;\n      \n      \/\/ Clone first 5 items and append to end\n      for (let i = 0; i \u003c clonesCount; i++) {\n        const clone = originalSlides[i].cloneNode(true);\n        galleryTrack.appendChild(clone);\n      }\n      \/\/ Clone last 5 items and prepend to start\n      for (let i = 0; i \u003c clonesCount; i++) {\n        const clone = originalSlides[originalSlides.length - 1 - i].cloneNode(true);\n        galleryTrack.insertBefore(clone, galleryTrack.firstChild);\n      }\n\n      const allSlides = Array.from(galleryTrack.children);\n      const nextBtn = document.querySelector(\".gallery-arrow.next\");\n      const prevBtn = document.querySelector(\".gallery-arrow.prev\");\n      let currentIndex = clonesCount; \/\/ Start at first original item\n      let isTransitioning = false;\n\n      \/\/ Dots Logic\n      const dotsContainer = document.querySelector(\".gallery-dots\");\n      const dots = [];\n      if (dotsContainer) {\n        dotsContainer.innerHTML = \"\";\n        originalSlides.forEach((_, i) =\u003e {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"gallery-dot\");\n          if (i === 0) dot.classList.add(\"active\");\n          dot.addEventListener(\"click\", () =\u003e {\n            if (isTransitioning) return;\n            currentIndex = clonesCount + i;\n            updateGallery();\n          });\n          dotsContainer.appendChild(dot);\n          dots.push(dot);\n        });\n      }\n\n      function updateGallery(animate = true) {\n        if (!animate) galleryTrack.style.transition = \"none\";\n        const gap = 15;\n        const slideWidth = originalSlides[0].offsetWidth;\n        galleryTrack.style.transform = `translateX(-${currentIndex * (slideWidth + gap)}px)`;\n        if (!animate) {\n          \/\/ Force reflow\n          galleryTrack.offsetHeight;\n          galleryTrack.style.transition = \"transform 0.5s ease-in-out\";\n        }\n\n        \/\/ Update dots highlight\n        if (dots.length \u003e 0) {\n          let dotIndex = (currentIndex - clonesCount) % originalSlides.length;\n          if (dotIndex \u003c 0) dotIndex += originalSlides.length;\n          dots.forEach((dot, idx) =\u003e {\n            dot.classList.toggle(\"active\", idx === dotIndex);\n          });\n        }\n      }\n\n      function moveNext() {\n        if (isTransitioning) return;\n        isTransitioning = true;\n        currentIndex++;\n        updateGallery();\n      }\n\n      function movePrev() {\n        if (isTransitioning) return;\n        isTransitioning = true;\n        currentIndex--;\n        updateGallery();\n      }\n\n      galleryTrack.addEventListener(\"transitionend\", () =\u003e {\n        isTransitioning = false;\n        \/\/ If we moved into the end clones\n        if (currentIndex \u003e= originalSlides.length + clonesCount) {\n          currentIndex = clonesCount;\n          updateGallery(false);\n        }\n        \/\/ If we moved into the start clones\n        if (currentIndex \u003c clonesCount) {\n          currentIndex = originalSlides.length + clonesCount - 1;\n          updateGallery(false);\n        }\n      });\n\n      nextBtn?.addEventListener(\"click\", moveNext);\n      prevBtn?.addEventListener(\"click\", movePrev);\n\n      let touchStartX = 0;\n      galleryTrack.addEventListener(\"touchstart\", (e) =\u003e touchStartX = e.touches[0].clientX, {passive: true});\n      galleryTrack.addEventListener(\"touchend\", (e) =\u003e {\n        const diff = touchStartX - e.changedTouches[0].clientX;\n        if (Math.abs(diff) \u003e 50) {\n          if (diff \u003e 0) moveNext();\n          else movePrev();\n        }\n      }, {passive: true});\n\n      window.addEventListener(\"resize\", () =\u003e updateGallery(false));\n      \/\/ Initial call after layout\n      setTimeout(() =\u003e updateGallery(false), 100);\n    }\n  });\n\n  \/\/ Smooth scroll to top (works inside iframes)\n  function smoothScrollTop() {\n    var s = window.top || window;\n    var st = s.scrollY || s.document.documentElement.scrollTop;\n    var start = performance.now();\n    (function step(now) {\n      var t = Math.min((now - start) \/ 800, 1);\n      var ease = t \u003c 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2;\n      s.scrollTo(0, st * (1 - ease));\n      if (t \u003c 1) requestAnimationFrame(step);\n    })(start);\n  }\n\u003c\/script\u003e\n\n\u003c!-- 4 gif gallery --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eSe hvordan den fungerer på forskjellige personer\u003c\/h2\u003e\n  \u003cdiv class=\"gif-gallery\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-1-video1.webp?v=1781289960\" alt=\"panel1\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-1-video2.webp?v=1781289960\" alt=\"panel2\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-1-video3.webp?v=1781289959\" alt=\"panel3\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-1-video4.webp?v=1781289960\" alt=\"panel4\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Horizontal review panel --\u003e\n\u003cdiv class=\"horizontal-review-panel\"\u003e\n  \u003cstyle\u003e\n    .horizontal-review-panel {\n      border: none;\n      border-radius: 12px;\n      padding: 0px;\n      width: 100%;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 15px;\n      box-shadow: none;\n      box-sizing: border-box;\n      overflow: hidden;\n      position: relative;\n      display: flex;\n    }\n    .horizontal-review-panel img {\n      width: auto;\n      height: 100%;\n      max-height: 70px;\n      border-radius: 0;\n      margin: auto;\n      display: block;\n      padding: 0px 5px 0px 5px;\n      border-radius: 50%;\n      border: none;\n      box-shadow: none;\n    }\n    .horizontal-review-content {\n      padding: 5px;\n      text-align: left;\n      position: relative;\n      z-index: 1;\n      font-size: 0.9em;\n    }\n    .horizontal-review-content p {\n      margin: 7px 0;\n    }\n    .horizontal-review-content p:last-child {\n      border-top: 1px solid rgba(128, 128, 128, 0.2);\n      margin-bottom: 0;\n      padding-top: 2px;\n      font-weight: bold;\n      color: #848484;\n      font-size: 0.9em;\n    }\n  \u003c\/style\u003e\n\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-1.5-horizontalReview.avif?v=1781290223\" alt=\"Horizontal Review\"\u003e\n  \u003cdiv class=\"horizontal-review-content\"\u003e\n    \u003cp\u003e«Jeg mottok min i dag og jeg elsker den! Jeg hadde gitt opp foundation fordi alle fremhevet de dype rynkene mine, men SoftGlow er fantastisk, den fungerer faktisk! Den reduserer rynkene mine og gir ansiktet en jevn tone overalt. Enda et pluss – den gjør ikke huden tørr.»\u003c\/p\u003e\n    \u003cp\u003eSolveig\u003cspan class=\"star-text\" style=\"padding-left: 10px\"\u003e★★★★★\u003c\/span\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003cdiv class=\"accordion\"\u003e\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Beskrivelse av fargetoner\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cul class=\"shade-list\"\u003e\n          \u003cli style=\"--shade-color: #eaded0;\"\u003e\u003cspan\u003e\u003cb\u003eElfenben\u003c\/b\u003e er en lys nyanse med kalde undertoner, best for veldig lys hud med rosa toner.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #e4cfb3;\"\u003e\u003cspan\u003e\u003cb\u003eHonningmandel\u003c\/b\u003e er en lys nyanse med myke, varme undertoner, best for lys hud med subtile gylne eller ferskenfargede toner.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #dabf9f;\"\u003e\u003cspan\u003e\u003cb\u003eVarm\u003c\/b\u003e er en lys til medium nyanse med nøytrale undertoner, best for lys til medium hud som ikke er utpreget varm eller kald.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #cfad85;\"\u003e\u003cspan\u003e\u003cb\u003eKaramellglød\u003c\/b\u003e er en medium solbrun nyanse med gylne, varme undertoner, best for medium solbrun hud med solkysset varme.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #c3a486;\"\u003e\u003cspan\u003e\u003cb\u003eBrunettbrun\u003c\/b\u003e er en mørk nyanse med varme undertoner, best for solbrun til dyp hud med gyllen eller karamellfarget varme.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #96745b;\"\u003e\u003cspan\u003e\u003cb\u003eDyp Mokka\u003c\/b\u003e er en dyp, mettet nyanse med varme undertoner, best for dyp hud med varme sjokolade- eller mokkatoner.\u003c\/span\u003e\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Slik fungerer den\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003e\u003cb\u003eHva det er\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eSoftGlow® Foundation Cushion er en lett, pustende kremfoundation som er utviklet for å føles som hudpleie. Den er perfekt for kvinner som ønsker en glatt hud med ny glød – uten den tunge, kakete følelsen av tradisjonell sminke.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eHvorfor den er spesiell\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eDenne cushion-foundationen er mer enn bare dekning. Den smelter inn i hudtonen din, fukter tørre områder og jevner ut fine linjer – slik at huden din ser frisk ut og føles myk. Den smarte formelen tilpasser seg deg, ikke omvendt.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eFordelene\u003c\/b\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eFlott for tørr eller moden hud\u003c\/li\u003e\n          \u003cli\u003eHolder seg glatt hele dagen\u003c\/li\u003e\n          \u003cli\u003eUten søl og stress\u003c\/li\u003e\n          \u003cli\u003eSkånsom mot sensitiv hud\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Hva er en cushion-foundation?\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eEn cushion-foundation er en lett kremfoundation som oppbevares i et kompakt etui. Den påføres i tynne, pustende lag som smelter uanstrengt inn i huden for en naturlig, jevn finish – perfekt for komfortabel hverdagsbruk.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Slik påfører du\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003e\n          \u003cb\u003eTrinn 1 – Klargjør huden\u003c\/b\u003e\u003cbr\u003e\n          Start med ren og fuktet hud. Du trenger ikke en primer – din vanlige hudpleie er nok.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eTrinn 2 – Trykk på svampen\u003c\/b\u003e\u003cbr\u003e\n          Trykk den soppformede applikatoren forsiktig ned i cushionen. Litt produkt rekker langt, så du trenger ikke trykke hardt.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eTrinn 3 – Klapp, ikke gni\u003c\/b\u003e\u003cbr\u003e\n          Bruk lette klappebevegelser for å påføre produktet i ansiktet. Start i midten og blend utover. Formelen smelter inn i huden din og tilpasser seg hudtonen din på sekunder.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eTrinn 4 – Bygg opp om du trenger mer\u003c\/b\u003e\u003cbr\u003e\n          Ett lag gir en myk, naturlig glød. For mer dekning kan du bare klappe på litt mer der det trengs – uten at det noen gang ser tungt eller kakete ut.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Ingredienser\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cb\u003eAqua (Water):\u003c\/b\u003e Fukter og holder alle ingrediensene blandet for en jevn tekstur.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eDimethicone:\u003c\/b\u003e Skaper en silkeaktig finish, visker ut fine linjer og porer, og låser inn fuktighet.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePolyglyceryl-3 Distearate:\u003c\/b\u003e Skånsom planteavledet emulgator som sikrer jevn tekstur og konsistens.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eTitanium Dioxide \u0026amp; Mineral Filters (SPF 30):\u003c\/b\u003e Gir bredspektret UVA\/UVB-beskyttelse samtidig som det gir naturlig dekning.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eHyaluronic Acid:\u003c\/b\u003e Fukter i dybden, plumper og forbedrer hudens elastisitet.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePeptide Complex:\u003c\/b\u003e Bidrar til å redusere synligheten av rynker, støtter kollagenproduksjonen og strammer opp huden over tid.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eSweet Almond Oil:\u003c\/b\u003e Nærer, mykgjør og gjenoppretter komforten til tørr eller moden hud.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eJojoba Oil:\u003c\/b\u003e Balanserer hudens naturlige oljer for lett, ikke-fet fuktighet.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eAloe Vera \u0026amp; Rose Extract:\u003c\/b\u003e Roer ned, lindrer og frisker opp sensitiv eller stresset hud.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eCactus Extract (Opuntia Dillenii):\u003c\/b\u003e Gir antioksidantbeskyttelse mot miljøstressorer.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eMineral Pigments (Iron Oxides):\u003c\/b\u003e Leverer naturlig fargetilpasning og feilfri dekning.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eFull liste:\u003c\/b\u003e Aqua, Glycerin, Dicaprylyl Carbonate, Ethylhexyl Methoxycinnamate (SPF 30), Phenylbenzimidazole Sulfonic Acid (SPF 30), Alumina, Lauroyl Lysine, BHT, Octocrylene (SPF 30), Caprylyl Methicone, Trimethylsiloxysilicate, Lauryl PEG-9 Polydimethylsiloxyethyl Dimethicone, Cyclohexasiloxane, Cyclopentasiloxane, Dimethicone, Cetyl PEG\/PPG-10\/1 Dimethicone, Diethylamino Hydroxybenzoyl Hexyl Benzoate (SPF 30), Peptide Complex, Sodium Hyaluronate (Hyaluronic Acid), Mica, Sodium Chloride, Disteardimonium Hectorite, Sodium Hydroxide, Ethylhexyl Triazone (SPF 30), Tribehenin, Alcohol, Methylparaben, Allantoin, HDI\/Trimethylol Hexyllactone Crosspolymer, Silica, Triethoxycaprylylsilane, CI 77492, CI 77491, CI 77499, Ethylhexylglycerin, Phenoxyethanol, Fragrance.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Fraktinformasjon\n        \u003cspan class=\"icon\"\u003e\n          \u003csvg viewbox=\"0 0 256 256\"\u003e\u003cpath d=\"M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"accordion-body\"\u003e\n        \u003cp\u003eVi sender til hele Norge med gratis frakt.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 6: Scrolling banner --\u003e\n\u003cdiv class=\"secao\" style=\"padding: 0;\"\u003e\n  \u003cdiv class=\"scrolling-wrapper scrolling-banner-container\"\u003e\n    \u003cdiv class=\"scrolling-track scrolling-banner-track\"\u003e\n      \u003cdiv\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 3.5 1 9.8a7 7 0 0 1-9 8.2z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 22v-2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19 2c-2.26 4.33-5.27 7.14-8 10\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eDyrevennlig\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M9 3h6M10 3v12a2 2 0 0 0 4 0V3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M10 11h4\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"16.5\" cy=\"16.5\" r=\"2.5\" fill=\"#c2b29f\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"18.5\" y1=\"18.5\" x2=\"21.5\" y2=\"21.5\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eBrukt av makeupartister\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\n          \u003cpath d=\"M12 2c0 0-7 7.5-7 11.5a7 7 0 0 0 14 0C19 9.5 12 2 12 2z\"\u003e\u003c\/path\u003e\n          \u003crect x=\"13\" y=\"13\" width=\"9\" height=\"7\" rx=\"2\" fill=\"#c2b29f\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"14.5\" y=\"18.2\" font-size=\"5\" font-family=\"sans-serif\" font-weight=\"black\" fill=\"currentColor\" stroke=\"none\"\u003epH\u003c\/text\u003e\n        \u003c\/svg\u003e\n        \u003cspan\u003eBeriket med hudpleie\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 4 panels --\u003e\n\u003cdiv class=\"secao\" style=\"background-color: #f3f3f3;\"\u003e\n  \u003ch2\u003eElsket av over 400 000\u003c\/h2\u003e\n  \u003cdiv class=\"five-panel-carousel\"\u003e\n    \u003cdiv class=\"five-panel-arrow prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"five-panel-track\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdiv class=\"five-panel-slide\"\u003e\n        \u003cdiv class=\"five-panel-card\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-2-review1.webp?v=1781289958\" alt=\"Calf stretch\"\u003e\n          \u003cdiv class=\"five-panel-content\"\u003e\n            \u003cp\u003e★★★★★\u003c\/p\u003e\n            \u003cp\u003eAstrid\u003c\/p\u003e\n            \u003cp\u003e«Jeg har veldig sensitiv hud og var redd for å prøve noe nytt. Men denne svei ikke, klødde ikke og ga meg ikke urenheter. Jeg ble så overrasket. Den er myk, lett og får huden min til å føles rolig. Jeg elsker gløden.»\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- Item 2 --\u003e\n      \u003cdiv class=\"five-panel-slide\"\u003e\n        \u003cdiv class=\"five-panel-card\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-2-review2.webp?v=1781289958\" alt=\"Squat\"\u003e\n          \u003cdiv class=\"five-panel-content\"\u003e\n            \u003cp\u003e★★★★★\u003c\/p\u003e\n            \u003cp\u003eKari\u003c\/p\u003e\n            \u003cp\u003e«Jeg ble veldig overrasket over den fantastiske kundeservicen. Da jeg fortalte at jeg var skuffet over fargen jeg mottok, hjalp de meg med å sende en bedre farge. Utrolig service. Nå er jeg veldig fornøyd.»\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- Item 3 --\u003e\n      \u003cdiv class=\"five-panel-slide\"\u003e\n        \u003cdiv class=\"five-panel-card\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-2-review3.webp?v=1781289958\" alt=\"Calf raises\"\u003e\n          \u003cdiv class=\"five-panel-content\"\u003e\n            \u003cp\u003e★★★★★\u003c\/p\u003e\n            \u003cp\u003eBjørg\u003c\/p\u003e\n            \u003cp\u003e«SoftGlow er den beste sminken jeg noen gang har prøvd!!! Jeg er 62 år, og den dekker brune flekker og jevner ut hudtonen min. Jeg kjøpte fargen Warm. Min nye sminkevenn for alltid!!! Tusen takk!»\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- Item 4 --\u003e\n      \u003cdiv class=\"five-panel-slide\"\u003e\n        \u003cdiv class=\"five-panel-card\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-2-review4.webp?v=1781289958\" alt=\"Stretching\"\u003e\n          \u003cdiv class=\"five-panel-content\"\u003e\n            \u003cp\u003e★★★★★\u003c\/p\u003e\n            \u003cp\u003eInger\u003c\/p\u003e\n            \u003cp\u003e«Jeg er så imponert over dette produktet! Dekningen er kjempegod, og likevel føles det som om du har på deg en herlig fuktighetskrem! Jeg er målløs. Jeg valgte fargen Warm, den blender vakkert inn med min egen hudtone.»\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"five-panel-arrow next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"five-panel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Image middle, text sides --\u003e\n\u003cdiv class=\"secao\" style=\"background-color: #f3f3f3;\"\u003e\n  \u003cstyle\u003e\n    .secao-imagem-meio {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      grid-template-areas: \"content-left image content-right\";\n      gap: 1em;\n      align-items: center;\n      justify-items: center;\n      margin: 30px auto;\n      border-radius: 12px;\n      padding-bottom: 15px;\n    }\n    .secao-imagem-meio .secao-content-left {\n      grid-area: content-left;\n      text-align: left;\n      padding: 20px;\n    }\n    .secao-imagem-meio .secao-content-right {\n      grid-area: content-right;\n      text-align: left;\n      padding: 20px;\n    }\n    .secao-imagem-meio h3 {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-top: 20px;\n      margin-bottom: 8px;\n    }\n    .secao-imagem-meio h3 svg {\n      width: 20px;\n      height: 20px;\n      stroke: #c2b29f;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      fill: none;\n      flex-shrink: 0;\n      margin-top: 3px;\n    }\n    @media (max-width: 6000px) {\n      .secao-imagem-meio {\n        grid-template-columns: 1fr;\n        grid-template-areas: \"content-left\" \"image\" \"content-right\";\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003ch2\u003eFeilfri, moden hud på sekunder\u003c\/h2\u003e\n  \u003cp\u003eSoftGlow® Foundation Cushion er laget for moden hud. Ingen verktøy, ingen tunge lag – bare naturlig dekning som føles som hudpleie og ser ut som din beste hud.\u003c\/p\u003e\n  \u003cdiv class=\"secao-imagem-meio\"\u003e\n    \u003cdiv class=\"secao-content-left\"\u003e\n      \u003ch3\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eVarer hele dagen uten å tørke ut huden\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eHolder seg frisk fra morgen til kveld. Ingen flassing, ingen tørre partier – bare myk hud med glød som beveger seg med deg.\u003c\/p\u003e\n      \u003ch3\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eTrygg for sensitiv, moden eller tørr hud\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eParfymefri og skånsom. Lindrer mens den dekker, uten irritasjon eller tyngde.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"secao-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-3-middle.webp?v=1781289959\" alt=\"ImageCenter\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"secao-content-right\"\u003e\n      \u003ch3\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eSer ut som et «ekte filter»\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003ePigmentene tilpasser seg når du påfører, og blender seg inn i din egen hudtone for en naturlig match.\u003c\/p\u003e\n      \u003ch3\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003cspan\u003eVektløs følelse, byggbar dekning\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eFøles lett som hudpleie, men dekker rødhet, fine linjer og livløs hud i ett enkelt trinn.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Gif gallery infinite carousel --\u003e\n\u003cdiv class=\"secao\" style=\"background-color: #f5f5f5;\"\u003e\n  \u003cstyle\u003e\n      \/* Gallery Carousel Styles *\/\n    .gallery-carousel {\n      position: relative;\n      max-width: 1200px;\n      margin: 30px auto;\n      overflow: hidden;\n      padding: 0 10px;\n    }\n    .gallery-track {\n      display: flex;\n      transition: transform 0.5s ease-in-out;\n      gap: 15px;\n    }\n    .gallery-slide {\n      flex: 0 0 calc(50% - 12px); \/* 2 items on desktop *\/\n      box-sizing: border-box;\n    }\n    .gallery-slide img {\n      width: 100%;\n      height: auto;\n      border-radius: 12px;\n      display: block;\n    }\n    .gallery-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 34px;\n      height: 34px;\n      background-color: rgba(255, 255, 255, 0.9);\n      border: 1px solid #ddd;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n      color: #000;\n    }\n    .gallery-arrow:hover {\n      background-color: #c2b29f;\n      color: white;\n    }\n    .gallery-arrow.prev { left: 5px; }\n    .gallery-arrow.next { right: 5px; }\n\n    \/* Gallery Dots Styles *\/\n    .gallery-dots {\n      text-align: center;\n      padding-top: 20px;\n      width: 100%;\n    }\n\n    .gallery-dot {\n      cursor: pointer;\n      height: 12px;\n      width: 12px;\n      margin: 0 5px;\n      background-color: #e6e6e6;\n      border-radius: 50%;\n      display: inline-block;\n      transition: background-color 0.6s ease;\n    }\n\n    .gallery-dot.active {\n      background-color: #1e1e1e;\n    }\n\n    @media (max-width: 6000px) {\n      .gallery-slide {\n        flex: 0 0 calc(100% - 12px); \/* 1 item on desktop *\/\n      }\n    }\n  \u003c\/style\u003e\n  \n  \u003cdiv class=\"gallery-carousel\"\u003e\n    \u003cdiv class=\"gallery-arrow prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gallery-track\"\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery1-nonb.webp?v=1781289959\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery2-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery3-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery4-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery5-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery6-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery7-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery8-nonb.webp?v=1781289958\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery9.webp?v=1781289959\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"gallery-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-4-gallery10.webp?v=1781289959\" alt=\"gallery\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gallery-arrow next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gallery-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Comparison Slider --\u003e\n\u003cdiv class=\"secao-grid\" style=\"background-color: #f5f5f5;\"\u003e\n  \u003cstyle\u003e\n    .img-comp-container {\n      position: relative;\n      width: 100%;\n      max-width: 600px;\n      border-radius: 12px;\n      overflow: hidden;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n    .img-comp-img {\n      display: block;\n      width: 100%;\n    }\n    .img-comp-img img {\n      display: block;\n      width: 100%;\n      height: auto;\n      pointer-events: none;\n      border: none;\n      box-shadow: none;\n    }\n    .img-comp-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      clip-path: inset(0 50% 0 0); \/* JS updates right inset *\/\n    }\n    .img-comp-input {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: ew-resize;\n      margin: 0;\n      z-index: 10;\n    }\n    .img-comp-slider-line {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 5px;\n      background: white;\n      left: 50%;\n      transform: translateX(-50%);\n      pointer-events: none;\n      z-index: 5;\n    }\n    .img-comp-slider-thumb {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 60px;\n      height: 60px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      pointer-events: none;\n      z-index: 8;\n    }\n    .img-comp-label {\n      position: absolute;\n      top: 15px;\n      background-color: #c2b29f;\n      color: white;\n      padding: 6px 16px;\n      font-size: 14px;\n      font-family: sans-serif;\n      font-weight: bold;\n      text-transform: capitalize;\n      border-radius: 4px;\n      z-index: 6;\n      pointer-events: none;\n      letter-spacing: 0.5px;\n      line-height: 1;\n    }\n    .before-label {\n      left: 15px;\n    }\n    .after-label {\n      right: 15px;\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"secao-image\"\u003e\n    \u003cdiv class=\"img-comp-container\"\u003e\n      \u003c!-- Etter Image --\u003e\n      \u003cdiv class=\"img-comp-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-5-after.webp?v=1781289958\" alt=\"Filtro Nuevo - Etter\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- Før Image --\u003e\n      \u003cdiv class=\"img-comp-img img-comp-overlay\" id=\"compOverlay\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-5-before.webp?v=1781289958\" alt=\"Filtro Usado - Før\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Før \/ Etter Labels --\u003e\n      \u003cdiv class=\"img-comp-label before-label\"\u003eFør\u003c\/div\u003e\n      \u003cdiv class=\"img-comp-label after-label\"\u003eEtter\u003c\/div\u003e\n      \n      \u003cinput type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"img-comp-input\" id=\"compInput\" aria-label=\"Comparison slider\" title=\"Comparison slider\"\u003e\n      \n      \u003cdiv class=\"img-comp-slider-line\" id=\"compSliderLine\"\u003e\n        \u003cdiv class=\"img-comp-slider-thumb\"\u003e\n          \u003csvg viewbox=\"0 0 40 40\" fill=\"white\"\u003e\n            \u003cpolygon points=\"10,20 15,15 15,25\"\u003e\u003c\/polygon\u003e\n            \u003cpolygon points=\"30,20 25,15 25,25\"\u003e\u003c\/polygon\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch2\u003eFøl forskjellen\u003c\/h2\u003e\n    \u003cp\u003e«Jeg trodde ærlig talt ikke at sminke kunne gjøre dette. Jeg har alltid slitt med mørke flekker og tørrhet. Men denne foundationen bare smelter inn, jevner ut alt, og legger seg aldri i de fine linjene mine. Jeg så meg i speilet og tenkte: Jøss, er det der min hud?!»\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003e- Johanne M.\u003c\/b\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eKjøp nå\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Script to run the slider --\u003e\n  \u003cscript\u003e\n    (function() {\n      \/\/ Wait just in case for DOM\n      function initCompSlider() {\n        const compInput = document.getElementById('compInput');\n        const compOverlay = document.getElementById('compOverlay');\n        const compSliderLine = document.getElementById('compSliderLine');\n        if (compInput \u0026\u0026 compOverlay \u0026\u0026 compSliderLine) {\n          compInput.addEventListener('input', (e) =\u003e {\n            let val = e.target.value;\n            compOverlay.style.clipPath = `inset(0 ${100 - val}% 0 0)`;\n            compSliderLine.style.left = `${val}%`;\n          });\n        }\n      }\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCompSlider);\n      } else {\n        initCompSlider();\n      }\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003c!-- Gif left section --\u003e\n\u003cdiv class=\"secao-grid-reverse\" style=\"background-color: #e6e6e6;\"\u003e\n  \u003cdiv class=\"secao-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-6-left.webp?v=1781289959\" alt=\"gif left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003cp class=\"pre-titulo\"\u003eSkjønnhetstrenden 2026\u003c\/p\u003e\n    \u003ch2\u003eEndelig laget for moden hud\u003c\/h2\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Jevner ut rynker, flekker og rødhet\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eFine linjer? Pigmenting? Mørke ringer? De mykes opp og blekner, akkurat som om du bruker et ekte skjønnhetsfilter – men det er bare din egen hud.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Fukter mens du har den på\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eBeriket med hyaluronsyre, peptider og søt mandelolje, gir denne cushion-foundationen huden din en fuktighetsboost hver gang du påfører den. Ingen tørrhet, ingen ujevnheter – bare glatt, fyldig hud hele dagen.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Innebygd solbeskyttelse\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eSPF 30 betyr at huden din holder seg beskyttet mot daglig solskade, uten behov for en egen solkrem.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eEkte dekning. Ekte hudpleie.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eKjøp nå\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 3 panel --\u003e\n\u003cdiv class=\"secao\" style=\"background-color: #f3f3f3;\"\u003e\n  \u003cstyle\u003e\n    \/* Styles for three-panel carousel *\/\n    .three-panel-carousel {\n      position: relative;\n      max-width: 1200px;\n      margin: 40px auto;\n      overflow: hidden;\n      padding: 0 20px;\n    }\n    .three-panel-track {\n      display: flex;\n      transition: transform 0.5s ease-in-out;\n      gap: 20px;\n    }\n    .three-panel-slide {\n      flex: 0 0 100%;\n      display: flex;\n      justify-content: center;\n    }\n    .three-panel-item {\n      width: 100%;\n      max-width: 400px;\n      background-color: #fff;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      align-items: center;\n      justify-content: flex-start;\n      border: 1px solid #e0e0e0;\n      border-radius: 12px;\n      overflow: hidden;\n      box-sizing: border-box;\n    }\n    .three-panel-item img {\n      width: 100%;\n      max-width: 400px;\n      object-fit: contain;\n      border: none;\n      box-shadow: none;\n      border-radius: 0%;\n    }\n    .three-panel-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      padding: 10px;\n    }\n    .three-panel-content p {\n      margin: 5px 0;\n    }\n    .three-panel-content p:nth-of-type(1) {\n      background-color: #c1b2a0;\n      color: #fff;\n      font-weight: bold;\n      padding: 5px;\n    }\n    .three-panel-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 34px;\n      height: 34px;\n      background-color: #fff;\n      border: 1px solid #ddd;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      z-index: 10;\n      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n      transition: background-color 0.3s, color 0.3s;\n    }\n    .three-panel-arrow:hover {\n      background-color: #c2b29f;\n      color: #fff;\n    }\n    .three-panel-arrow.prev {\n      left: 10px;\n    }\n    .three-panel-arrow.next {\n      right: 10px;\n    }\n    .three-panel-dots {\n      text-align: center;\n      padding-top: 20px;\n      width: 100%;\n    }\n    .three-panel-dot {\n      cursor: pointer;\n      height: 12px;\n      width: 12px;\n      margin: 0 5px;\n      background-color: #e6e6e6;\n      border-radius: 50%;\n      display: inline-block;\n      transition: background-color 0.6s ease;\n    }\n    .three-panel-dot.active {\n      background-color: #1e1e1e;\n    }\n\n    @media (min-width: 6001px) {\n      .three-panel-slide {\n        flex: 0 0 calc(33.333% - 14px);\n      }\n      .three-panel-item {\n        max-width: none;\n      }\n      .three-panel-arrow,\n      .three-panel-dots {\n        display: none;\n      }\n    }\n  \u003c\/style\u003e\n  \u003ch2\u003eDin naturlige, behagelige glød i 3 enkle trinn\u003c\/h2\u003e\n  \u003cdiv class=\"three-panel-carousel\"\u003e\n    \u003cdiv class=\"three-panel-arrow prev\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"three-panel-track\"\u003e\n      \u003c!-- Item 1 --\u003e\n      \u003cdiv class=\"three-panel-slide\"\u003e\n        \u003cdiv class=\"three-panel-item\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-7-step1.webp?v=1781289960\" alt=\"Icon 1\"\u003e\n          \u003cdiv class=\"three-panel-content\"\u003e\n            \u003cp\u003e1. Åpne og hent opp\u003c\/p\u003e\n            \u003cp\u003eÅpne etuiet og fjern den hvite beskyttelsesfilmen.\u003c\/p\u003e\n            \u003cp\u003eTrykk den soppformede applikatoren forsiktig ned i cushionen – en liten megde er nok.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- Item 2 --\u003e\n      \u003cdiv class=\"three-panel-slide\"\u003e\n        \u003cdiv class=\"three-panel-item\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-7-step2.webp?v=1781289959\" alt=\"Icon 2\"\u003e\n          \u003cdiv class=\"three-panel-content\"\u003e\n            \u003cp\u003e2. Påfør\u003c\/p\u003e\n            \u003cp\u003eBruk milde klappebevegelser og trykk foundationen på huden.\u003c\/p\u003e\n            \u003cp\u003eIkke gni. Fokuser på forsiktig klapping, spesielt rundt ømfintlige områder.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003c!-- Item 3 --\u003e\n      \u003cdiv class=\"three-panel-slide\"\u003e\n        \u003cdiv class=\"three-panel-item\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-7-step3.webp?v=1781289959\" alt=\"Icon 3\"\u003e\n          \u003cdiv class=\"three-panel-content\"\u003e\n            \u003cp\u003e3. Blend og glød\u003c\/p\u003e\n            \u003cp\u003eKlapp lett for å blende produktet til huden ser jevn og naturlig ut.\u003c\/p\u003e\n            \u003cp\u003eNyt en glatt, fuktet og behagelig glød hele dagen.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"three-panel-arrow next\"\u003e\n      \u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"three-panel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Gif left section --\u003e\n\u003cdiv class=\"secao-grid-reverse\"\u003e\n  \u003cdiv class=\"secao-image\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/h1433-8-left.webp?v=1781289958\" alt=\"gif left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\" style=\"background-color: #f3f3f3; border-radius: 7px;\"\u003e\n    \u003ch2\u003eUsikker på fargen din? Du er dekket.\u003c\/h2\u003e\n    \u003cp\u003eDet kan føles vanskelig å velge riktig farge på nett.\u003c\/p\u003e\n    \u003cp\u003eDerfor gjør vi det enkelt for deg.\u003c\/p\u003e\n    \u003cp\u003eHvis fargen ikke passer helt, kan du få et \u003cb\u003egratis fargebytte innen 30 dager\u003c\/b\u003e.\u003c\/p\u003e\n    \u003cp\u003eOg hvis noe ikke skulle stemme med bestillingen din, ordner supportteamet vårt opp i det.\u003c\/p\u003e\n    \u003cp\u003eIkke noe stress. Ikke noe mas.\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eKjøp nå\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"FoxySuper","offers":[{"title":"Elfenben","offer_id":44248351998132,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true},{"title":"Honningmandel","offer_id":44248352030900,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true},{"title":"Varm","offer_id":44248352063668,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true},{"title":"Karamellglød","offer_id":44248352096436,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true},{"title":"Brunettbrun","offer_id":44248352129204,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true},{"title":"Dyp Mokka","offer_id":44248352161972,"sku":"no","price":299.0,"currency_code":"NOK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0482\/7221\/2128\/files\/prod1-nonb_0027d7ea-3d1c-44e7-8688-1bce737b7df3.webp?v=1781717805","url":"https:\/\/www.foxysuper.com\/products\/softglow","provider":"FoxySuper","version":"1.0","type":"link"}