{"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\u003eSee how it works on different people\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“I received mine today and I love it! I had given up on foundation because they all accentuated my deep wrinkles but SoftGlow is amazing, it actually works! It diminishes my wrinkles and gives my face a smooth tone all over. One more plus - it doesn't make your skin dry.”\u003c\/p\u003e\n    \u003cp\u003eShelley\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        Shade descriptions\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\u003eIvory\u003c\/b\u003e is a fair shade with cool undertones, best for very light skin with pink or rosy tones.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #e4cfb3;\"\u003e\u003cspan\u003e\u003cb\u003eHoney Almond\u003c\/b\u003e is a light shade with soft warm undertones, best for light skin with subtle golden or peachy tones.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #dabf9f;\"\u003e\u003cspan\u003e\u003cb\u003eWarm\u003c\/b\u003e is a light-to-medium shade with neutral undertones, best for light-to-medium skin that isn't strongly warm or cool.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #cfad85;\"\u003e\u003cspan\u003e\u003cb\u003eCaramel Glow\u003c\/b\u003e is a medium-tan shade with golden warm undertones, best for medium-tan skin with sun-kissed warmth.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #c3a486;\"\u003e\u003cspan\u003e\u003cb\u003eBrunet Brown\u003c\/b\u003e is a tan-to-deep shade with warm undertones, best for tan-to-deep skin with golden or caramel warmth.\u003c\/span\u003e\u003c\/li\u003e\n          \u003cli style=\"--shade-color: #96745b;\"\u003e\u003cspan\u003e\u003cb\u003eDeep Mocha\u003c\/b\u003e is a richly saturated shade with warm undertones, best for deep skin with warm chocolate or mocha tones.\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        How it works\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\u003eWhat it is\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eSoftGlow® Foundation Cushion is a lightweight, breathable cream foundation made to feel like skincare. It’s perfect for women who want smooth, glowing skin—without the heavy, cakey feeling of traditional makeup.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eWhy it’s special\u003c\/b\u003e\u003c\/p\u003e\n        \u003cp\u003eThis cushion is more than just coverage. It blends into your skin tone, hydrates dry areas, and smooths over fine lines—leaving your skin looking fresh and feeling soft. The smart formula adapts to you, not the other way around.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eThe Benefits\u003c\/b\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003eGreat for dry or mature skin\u003c\/li\u003e\n          \u003cli\u003eStays smooth all day\u003c\/li\u003e\n          \u003cli\u003eNo mess, no stress\u003c\/li\u003e\n          \u003cli\u003eGentle on sensitive skin\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        What is a 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\u003eA cushion foundation is a lightweight cream foundation stored in a compact. It applies in thin, breathable layers that blend effortlessly into the skin for a natural, even finish — perfect for comfortable, everyday wear.\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        How to apply\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\u003eStep 1 – Prep Your Skin\u003c\/b\u003e\u003cbr\u003e\n          Start with clean, moisturised skin. You don’t need a primer—just your usual skincare is enough.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eStep 2 – Press the Sponge\u003c\/b\u003e\u003cbr\u003e\n          Gently press the mushroom applicator into the cushion. A little goes a long way, so no need to press hard or overdo it.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eStep 3 – Tap, Don’t Rub\u003c\/b\u003e\u003cbr\u003e\n          Use light tapping motions to apply the product to your face. Start in the centre and blend outwards. The formula melts into your skin and adjusts to your tone in seconds.\n        \u003c\/p\u003e\n        \u003cp\u003e\n          \u003cb\u003eStep 4 – Build If You Need More\u003c\/b\u003e\u003cbr\u003e\n          One layer gives a soft, natural glow. For more coverage, just tap again where needed—without it ever looking heavy or cakey.\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        Ingredients\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 Hydrates and keeps all ingredients blended for a smooth texture.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eDimethicone:\u003c\/b\u003e Creates a silky finish, blurs fine lines and pores, and locks in moisture.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePolyglyceryl-3 Distearate:\u003c\/b\u003e Gentle plant-derived emulsifier that ensures even texture and consistency.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eTitanium Dioxide \u0026amp; Mineral Filters (SPF 30):\u003c\/b\u003e Provide broad-spectrum UVA\/UVB protection while giving natural coverage.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eHyaluronic Acid:\u003c\/b\u003e Deeply hydrates, plumps, and improves skin elasticity.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003ePeptide Complex:\u003c\/b\u003e Helps reduce the look of wrinkles, supports collagen production, and firms the skin over time.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eSweet Almond Oil:\u003c\/b\u003e Nourishes, softens, and restores comfort to dry or mature skin.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eJojoba Oil:\u003c\/b\u003e Balances skin’s natural oils for lightweight, non-greasy hydration.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eAloe Vera \u0026amp; Rose Extract:\u003c\/b\u003e Calm, soothe, and refresh sensitive or stressed skin.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eCactus Extract (Opuntia Dillenii):\u003c\/b\u003e Provides antioxidant defence to protect against environmental stressors.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eMineral Pigments (Iron Oxides):\u003c\/b\u003e Deliver natural-looking shade adaptation and flawless coverage.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cb\u003eFull list:\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        Shipping information\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\u003eWe ship across the United Kingdom with free delivery.\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\u003eCruelty Free\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\u003eUsed by Makeup Artists\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\u003eSkin Care-Infused\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\u003eLoved by 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\u003eAlexis\u003c\/p\u003e\n            \u003cp\u003e“I have super sensitive skin and was scared to try anything new. But this didn’t sting, itch, or break me out. I was so shocked. It’s soft, light, and actually makes my skin feel calm. I love the 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\u003eCatherine\u003c\/p\u003e\n            \u003cp\u003e“I was very surprised to have the wonderful customer service. When I expressed disappointment with the shade I received, they worked with me to send a better colour. Amazing service. Now I am very satisfied.”\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\u003eKim\u003c\/p\u003e\n            \u003cp\u003e“SoftGlow is the best makeup that I have ever tried!!! I’m 62 and it covers brown spots and evens out my complexion. I bought warm shade. My new forever makeup friend!!! Thank u!”\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\u003eGill\u003c\/p\u003e\n            \u003cp\u003e“I am so impressed with this product that the coverage is very good and yet it feels like you are wearing a wonderful moisturiser! I'm speechless. I chose the colour warm, it blends beautifully with my colouring.”\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\u003eFlawless Mature Skin In Seconds\u003c\/h2\u003e\n  \u003cp\u003eSoftGlow® Foundation Cushion is made for real mature skin. No tools, no layers—just natural coverage that feels like skincare and looks like your best skin.\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\u003eLasts All Day Without Drying You Out\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eStays fresh from morning to night. No flaking, no dry spots—just soft, glowing skin that moves with you.\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\u003eSafe for Sensitive, Mature, or Dry Skin\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eFragrance-free and gentle. Soothes as it covers, without irritation or heaviness.\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\u003eLooks Like a “Real-Life Filter”\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003ePigments adjust as you apply, blending to your tone for a smooth, natural 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\u003eWeightless Feel, Buildable Coverage\u003c\/span\u003e\n      \u003c\/h3\u003e\n      \u003cp\u003eFeels light like skincare, but covers redness, fine lines, and dullness in one step.\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-engb.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-engb.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-engb.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-engb.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-engb.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-engb.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-engb.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-engb.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!-- After 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 - After\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \u003c!-- Before 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 - Before\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Before \/ After Labels --\u003e\n      \u003cdiv class=\"img-comp-label before-label\"\u003eBefore\u003c\/div\u003e\n      \u003cdiv class=\"img-comp-label after-label\"\u003eAfter\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\u003eFeel The Difference\u003c\/h2\u003e\n    \u003cp\u003e“I honestly didn’t think makeup could do this. I’ve always struggled with dark spots and dryness. But this foundation just melts in, smooths everything, and never settles into my fine lines. I looked in the mirror and thought—wow, that’s my skin?!”\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003e- Joanne M.\u003c\/b\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eBuy now\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\"\u003eThe Beauty Trend 2026\u003c\/p\u003e\n    \u003ch2\u003eFinally Made for Mature Skin\u003c\/h2\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Blurs wrinkles, spots \u0026amp; redness\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eFine lines? Pigmentation? Dark circles? They soften and fade, like you’re using a real-life beauty filter—but it’s just your skin.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Hydrates while you wear it\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eInfused with Hyaluronic Acid, Peptides, and Sweet Almond Oil, this cushion gives your skin a drink of water every time you apply it. No dryness, no patchiness—just smooth, plump skin all day.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003e✔ Built-in sun protection\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cp\u003eSPF 30 means your skin stays protected from everyday sun damage, without needing a separate sunscreen.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eReal Coverage. Real Skincare.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eBuy now\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\u003eYour Natural, Comfortable Glow in 3 Simple Steps\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. Open \u0026amp; Pick Up\u003c\/p\u003e\n            \u003cp\u003eOpen the compact and remove the white protective film.\u003c\/p\u003e\n            \u003cp\u003eGently press the mushroom applicator into the cushion - a small amount is enough.\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. Apply\u003c\/p\u003e\n            \u003cp\u003eUsing soft tapping motions, press the foundation onto your skin.\u003c\/p\u003e\n            \u003cp\u003eDo not rub. Focus on gentle patting, especially around delicate areas.\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 \u0026amp; Glow\u003c\/p\u003e\n            \u003cp\u003eLightly tap to blend until your skin looks even and natural.\u003c\/p\u003e\n            \u003cp\u003eEnjoy a smooth, hydrated, comfortable glow all day.\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\u003eNot Sure About Your Shade? You’re Covered.\u003c\/h2\u003e\n    \u003cp\u003eChoosing your shade online can feel tricky.\u003c\/p\u003e\n    \u003cp\u003eThat’s why we make it easy.\u003c\/p\u003e\n    \u003cp\u003eIf your shade isn’t the right match, you can get a \u003cb\u003efree colour replacement within 30 days\u003c\/b\u003e.\u003c\/p\u003e\n    \u003cp\u003eAnd if anything with your order isn’t right, our support team will take care of it.\u003c\/p\u003e\n    \u003cp\u003eNo stress. No hassle.\u003c\/p\u003e\n    \u003cbutton class=\"botaozin\" onclick=\"smoothScrollTop()\"\u003eBuy now\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"FoxySea","offers":[{"title":"Ivory","offer_id":52347280556314,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true},{"title":"Honey Almond","offer_id":52347280589082,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true},{"title":"Warm","offer_id":52347280621850,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true},{"title":"Caramel Glow","offer_id":52347280654618,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true},{"title":"Brunet Brown","offer_id":52347280687386,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true},{"title":"Deep Mocha","offer_id":52347280720154,"sku":"no","price":29.9,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/prod1_480b9bdb-4a09-48e9-8b2b-7b6a09740a00.webp?v=1781716133","url":"https:\/\/www.foxysea.com\/products\/softglow","provider":"FoxySea","version":"1.0","type":"link"}