{"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: 601px) {\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: 600px) {\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= 600 ? 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= 600 ? 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\u003eSehen Sie, wie es bei verschiedenen Personen wirkt\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«Ich habe meine heute erhalten und ich liebe sie! Ich hatte die Hoffnung auf Foundation schon aufgegeben, weil sie alle meine tiefen Falten betonten, aber SoftGlow ist grossartig, sie funktioniert wirklich! Sie mildert meine Falten und verleiht meinem Gesicht einen gleichmässigen Ton. Ein grosses Plus: Sie trocknet die Haut nicht aus.»\u003c\/p\u003e\n    \u003cp\u003eSibylle\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        Farbtonbeschreibungen\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\u003eElfenbein\u003c\/b\u003e ist ein heller Ton mit kühlen Untertönen, am besten für sehr helle Haut mit rosa oder rötlichen Tönen.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #e4cfb3;\"\u003e\u003cspan\u003e\u003cb\u003eHonigmandel\u003c\/b\u003e ist ein heller Ton mit weichen, warmen Untertönen, am besten für helle Haut mit subtilen goldenen oder pfirsichfarbenen Tönen.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #dabf9f;\"\u003e\u003cspan\u003e\u003cb\u003eWarm\u003c\/b\u003e ist ein hell- bis mittelfarbener Ton mit neutralen Untertönen, am besten für helle bis mittlere Haut, die weder stark warm noch kühl ist.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #cfad85;\"\u003e\u003cspan\u003e\u003cb\u003eKaramell-Glow\u003c\/b\u003e ist ein mittlerer bis gebräunter Ton mit goldenen, warmen Untertönen, am besten für mittlere bis gebräunte Haut mit sonnengeküsster Wärme.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #c3a486;\"\u003e\u003cspan\u003e\u003cb\u003eBrunettes Braun\u003c\/b\u003e ist ein dunklerer Ton mit warmen Untertönen, am besten für gebräunte bis dunkle Haut mit goldener oder karamellfarbener Wärme.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #96745b;\"\u003e\u003cspan\u003e\u003cb\u003eTiefes Mocha\u003c\/b\u003e ist ein intensiv gesättigter Ton mit warmen Untertönen, am besten für sehr dunkle Haut mit warmen Schokoladen- oder Mokkatönen.\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        Wie es funktioniert\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\u003eWas es ist\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eSoftGlow® Foundation Cushion ist eine leichte, atmungsaktive Creme-Foundation, die sich wie Hautpflege anfühlt. Sie ist perfekt für Frauen, die sich eine glatte, strahlende Haut wünschen – ohne das schwere, maskenhafte Gefühl von herkömmlichem Make-up.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eWarum sie besonders ist\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eDiese Cushion-Foundation bietet mehr als nur Deckkraft. Sie passt sich Ihrem Hautton an, spendet trockenen Partien Feuchtigkeit und mildert feine Linien – für ein frisches Aussehen und ein zartes Hautgefühl. Die intelligente Formel passt sich Ihnen an, nicht umgekehrt.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eDie Vorteile\u003c\/b\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eIdeal für trockene oder reife Haut\u003c\/li\u003e\n          \u003cli\u003eBleibt den ganzen Tag glatt\u003c\/li\u003e\n          \u003cli\u003eKein Aufwand, kein Stress\u003c\/li\u003e\n          \u003cli\u003eSanft zu empfindlicher Haut\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        Was ist eine 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\u003eEine Cushion-Foundation ist eine leichte Creme-Foundation in einer kompakten Dose. Sie wird in dünnen, atmungsaktiven Schichten aufgetragen, die mühelos mit der Haut verschmelzen und ein natürliches, ebenmässiges Finish hinterlassen – ideal für das angenehme Tragen im Alltag.\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        Wie man es anwendet\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\u003eSchritt 1 – Bereiten Sie Ihre Haut vor\u003c\/b\u003e\u003cbr\u003e\n          Beginnen Sie mit gereinigter, feuchter Haut. Sie brauchen keinen Primer – Ihre gewohnte Hautpflege reicht völlig aus.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eSchritt 2 – Auf das Kissen drücken\u003c\/b\u003e\u003cbr\u003e\n          Drücken Sie den pilzförmigen Applikator sanft in das Kissen. Eine kleine Menge reicht völlig aus, Sie müssen also nicht fest drücken oder übertreiben.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eSchritt 3 – Tupfen, nicht reiben\u003c\/b\u003e\u003cbr\u003e\n          Tragen Sie das Produkt mit leicht klopfenden Bewegungen auf Ihr Gesicht auf. Beginnen Sie in der Mitte und verblenden Sie es nach aussen. Die Formel verschmilzt mit Ihrer Haut und passt sich in Sekundenschnelle Ihrem Hautton an.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eSchritt 4 – Deckkraft nach Wunsch aufbauen\u003c\/b\u003e\u003cbr\u003e\n          Eine Schicht sorgt für einen zarten, natürlichen Glow. Für mehr Deckkraft tupfen Sie einfach bei Bedarf nochmals nach – ohne dass es jemals schwer oder maskenhaft wirkt.\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        Inhaltsstoffe\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 Spendet Feuchtigkeit und sorgt für eine gleichmässige Textur aller Inhaltsstoffe.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eDimethicone:\u003c\/b\u003e Verleiht ein seidiges Finish, kaschiert feine Linien sowie Poren und schliesst Feuchtigkeit ein.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePolyglyceryl-3 Distearate:\u003c\/b\u003e Sanfter, pflanzlicher Emulgator, der für eine gleichmässige Textur und Konsistenz sorgt.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eTitanium Dioxide \u0026amp; Mineral Filters (SPF 30):\u003c\/b\u003e Bieten Breitband-UVA\/UVB-Schutz bei natürlicher Deckkraft.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eHyaluronic Acid:\u003c\/b\u003e Spendet intensive Feuchtigkeit, polstert auf und verbessert die Elastizität der Haut.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePeptide Complex:\u003c\/b\u003e Hilft, das Erscheinungsbild von Falten zu reduzieren, unterstützt die Kollagenproduktion und strafft die Haut im Laufe der Zeit.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eSweet Almond Oil:\u003c\/b\u003e Nährt, pflegt und schenkt trockener oder reifer Haut wieder Wohlbefinden.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eJojoba Oil:\u003c\/b\u003e Bringt die hauteigenen Öle ins Gleichgewicht für eine leichte, nicht fettende Feuchtigkeitspflege.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eAloe Vera \u0026amp; Rose Extract:\u003c\/b\u003e Beruhigen, pflegen und erfrischen empfindliche oder beanspruchte Haut.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eCactus Extract (Opuntia Dillenii):\u003c\/b\u003e Schützt als Antioxidans vor umweltbedingten Stressfaktoren.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eMineral Pigments (Iron Oxides):\u003c\/b\u003e Sorgen für eine natürliche Farbanpassung und eine makellose Deckkraft.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eVollständige 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        Versandinformationen\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\u003eWir liefern in die ganze Schweiz mit kostenlosem Versand.\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\u003eTierversuchsfrei\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\u003eVon Make-up-Artisten verwendet\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\u003eMit Hautpflege angereichert\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\u003eBeliebt bei über 400'000 Kundinnen\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\u003eAlexandra\u003c\/p\u003e\n            \u003cp\u003e«Ich habe super empfindliche Haut und hatte Angst, etwas Neues auszuprobieren. Aber das hier hat weder gebrannt, noch gejuckt oder Rötungen verursacht. Ich war so überrascht. Es ist sanft, leicht und beruhigt meine Haut spürbar. Ich liebe diesen Glow.»\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\u003eKarin\u003c\/p\u003e\n            \u003cp\u003e«Ich war sehr überrascht über den wunderbaren Kundenservice. Als ich meine Enttäuschung über den erhaltenen Farbton geäussert habe, haben sie mir geholfen, eine passendere Farbe zu finden. Grossartiger Service. Jetzt bin ich sehr zufrieden.»\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\u003eVerena\u003c\/p\u003e\n            \u003cp\u003e«SoftGlow ist das beste Make-up, das ich je ausprobiert habe!!! Ich bin 62 und es deckt braune Flecken ab und gleicht meinen Teint aus. Ich habe den Ton Warm gekauft. Mein neuer Make-up-Begleiter fürs Leben!!! Vielen Dank!»\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\u003eBrigitte\u003c\/p\u003e\n            \u003cp\u003e«Ich bin so beeindruckt von diesem Produkt – die Deckkraft ist sehr gut und dennoch fühlt es sich an, als würde man eine wunderbare Feuchtigkeitscreme tragen! Ich bin sprachlos. Ich habe die Farbe Warm gewählt, sie verschmilzt wunderbar mit meinem Hautton.»\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: 600px) {\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\u003eMakellose reife Haut in Sekundenschnelle\u003c\/h2\u003e\n  \u003cp\u003eSoftGlow® Foundation Cushion wurde speziell für echte reife Haut entwickelt. Keine Pinsel, keine dicken Schichten – einfach eine natürliche Deckkraft, die sich wie Hautpflege anfühlt und wie Ihre beste Haut aussieht.\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\u003eHält den ganzen Tag, ohne auszutrocknen\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eBleibt von morgens bis abends frisch. Kein Abblättern, keine trockenen Stellen – nur zarte, strahlende Haut, die jede Bewegung mitmacht.\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\u003eSicher für empfindliche, reife oder trockene Haut\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eParfümfrei und sanft. Beruhigt während des Auftragens, ohne Irritationen oder Schweregefühl.\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\u003eWirkt wie ein «Real-Life-Filter»\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eDie Pigmente passen sich beim Auftragen an und verschmelzen mit Ihrem Hautton für ein natürliches Ergebnis.\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\u003eGewichtsloses Tragegefühl, aufbaubare Deckkraft\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eFühlt sich leicht an wie Hautpflege, deckt aber Rötungen, feine Linien und Müdigkeit in einem Schritt ab.\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: 600px) {\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-dech.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-dech.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-dech.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-dech.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-dech.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-dech.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-dech.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-dech.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!-- Nachher 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 - Nachher\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- Vorher 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 - Vorher\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Vorher \/ Nachher Labels --\u003e\n      \u003cdiv class=\"img-comp-label before-label\"\u003eVorher\u003c\/div\u003e\n      \u003cdiv class=\"img-comp-label after-label\"\u003eNachher\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\u003eSpüren Sie den Unterschied\u003c\/h2\u003e\n    \u003cp\u003e«Ich hätte ehrlich gesagt nicht gedacht, dass Make-up das bewirken kann. Ich hatte schon immer mit dunklen Flecken und Trockenheit zu kämpfen. Aber diese Foundation verschmilzt einfach mit der Haut, glättet alles und setzt sich nie in meinen feinen Linien ab. Ich schaute in den Spiegel und dachte: Wow, das ist meine Haut?!»\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003e- Johanna M.\u003c\/b\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eJetzt kaufen\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\"\u003eDer Schönheitstrend 2026\u003c\/p\u003e\n    \u003ch2\u003eEndlich speziell für reife Haut entwickelt\u003c\/h2\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Kaschiert Falten, Flecken \u0026amp; Rötungen\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eFeine Linien? Pigmentierung? Augenringe? Sie werden gemildert und verblassen, als würden Sie einen echten Beauty-Filter verwenden – aber es ist einfach Ihre Haut.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Spendet Feuchtigkeit während des Tragens\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eAngereichert mit Hyaluronsäure, Peptiden und süssem Mandelöl schenkt diese Cushion-Foundation Ihrer Haut bei jedem Auftragen Feuchtigkeit. Keine Trockenheit, keine Flecken – einfach den ganzen Tag über glatte, aufgepolsterte Haut.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Integrierter Sonnenschutz\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eLSF 30 sorgt dafür, dass Ihre Haut vor alltäglichen Sonnenschäden geschützt bleibt, ohne dass Sie eine separate Sonnencreme benötigen.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eEchte Deckkraft. Echte Hautpflege.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eJetzt kaufen\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: 601px) {\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\u003eIhr natürlicher, angenehmer Glow in 3 einfachen Schritten\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. Öffnen \u0026amp; Produkt aufnehmen\u003c\/p\u003e\n            \u003cp\u003eÖffnen Sie die Dose und entfernen Sie die weisse Schutzfolie.\u003c\/p\u003e\n            \u003cp\u003eDrücken Sie den pilzförmigen Applikator sanft in das Kissen – eine kleine Menge genügt.\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. Auftragen\u003c\/p\u003e\n            \u003cp\u003eTragen Sie die Foundation mit sanften Klopfbewegungen auf Ihre Haut auf.\u003c\/p\u003e\n            \u003cp\u003eNicht reiben. Konzentrieren Sie sich auf sanftes Einklopfen, besonders an empfindlichen Stellen.\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. Verblenden \u0026amp; Strahlen\u003c\/p\u003e\n            \u003cp\u003eKlopfen Sie die Foundation leicht ein, bis Ihre Haut ebenmässig und natürlich aussieht.\u003c\/p\u003e\n            \u003cp\u003eGeniessen Sie den ganzen Tag über einen glatten, feuchten und angenehmen Glow.\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\u003eUnsicher wegen des Farbtons? Keine Sorge.\u003c\/h2\u003e\n    \u003cp\u003eDie Wahl des Farbtons online kann schwierig sein.\u003c\/p\u003e\n    \u003cp\u003eDeshalb machen wir es Ihnen einfach.\u003c\/p\u003e\n    \u003cp\u003eWenn Ihr Farbton nicht passt, erhalten Sie innerhalb von 30 Tagen einen \u003cb\u003ekostenlosen Farbumtausch\u003c\/b\u003e.\u003c\/p\u003e\n    \u003cp\u003eUnd wenn etwas mit Ihrer Bestellung nicht stimmt, kümmert sich unser Support-Team darum.\u003c\/p\u003e\n    \u003cp\u003eKein Stress. Keine Umstände.\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eJetzt kaufen\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"BestGenial","offers":[{"title":"Elfenbein","offer_id":53812039713111,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true},{"title":"Honigmandel","offer_id":53812039745879,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true},{"title":"Warm","offer_id":53812039778647,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true},{"title":"Karamell-Glow","offer_id":53812039811415,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true},{"title":"Brunettes Braun","offer_id":53812039844183,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true},{"title":"Tiefes Mocha","offer_id":53812039876951,"sku":"no","price":29.9,"currency_code":"CHF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0502\/6430\/9916\/files\/prod1-dech_5622b854-ee71-4a25-9b8f-7dfcfed63416.webp?v=1781717815","url":"https:\/\/www.steinora.com\/et\/products\/softglow","provider":"Steinora","version":"1.0","type":"link"}