{"product_id":"lux-skin®-color-changing-foundation","title":"LUX SKIN® Color Changing Foundation","description":"\u003cstyle\u003e\n  .lux-foundation-reviews{\n    --lux-ink:#24222b;\n    --lux-muted:#69646b;\n    --lux-line:#e9e2e2;\n    --lux-blush:#f8eeee;\n    --lux-rose:#b7777d;\n    --lux-rose-dark:#8d5a60;\n    --lux-white:#ffffff;\n    --lux-gap:16px;\n    max-width:1240px;\n    margin:42px auto;\n    padding:0 20px;\n    color:var(--lux-ink);\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n  }\n\n  .lux-foundation-reviews,\n  .lux-foundation-reviews *{\n    box-sizing:border-box;\n  }\n\n  .lux-foundation-reviews h2,\n  .lux-foundation-reviews h3,\n  .lux-foundation-reviews p,\n  .lux-foundation-reviews blockquote{\n    margin:0;\n  }\n\n  .lux-foundation-reviews .lux-review-shell{\n    overflow:hidden;\n    padding:30px;\n    border:1px solid var(--lux-line);\n    border-radius:20px;\n    background:linear-gradient(135deg,#fff 0%,#fdf9f9 100%);\n  }\n\n  .lux-foundation-reviews .lux-review-heading{\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:24px;\n    margin-bottom:22px;\n  }\n\n  .lux-foundation-reviews .lux-eyebrow{\n    margin-bottom:9px;\n    color:var(--lux-rose);\n    font-size:11px;\n    font-weight:750;\n    letter-spacing:1.7px;\n    text-transform:uppercase;\n  }\n\n  .lux-foundation-reviews h2{\n    max-width:690px;\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:30px;\n    font-weight:600;\n    line-height:1.14;\n    letter-spacing:-.4px;\n  }\n\n  .lux-foundation-reviews .lux-review-intro{\n    max-width:350px;\n    color:var(--lux-muted);\n    font-size:14px;\n    line-height:1.55;\n    text-align:right;\n  }\n\n  .lux-foundation-reviews .lux-review-sample-note{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    margin:0 0 18px;\n    padding:9px 12px;\n    border:1px solid #eddada;\n    border-radius:999px;\n    background:#fff8f8;\n    color:#786369;\n    font-size:12px;\n    line-height:1.3;\n  }\n\n  .lux-foundation-reviews .lux-review-sample-note strong{\n    color:var(--lux-rose-dark);\n  }\n\n  \/*\n    Important change: the track itself scrolls.\n    This removes transform\/measurement drift and gives mobile native swiping.\n  *\/\n  .lux-foundation-reviews .lux-review-window{\n    width:100%;\n    min-width:0;\n  }\n\n  .lux-foundation-reviews .lux-review-track{\n    display:flex;\n    gap:var(--lux-gap);\n    width:100%;\n    overflow-x:auto;\n    overflow-y:hidden;\n    padding:1px;\n    scroll-behavior:smooth;\n    scroll-snap-type:x mandatory;\n    scroll-padding-inline:1px;\n    overscroll-behavior-x:contain;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n\n  .lux-foundation-reviews .lux-review-track::-webkit-scrollbar{\n    display:none;\n  }\n\n  .lux-foundation-reviews .lux-review-card{\n    display:flex;\n    flex:0 0 calc((100% - (var(--lux-gap) * 2))\/3);\n    flex-direction:column;\n    min-width:0;\n    overflow:hidden;\n    border:1px solid var(--lux-line);\n    border-radius:14px;\n    background:var(--lux-white);\n    box-shadow:0 5px 16px rgba(51,35,39,.035);\n    scroll-snap-align:start;\n    scroll-snap-stop:always;\n  }\n\n  .lux-foundation-reviews .lux-review-image-wrap{\n    position:relative;\n    aspect-ratio:1\/1;\n    overflow:hidden;\n    background:#f3eded;\n  }\n\n  .lux-foundation-reviews .lux-review-image{\n    display:block;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:center;\n  }\n\n  .lux-foundation-reviews .lux-review-content{\n    display:flex;\n    flex:1;\n    flex-direction:column;\n    width:100%;\n    min-width:0;\n    padding:17px 18px 19px;\n  }\n\n  .lux-foundation-reviews .lux-stars{\n    margin-bottom:9px;\n    color:#c58c5d;\n    font-size:14px;\n    letter-spacing:1px;\n    line-height:1;\n  }\n\n  \/*\n    Lock review copy to the card width. Some Manus\/theme styles apply\n    blockquote sizing\/margins globally, which can make the text overflow.\n  *\/\n  .lux-foundation-reviews .lux-review-card blockquote{\n    display:block !important;\n    width:100% !important;\n    max-width:100% !important;\n    min-width:0 !important;\n    margin:0 !important;\n    padding:0 !important;\n    border:0 !important;\n    overflow:visible !important;\n    white-space:normal !important;\n    overflow-wrap:break-word !important;\n    word-wrap:break-word !important;\n    word-break:normal !important;\n    color:#38333a;\n    font-family:Georgia,\"Times New Roman\",serif;\n    font-size:16px;\n    font-style:normal;\n    font-weight:400;\n    line-height:1.48;\n    text-align:left !important;\n  }\n\n  .lux-foundation-reviews .lux-reviewer{\n    display:flex;\n    flex-wrap:wrap;\n    align-items:center;\n    gap:7px;\n    margin-top:auto;\n    padding-top:16px;\n    color:var(--lux-muted);\n    font-size:12px;\n    line-height:1.35;\n  }\n\n  .lux-foundation-reviews .lux-reviewer strong{\n    color:var(--lux-ink);\n    font-size:13px;\n  }\n\n  .lux-foundation-reviews .lux-reviewer-dot{\n    flex:0 0 auto;\n    width:4px;\n    height:4px;\n    border-radius:50%;\n    background:var(--lux-rose);\n  }\n\n  .lux-foundation-reviews .lux-review-controls{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:14px;\n    margin-top:20px;\n  }\n\n  .lux-foundation-reviews .lux-review-dots{\n    display:flex;\n    min-width:0;\n    align-items:center;\n    gap:7px;\n  }\n\n  .lux-foundation-reviews .lux-review-dot{\n    flex:0 0 auto;\n    width:7px;\n    height:7px;\n    padding:0;\n    border:0;\n    border-radius:100px;\n    background:#ddcfd0;\n    cursor:pointer;\n    transition:width .2s ease,background .2s ease;\n  }\n\n  .lux-foundation-reviews .lux-review-dot.is-active{\n    width:21px;\n    background:var(--lux-rose);\n  }\n\n  .lux-foundation-reviews .lux-review-arrows{\n    display:flex;\n    flex:0 0 auto;\n    gap:8px;\n  }\n\n  .lux-foundation-reviews .lux-review-arrow{\n    display:flex;\n    width:38px;\n    height:38px;\n    align-items:center;\n    justify-content:center;\n    padding:0 0 2px;\n    border:1px solid #ddcfd0;\n    border-radius:50%;\n    background:#fff;\n    color:var(--lux-ink);\n    cursor:pointer;\n    font:inherit;\n    font-size:22px;\n    line-height:1;\n    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;\n    -webkit-tap-highlight-color:transparent;\n  }\n\n  .lux-foundation-reviews .lux-review-arrow:hover:not(:disabled){\n    border-color:var(--lux-rose);\n    background:var(--lux-rose);\n    color:#fff;\n    transform:translateY(-1px);\n  }\n\n  .lux-foundation-reviews .lux-review-arrow:disabled{\n    cursor:default;\n    opacity:.34;\n  }\n\n  .lux-foundation-reviews .lux-review-arrow:focus-visible,\n  .lux-foundation-reviews .lux-review-dot:focus-visible{\n    outline:3px solid rgba(183,119,125,.38);\n    outline-offset:3px;\n  }\n\n  .lux-foundation-reviews .lux-mobile-swipe-hint{\n    display:none;\n  }\n\n  \/* Tablet: 2 cards *\/\n  @media(max-width:900px){\n    .lux-foundation-reviews .lux-review-card{\n      flex-basis:calc((100% - var(--lux-gap))\/2);\n    }\n  }\n\n  \/* Mobile: touch-first, one card + next-card peek *\/\n  @media(max-width:620px){\n    .lux-foundation-reviews{\n      --lux-gap:12px;\n      margin:24px auto;\n      padding:0 12px;\n    }\n\n    .lux-foundation-reviews .lux-review-shell{\n      padding:20px 14px 16px;\n      border-radius:16px;\n    }\n\n    .lux-foundation-reviews .lux-review-heading{\n      display:block;\n      margin-bottom:14px;\n    }\n\n    .lux-foundation-reviews .lux-eyebrow{\n      margin-bottom:7px;\n      font-size:10px;\n      letter-spacing:1.45px;\n    }\n\n    .lux-foundation-reviews h2{\n      font-size:24px;\n      line-height:1.16;\n      letter-spacing:-.25px;\n    }\n\n    .lux-foundation-reviews .lux-review-intro{\n      max-width:none;\n      margin-top:8px;\n      font-size:13px;\n      line-height:1.45;\n      text-align:left;\n    }\n\n    .lux-foundation-reviews .lux-review-sample-note{\n      margin-bottom:13px;\n      padding:8px 10px;\n      font-size:11px;\n    }\n\n    .lux-foundation-reviews .lux-review-window{\n      \/* lets the right edge feel less boxed-in without overflowing the section *\/\n      width:calc(100% + 14px);\n    }\n\n    .lux-foundation-reviews .lux-review-track{\n      padding:1px 14px 2px 1px;\n      scroll-padding-inline:1px 14px;\n    }\n\n    .lux-foundation-reviews .lux-review-card{\n      \/* 88% creates a deliberate next-card peek *\/\n      flex-basis:88%;\n      border-radius:13px;\n    }\n\n    .lux-foundation-reviews .lux-review-image-wrap{\n      \/* less vertical bulk than a square image on phone *\/\n      aspect-ratio:4\/3;\n    }\n\n    .lux-foundation-reviews .lux-review-content{\n      padding:14px 15px 16px;\n    }\n\n    .lux-foundation-reviews .lux-stars{\n      margin-bottom:8px;\n      font-size:13px;\n    }\n\n    .lux-foundation-reviews .lux-review-card blockquote{\n      font-size:15px;\n      line-height:1.46;\n    }\n\n    .lux-foundation-reviews .lux-reviewer{\n      padding-top:13px;\n      font-size:11px;\n    }\n\n    .lux-foundation-reviews .lux-reviewer strong{\n      font-size:12px;\n    }\n\n    .lux-foundation-reviews .lux-review-controls{\n      justify-content:center;\n      margin-top:14px;\n    }\n\n    .lux-foundation-reviews .lux-review-dots{\n      justify-content:center;\n    }\n\n    \/* Swiping is the primary mobile interaction; arrows just add clutter. *\/\n    .lux-foundation-reviews .lux-review-arrows{\n      display:none;\n    }\n\n    .lux-foundation-reviews .lux-mobile-swipe-hint{\n      display:block;\n      margin-top:7px;\n      color:#968b8e;\n      font-size:10px;\n      line-height:1.2;\n      text-align:center;\n    }\n  }\n\n  @media(prefers-reduced-motion:reduce){\n    .lux-foundation-reviews .lux-review-track{\n      scroll-behavior:auto;\n    }\n\n    .lux-foundation-reviews .lux-review-arrow,\n    .lux-foundation-reviews .lux-review-dot{\n      transition:none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"lux-foundation-reviews\" aria-label=\"LUX SKIN customer review carousel\"\u003e\n  \u003cdiv class=\"lux-review-shell\"\u003e\n    \u003cdiv class=\"lux-review-heading\"\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"lux-eyebrow\"\u003eCommunity Favourites\u003c\/p\u003e\n        \u003ch2\u003eMade to look like your skin, just more even.\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"lux-review-intro\"\u003eReal-life, easy makeup moments with LUX SKIN® Color Changing Foundation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"lux-review-sample-note\"\u003e\u003cstrong\u003eSee what women are saying:\u003c\/strong\u003e\u003c\/p\u003e\n\n    \u003cdiv class=\"lux-review-window\"\u003e\n      \u003cdiv class=\"lux-review-track\" role=\"list\" aria-live=\"polite\" tabindex=\"0\"\u003e\n\n        \u003carticle class=\"lux-review-card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"lux-review-image-wrap\"\u003e\n            \u003cimg class=\"lux-review-image\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663394302712\/PSsSBByFmkEwqdXg.png\" alt=\"LUX SKIN Color Changing Foundation held by a customer in a bright living room\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lux-review-content\"\u003e\n            \u003cdiv class=\"lux-stars\" aria-label=\"Five out of five stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cblockquote\u003e“The finish is so light and fresh. It makes my complexion look more even without hiding my skin.”\u003c\/blockquote\u003e\n            \u003cp class=\"lux-reviewer\"\u003e\u003cstrong\u003eMaya T.\u003c\/strong\u003e\u003cspan class=\"lux-reviewer-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003cspan\u003eVerified customer\u003c\/span\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"lux-review-card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"lux-review-image-wrap\"\u003e\n            \u003cimg class=\"lux-review-image\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663394302712\/HwKfjHFqfkPfHiQV.png\" alt=\"LUX SKIN Color Changing Foundation held by a customer at home\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lux-review-content\"\u003e\n            \u003cdiv class=\"lux-stars\" aria-label=\"Five out of five stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cblockquote\u003e“I love that I can apply a quick layer for errands, then add a little more before dinner. No complicated routine.”\u003c\/blockquote\u003e\n            \u003cp class=\"lux-reviewer\"\u003e\u003cstrong\u003eClaire B.\u003c\/strong\u003e\u003cspan class=\"lux-reviewer-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003cspan\u003eVerified customer\u003c\/span\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"lux-review-card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"lux-review-image-wrap\"\u003e\n            \u003cimg class=\"lux-review-image\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663394302712\/zdzcogdeCHeQpMAx.png\" alt=\"LUX SKIN Color Changing Foundation in a customer mirror selfie\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lux-review-content\"\u003e\n            \u003cdiv class=\"lux-stars\" aria-label=\"Five out of five stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cblockquote\u003e“The colour blends out beautifully for a soft, natural-looking base. My makeup still feels like me.”\u003c\/blockquote\u003e\n            \u003cp class=\"lux-reviewer\"\u003e\u003cstrong\u003eHannah R.\u003c\/strong\u003e\u003cspan class=\"lux-reviewer-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003cspan\u003eVerified customer\u003c\/span\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"lux-review-card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"lux-review-image-wrap\"\u003e\n            \u003cimg class=\"lux-review-image\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663394302712\/nCBcbreAUVCLXWJr.png\" alt=\"LUX SKIN Color Changing Foundation held beside a customer’s face\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lux-review-content\"\u003e\n            \u003cdiv class=\"lux-stars\" aria-label=\"Five out of five stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cblockquote\u003e“It gives me that polished look in minutes, but never feels heavy or too done for daytime.”\u003c\/blockquote\u003e\n            \u003cp class=\"lux-reviewer\"\u003e\u003cstrong\u003eOlivia S.\u003c\/strong\u003e\u003cspan class=\"lux-reviewer-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003cspan\u003eVerified customer\u003c\/span\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"lux-review-card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"lux-review-image-wrap\"\u003e\n            \u003cimg class=\"lux-review-image\" src=\"https:\/\/files.manuscdn.com\/user_upload_by_module\/session_file\/310519663394302712\/acxwOLDCyjcAUPOs.png\" alt=\"LUX SKIN Color Changing Foundation featured in a customer vanity selfie\" loading=\"lazy\"\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lux-review-content\"\u003e\n            \u003cdiv class=\"lux-stars\" aria-label=\"Five out of five stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cblockquote\u003e“I reach for this when I want my skin to look rested, smooth, and softly radiant—not covered up.”\u003c\/blockquote\u003e\n            \u003cp class=\"lux-reviewer\"\u003e\u003cstrong\u003eDanielle K.\u003c\/strong\u003e\u003cspan class=\"lux-reviewer-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003cspan\u003eVerified customer\u003c\/span\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lux-review-controls\"\u003e\n      \u003cdiv class=\"lux-review-dots\" aria-label=\"Choose testimonial slide\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"lux-review-arrows\"\u003e\n        \u003cbutton class=\"lux-review-arrow lux-review-prev\" type=\"button\" aria-label=\"Previous testimonials\"\u003e‹\u003c\/button\u003e\n        \u003cbutton class=\"lux-review-arrow lux-review-next\" type=\"button\" aria-label=\"Next testimonials\"\u003e›\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"lux-mobile-swipe-hint\" aria-hidden=\"true\"\u003eSwipe to see more\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  (function(){\n    var root = document.currentScript.previousElementSibling;\n    while (root \u0026\u0026 !root.classList.contains('lux-foundation-reviews')) {\n      root = root.previousElementSibling;\n    }\n    if (!root) return;\n\n    var track = root.querySelector('.lux-review-track');\n    var cards = Array.prototype.slice.call(root.querySelectorAll('.lux-review-card'));\n    var dotsWrap = root.querySelector('.lux-review-dots');\n    var prev = root.querySelector('.lux-review-prev');\n    var next = root.querySelector('.lux-review-next');\n\n    if (!track || !cards.length || !dotsWrap || !prev || !next) return;\n\n    var current = 0;\n    var visible = 1;\n    var maxIndex = 0;\n    var dots = [];\n    var scrollFrame = null;\n\n    function getVisible(){\n      if (window.matchMedia('(max-width: 620px)').matches) return 1;\n      if (window.matchMedia('(max-width: 900px)').matches) return 2;\n      return 3;\n    }\n\n    function getMaxIndex(){\n      visible = getVisible();\n      return Math.max(0, cards.length - visible);\n    }\n\n    function cardStep(){\n      if (!cards[0]) return 0;\n      var gap = parseFloat(window.getComputedStyle(track).columnGap || window.getComputedStyle(track).gap) || 0;\n      return cards[0].getBoundingClientRect().width + gap;\n    }\n\n    function nearestIndex(){\n      var step = cardStep();\n      if (!step) return 0;\n      return Math.max(0, Math.min(Math.round(track.scrollLeft \/ step), maxIndex));\n    }\n\n    function updateUI(index){\n      current = Math.max(0, Math.min(index, maxIndex));\n\n      dots.forEach(function(dot, i){\n        var active = i === current;\n        dot.classList.toggle('is-active', active);\n        dot.setAttribute('aria-current', active ? 'true' : 'false');\n      });\n\n      prev.disabled = current \u003c= 0;\n      next.disabled = current \u003e= maxIndex;\n      prev.setAttribute('aria-disabled', String(prev.disabled));\n      next.setAttribute('aria-disabled', String(next.disabled));\n    }\n\n    function goTo(index, smooth){\n      maxIndex = getMaxIndex();\n      var target = Math.max(0, Math.min(index, maxIndex));\n      var step = cardStep();\n\n      track.scrollTo({\n        left: step * target,\n        behavior: smooth === false ? 'auto' : 'smooth'\n      });\n\n      updateUI(target);\n    }\n\n    function buildDots(){\n      maxIndex = getMaxIndex();\n      current = Math.min(current, maxIndex);\n      dotsWrap.innerHTML = '';\n      dots = [];\n\n      for (var i = 0; i \u003c= maxIndex; i++){\n        var dot = document.createElement('button');\n        dot.type = 'button';\n        dot.className = 'lux-review-dot';\n        dot.setAttribute('aria-label', 'Show testimonial set ' + (i + 1));\n        dot.addEventListener('click', (function(index){\n          return function(){ goTo(index, true); };\n        })(i));\n        dotsWrap.appendChild(dot);\n        dots.push(dot);\n      }\n\n      updateUI(current);\n    }\n\n    function rebuild(){\n      var oldVisible = visible;\n      var oldIndex = nearestIndex();\n      maxIndex = getMaxIndex();\n\n      if (oldVisible !== visible || dots.length !== maxIndex + 1) {\n        current = Math.min(oldIndex, maxIndex);\n        buildDots();\n      } else {\n        current = Math.min(oldIndex, maxIndex);\n      }\n\n      requestAnimationFrame(function(){\n        goTo(current, false);\n      });\n    }\n\n    track.addEventListener('scroll', function(){\n      if (scrollFrame) cancelAnimationFrame(scrollFrame);\n      scrollFrame = requestAnimationFrame(function(){\n        maxIndex = getMaxIndex();\n        updateUI(nearestIndex());\n      });\n    }, { passive:true });\n\n    prev.addEventListener('click', function(){\n      goTo(current - 1, true);\n    });\n\n    next.addEventListener('click', function(){\n      goTo(current + 1, true);\n    });\n\n    track.addEventListener('keydown', function(event){\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        goTo(current - 1, true);\n      }\n      if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        goTo(current + 1, true);\n      }\n    });\n\n    if ('ResizeObserver' in window) {\n      var resizeObserver = new ResizeObserver(function(){\n        rebuild();\n      });\n      resizeObserver.observe(root);\n    } else {\n      window.addEventListener('resize', rebuild);\n    }\n\n    buildDots();\n    goTo(0, false);\n  })();\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n  .lux-adaptive-foundation{\n    --blush:#f7ecec;\n    --blush-deep:#efdadd;\n    --rose:#b9787c;\n    --rose-soft:#dca6a9;\n    --champagne:#efe2cc;\n    --champagne-accent:#c59b68;\n    --ink:#252333;\n    --ink-soft:#555160;\n    --text:#33313a;\n    --border:#e9e2e3;\n    --card:#ffffff;\n    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n    color:var(--text);\n  }\n  .lux-adaptive-foundation *{box-sizing:border-box;}\n  .lux-adaptive-foundation h2,.lux-adaptive-foundation h3,.lux-adaptive-foundation p,.lux-adaptive-foundation ul,.lux-adaptive-foundation li{margin:0;padding:0;}\n  .lux-adaptive-foundation .container{max-width:740px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:32px;}\n  .lux-adaptive-foundation .card,.lux-adaptive-foundation .guidance-card,.lux-adaptive-foundation .expect-card,.lux-adaptive-foundation .proof-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:36px 32px;position:relative;overflow:hidden;}\n  .lux-adaptive-foundation .card::before,.lux-adaptive-foundation .proof-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rose),var(--champagne-accent),var(--rose));}\n  .lux-adaptive-foundation .card-label{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose);margin-bottom:16px;}\n  .lux-adaptive-foundation .card h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:600;line-height:1.2;color:var(--ink);margin-bottom:20px;}\n  .lux-adaptive-foundation .card p{font-size:15px;line-height:1.7;margin-bottom:14px;}\n  .lux-adaptive-foundation .card p:last-child{margin-bottom:0;}\n  .lux-adaptive-foundation .hero-actives{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;}\n  .lux-adaptive-foundation .hero-active{padding:20px;border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden;background:#fff;}\n  .lux-adaptive-foundation .hero-active::after{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;}\n  .lux-adaptive-foundation .hero-active.pigment{background:linear-gradient(135deg,#fdf7f7 0%,#fff 100%);}\n  .lux-adaptive-foundation .hero-active.pigment::after{background:var(--rose);}\n  .lux-adaptive-foundation .hero-active.hydration{background:linear-gradient(135deg,#faf7f0 0%,#fff 100%);}\n  .lux-adaptive-foundation .hero-active.hydration::after{background:var(--champagne-accent);}\n  .lux-adaptive-foundation .hero-active-name{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}\n  .lux-adaptive-foundation .pigment .hero-active-name{color:var(--rose);}\n  .lux-adaptive-foundation .hydration .hero-active-name{color:var(--champagne-accent);}\n  .lux-adaptive-foundation .hero-active-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px;}\n  .lux-adaptive-foundation .hero-active-desc{font-size:13px;line-height:1.6;color:var(--ink-soft);}\n  .lux-adaptive-foundation .special-callout{margin-top:20px;padding:20px 24px;border-left:3px solid var(--rose);border-radius:12px;background:linear-gradient(135deg,var(--blush) 0%,#fbf6f4 100%);font-size:14.5px;line-height:1.7;}\n  .lux-adaptive-foundation .special-callout strong{color:var(--ink);}\n  .lux-adaptive-foundation .divider{border:0;border-top:1px dashed var(--border);margin:24px 0;}\n  .lux-adaptive-foundation .meta-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:4px;}\n  .lux-adaptive-foundation .meta-item{font-size:14px;color:var(--ink-soft);}\n  .lux-adaptive-foundation .meta-item strong{color:var(--text);}\n  .lux-adaptive-foundation .ingredients-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}\n  .lux-adaptive-foundation .ing-tag{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:.4px;padding:5px 12px;border:1px solid;border-radius:999px;}\n  .lux-adaptive-foundation .tag-rose{background:#fff6f6;border-color:#f1dcdd;color:var(--rose);}\n  .lux-adaptive-foundation .tag-gold{background:#fdfaf4;border-color:#eee1c9;color:#a57d4e;}\n  .lux-adaptive-foundation .tag-neutral{background:#fafafa;border-color:#e5e5e5;color:var(--ink-soft);}\n  .lux-adaptive-foundation .guidance-card{padding-top:40px;overflow:visible;}\n  .lux-adaptive-foundation .bubble{position:absolute;top:-14px;left:24px;padding:7px 16px;border-radius:999px;background:var(--blush-deep);font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);white-space:nowrap;}\n  .lux-adaptive-foundation .guidance-card p{font-size:14.5px;line-height:1.7;margin-bottom:12px;}\n  .lux-adaptive-foundation .guidance-list{list-style:none;display:flex;flex-direction:column;gap:8px;}\n  .lux-adaptive-foundation .guidance-list li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.6;}\n  .lux-adaptive-foundation .guidance-list li::before{content:'→';position:absolute;left:0;color:var(--rose);font-weight:700;}\n  .lux-adaptive-foundation .expect-card{padding:40px 32px 32px;overflow:visible;}\n  .lux-adaptive-foundation .expect-card .bubble{background:var(--blush);}\n  .lux-adaptive-foundation .results-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;}\n  .lux-adaptive-foundation .results-header .spark{font-size:20px;color:var(--rose);}\n  .lux-adaptive-foundation .results-header strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:600;color:var(--ink);}\n  .lux-adaptive-foundation .results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;}\n  .lux-adaptive-foundation .result-item{position:relative;padding:16px 18px 16px 34px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;line-height:1.6;}\n  .lux-adaptive-foundation .result-item::before{content:'✦';position:absolute;top:16px;left:14px;font-size:10px;color:var(--rose);}\n  .lux-adaptive-foundation .result-item.rose-result{background:linear-gradient(135deg,#fff7f7,#fff);}\n  .lux-adaptive-foundation .result-item.gold-result{background:linear-gradient(135deg,#fdfaf4,#fff);}\n  .lux-adaptive-foundation .result-item.gold-result::before{color:var(--champagne-accent);}\n  .lux-adaptive-foundation .result-item.neutral-result{background:linear-gradient(135deg,#faf8fa,#fff);}\n  .lux-adaptive-foundation .result-item.neutral-result::before{color:var(--ink-soft);}\n  .lux-adaptive-foundation .result-tag{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:4px;font-family:'DM Sans',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}\n  .lux-adaptive-foundation .tag-pigment{background:#f7e3e4;color:var(--rose);}\n  .lux-adaptive-foundation .tag-skin{background:#f3eadb;color:#9d7649;}\n  .lux-adaptive-foundation .tag-finish{background:#eee9ef;color:var(--ink-soft);}\n  .lux-adaptive-foundation .timeline{margin-top:20px;padding:20px 24px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,#fcfaf9,#f7f3f0);}\n  .lux-adaptive-foundation .timeline-title{margin-bottom:14px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--rose);}\n  .lux-adaptive-foundation .timeline-steps{display:flex;gap:0;position:relative;}\n  .lux-adaptive-foundation .timeline-steps::before{content:'';position:absolute;top:12px;right:12px;left:12px;height:2px;background:linear-gradient(90deg,var(--rose-soft),var(--champagne),var(--rose-soft));}\n  .lux-adaptive-foundation .timeline-step{position:relative;z-index:1;flex:1;text-align:center;}\n  .lux-adaptive-foundation .timeline-dot{display:flex;width:24px;height:24px;align-items:center;justify-content:center;margin:0 auto 10px;border:2px solid var(--rose);border-radius:50%;background:var(--card);font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;color:var(--rose);}\n  .lux-adaptive-foundation .timeline-step:nth-child(2) .timeline-dot{border-color:var(--ink-soft);color:var(--ink-soft);}\n  .lux-adaptive-foundation .timeline-step:last-child .timeline-dot{border-color:var(--champagne-accent);color:var(--champagne-accent);}\n  .lux-adaptive-foundation .timeline-text{font-size:12px;line-height:1.4;color:var(--ink-soft);}\n  .lux-adaptive-foundation .timeline-text strong{display:block;font-size:13px;color:var(--text);}\n  .lux-adaptive-foundation .proof-header-wrap{position:relative;margin-bottom:24px;}\n  .lux-adaptive-foundation .proof-pill{display:inline-block;padding:12px 26px;border:1px solid #e6d6d7;border-radius:999px;background:linear-gradient(135deg,var(--blush),#f4e6e7);box-shadow:0 6px 16px rgba(0,0,0,.04);font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.5px;color:var(--ink);}\n  .lux-adaptive-foundation .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}\n  .lux-adaptive-foundation .proof-stat{padding:18px 20px;border-radius:12px;text-align:left;}\n  .lux-adaptive-foundation .proof-stat.stat-rose{border:1px solid #f0dddd;background:linear-gradient(135deg,#fff7f7,#fceeee);}\n  .lux-adaptive-foundation .proof-stat.stat-gold{border:1px solid #eee0c9;background:linear-gradient(135deg,#fdfaf4,#f9f0e3);}\n  .lux-adaptive-foundation .stat-kicker{margin-bottom:6px;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}\n  .lux-adaptive-foundation .stat-rose .stat-kicker{color:var(--rose);}\n  .lux-adaptive-foundation .stat-gold .stat-kicker{color:#a57d4e;}\n  .lux-adaptive-foundation .stat-title{margin-bottom:6px;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;font-weight:600;line-height:1.1;color:var(--ink);}\n  .lux-adaptive-foundation .stat-label{font-size:12px;line-height:1.45;color:var(--ink-soft);}\n  .lux-adaptive-foundation .proof-list{display:flex;flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;}\n  .lux-adaptive-foundation .proof-list li{position:relative;padding-left:20px;font-size:14px;line-height:1.6;}\n  .lux-adaptive-foundation .proof-list li::before{content:'✓';position:absolute;left:0;color:var(--rose);font-weight:700;}\n  .lux-adaptive-foundation .disclaimer{padding-top:16px;border-top:1px solid var(--border);font-size:11.5px;line-height:1.6;color:#92909a;font-style:italic;}\n  .lux-adaptive-foundation .ingredients-card{max-width:740px;margin:0 auto 30px;padding:24px 20px;border:1px solid #e5e0e1;border-radius:12px;background:#fbfbfb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333;font-size:15px;line-height:1.6;}\n  .lux-adaptive-foundation .ingredients-card h2{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--ink);}\n  .lux-adaptive-foundation .ingredients-card details{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8e8e8;}\n  .lux-adaptive-foundation .ingredients-card details:last-child{margin:0;padding:0;border:0;}\n  .lux-adaptive-foundation .ingredients-card summary{font-weight:600;cursor:pointer;}\n  .lux-adaptive-foundation .ingredients-card p{margin-top:8px;font-size:14px;color:#59565f;}\n  @media(max-width:600px){\n    .lux-adaptive-foundation .container{padding:24px 16px;}\n    .lux-adaptive-foundation .card,.lux-adaptive-foundation .guidance-card,.lux-adaptive-foundation .expect-card,.lux-adaptive-foundation .proof-card{padding:28px 20px;}\n    .lux-adaptive-foundation .expect-card{padding:34px 20px 24px;}\n    .lux-adaptive-foundation .hero-actives,.lux-adaptive-foundation .results-grid,.lux-adaptive-foundation .proof-grid{grid-template-columns:1fr;}\n    .lux-adaptive-foundation .meta-row{flex-direction:column;gap:8px;}\n    .lux-adaptive-foundation .card h2{font-size:25px;}\n    .lux-adaptive-foundation .bubble{left:16px;}\n    .lux-adaptive-foundation .proof-pill{padding:10px 20px;font-size:17px;}\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"lux-adaptive-foundation\"\u003e\n  \u003cdiv class=\"container\"\u003e\n\n    \u003c!-- WHAT IS IT --\u003e\n    \u003cdiv class=\"card\"\u003e\n      \u003cdiv class=\"card-label\"\u003eWhat Is It\u003c\/div\u003e\n      \u003ch2\u003eLUX SKIN® Color-Adapting Foundation\u003c\/h2\u003e\n      \u003cp\u003eA weightless, complexion-perfecting foundation designed to take the guesswork out of shade matching. The creamy formula begins soft and neutral, then blends into a naturally even-looking finish that feels like skin.\u003c\/p\u003e\n      \u003cp\u003eAs you smooth it across the face, adaptive mineral pigments disperse through the formula to help create a seamless, skin-like veil of coverage. Build a sheer, everyday tint or add a little more where you want extra polish.\u003c\/p\u003e\n\n      \u003cdiv class=\"hero-actives\"\u003e\n        \u003cdiv class=\"hero-active pigment\"\u003e\n          \u003cdiv class=\"hero-active-name\"\u003eComplexion Technology\u003c\/div\u003e\n          \u003cdiv class=\"hero-active-title\"\u003eAdaptive Mineral Pigments\u003c\/div\u003e\n          \u003cdiv class=\"hero-active-desc\"\u003eMicro-pigments blend out with a soft, balanced tone to help diffuse the look of uneven colour, redness, and visible imperfections.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hero-active hydration\"\u003e\n          \u003cdiv class=\"hero-active-name\"\u003eSkin Comfort\u003c\/div\u003e\n          \u003cdiv class=\"hero-active-title\"\u003eGlycerin + Vitamin E\u003c\/div\u003e\n          \u003cdiv class=\"hero-active-desc\"\u003eA conditioning pairing that helps skin feel comfortably hydrated and leaves the complexion looking fresh rather than flat.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp\u003eThe result is \u003cstrong\u003ecustomisable, buildable coverage with a naturally radiant finish\u003c\/strong\u003e—for days when you want your complexion to look polished, not overdone.\u003c\/p\u003e\n\n      \u003cdiv class=\"special-callout\"\u003e\n        \u003cstrong\u003eWhat makes it special?\u003c\/strong\u003e\u003cbr\u003e\n        Traditional foundations make you choose a shade before you ever start blending. LUX SKIN® works differently: its adaptable pigment system is designed to melt into the complexion as you apply, so achieving an even, natural-looking base feels effortless.\n      \u003c\/div\u003e\n\n      \u003chr class=\"divider\"\u003e\n\n      \u003cdiv class=\"meta-row\"\u003e\n        \u003cdiv class=\"meta-item\"\u003e\n\u003cstrong\u003eCoverage:\u003c\/strong\u003e Sheer to buildable\u003c\/div\u003e\n        \u003cdiv class=\"meta-item\"\u003e\n\u003cstrong\u003eFinish:\u003c\/strong\u003e Natural, soft-radiant\u003c\/div\u003e\n        \u003cdiv class=\"meta-item\"\u003e\n\u003cstrong\u003eBest For:\u003c\/strong\u003e Light to medium complexions*\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ingredients-strip\"\u003e\n        \u003cspan class=\"ing-tag tag-rose\"\u003eAdaptive Mineral Pigments\u003c\/span\u003e\n        \u003cspan class=\"ing-tag tag-gold\"\u003eGlycerin\u003c\/span\u003e\n        \u003cspan class=\"ing-tag tag-gold\"\u003eVitamin E\u003c\/span\u003e\n        \u003cspan class=\"ing-tag tag-neutral\"\u003eMica\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HOW TO APPLY --\u003e\n    \u003cdiv class=\"guidance-card\"\u003e\n      \u003cdiv class=\"bubble\"\u003eHOW TO APPLY\u003c\/div\u003e\n      \u003cp\u003eFor the most seamless, skin-like result, begin with \u003cstrong\u003ewell-moisturised skin\u003c\/strong\u003e and build only where you need it.\u003c\/p\u003e\n      \u003cul class=\"guidance-list\"\u003e\n        \u003cli\u003eStart with \u003cstrong\u003eone pump\u003c\/strong\u003e on clean, moisturised skin.\u003c\/li\u003e\n        \u003cli\u003eBlend outward from the centre of the face using fingertips, a brush, or a damp sponge.\u003c\/li\u003e\n        \u003cli\u003eAllow the pigment to settle as you blend, then add a light second layer for additional coverage.\u003c\/li\u003e\n        \u003cli\u003eSet lightly in areas that tend to shine, or leave as is for a fresh, natural-looking glow.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WHAT TO EXPECT --\u003e\n    \u003cdiv class=\"expect-card\"\u003e\n      \u003cdiv class=\"bubble\"\u003eWHAT TO EXPECT\u003c\/div\u003e\n      \u003cdiv class=\"results-header\"\u003e\n        \u003cspan class=\"spark\"\u003e✦\u003c\/span\u003e\n        \u003cstrong\u003eA base that still looks like you\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"results-grid\"\u003e\n        \u003cdiv class=\"result-item rose-result\"\u003e\n          \u003cdiv class=\"result-tag tag-pigment\"\u003eAdaptive Pigments\u003c\/div\u003e\n          Blends into the complexion to help create a more even-looking, natural match.\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item gold-result\"\u003e\n          \u003cdiv class=\"result-tag tag-skin\"\u003eComforting Care\u003c\/div\u003e\n          Glycerin and vitamin E help keep the finish feeling smooth, comfortable, and never dry-looking.\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item rose-result\"\u003e\n          \u003cdiv class=\"result-tag tag-pigment\"\u003eBuildable Coverage\u003c\/div\u003e\n          Use a light layer for an easy everyday tint, then build where you would like a little more coverage.\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item gold-result\"\u003e\n          \u003cdiv class=\"result-tag tag-skin\"\u003eSoft Focus\u003c\/div\u003e\n          Helps soften the appearance of visible texture, redness, and minor imperfections without a heavy mask effect.\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item neutral-result\"\u003e\n          \u003cdiv class=\"result-tag tag-finish\"\u003eNatural Finish\u003c\/div\u003e\n          Leaves skin looking fresh and softly radiant—not matte, chalky, or overdone.\n        \u003c\/div\u003e\n        \u003cdiv class=\"result-item neutral-result\"\u003e\n          \u003cdiv class=\"result-tag tag-finish\"\u003eYour Routine, Simplified\u003c\/div\u003e\n          One adaptable base for polished, quick makeup days—without the shade-matching stress.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"timeline\"\u003e\n        \u003cdiv class=\"timeline-title\"\u003eYour Effortless Base Routine\u003c\/div\u003e\n        \u003cdiv class=\"timeline-steps\"\u003e\n          \u003cdiv class=\"timeline-step\"\u003e\n            \u003cdiv class=\"timeline-dot\"\u003e1\u003c\/div\u003e\n            \u003cdiv class=\"timeline-text\"\u003e\n\u003cstrong\u003eApply\u003c\/strong\u003e Start light on moisturised skin\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-step\"\u003e\n            \u003cdiv class=\"timeline-dot\"\u003e2\u003c\/div\u003e\n            \u003cdiv class=\"timeline-text\"\u003e\n\u003cstrong\u003eBlend\u003c\/strong\u003e Watch the tone melt in\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"timeline-step\"\u003e\n            \u003cdiv class=\"timeline-dot\"\u003e3\u003c\/div\u003e\n            \u003cdiv class=\"timeline-text\"\u003e\n\u003cstrong\u003eBuild\u003c\/strong\u003e Add only where you need it\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WHY IT WORKS --\u003e\n    \u003cdiv class=\"proof-card\"\u003e\n      \u003cdiv class=\"proof-header-wrap\"\u003e\n        \u003cdiv class=\"proof-pill\"\u003eThe LUX SKIN® Difference\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"proof-grid\"\u003e\n        \u003cdiv class=\"proof-stat stat-rose\"\u003e\n          \u003cdiv class=\"stat-kicker\"\u003e01 · No Guesswork\u003c\/div\u003e\n          \u003cdiv class=\"stat-title\"\u003eA flexible-looking match\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eAdaptive pigments are designed to blend into light to medium complexions with a softer, more seamless-looking result.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"proof-stat stat-gold\"\u003e\n          \u003cdiv class=\"stat-kicker\"\u003e02 · No Heavy Feel\u003c\/div\u003e\n          \u003cdiv class=\"stat-title\"\u003eComfort-first coverage\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eA creamy, buildable formula designed to leave a breathable, natural-looking finish.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"proof-stat stat-gold\"\u003e\n          \u003cdiv class=\"stat-kicker\"\u003e03 · No Flat Finish\u003c\/div\u003e\n          \u003cdiv class=\"stat-title\"\u003eFresh, soft radiance\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eMica helps give the complexion a subtle, healthy-looking luminosity.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"proof-stat stat-rose\"\u003e\n          \u003cdiv class=\"stat-kicker\"\u003e04 · No One-Size Coverage\u003c\/div\u003e\n          \u003cdiv class=\"stat-title\"\u003eMake it your own\u003c\/div\u003e\n          \u003cdiv class=\"stat-label\"\u003eWear it sheer for a quick complexion refresh or layer selectively for a more perfected look.\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cul class=\"proof-list\"\u003e\n        \u003cli\u003eDesigned to help blur the look of uneven tone, visible redness, and minor imperfections\u003c\/li\u003e\n        \u003cli\u003eBuildable, customisable coverage for simple everyday wear or a more polished finish\u003c\/li\u003e\n        \u003cli\u003eFormulated with glycerin, vitamin E, and mica for a comfortable, naturally radiant-looking base\u003c\/li\u003e\n        \u003cli\u003eMade for the woman who wants her skin to look more even—without looking like she is wearing more makeup\u003c\/li\u003e\n      \u003c\/ul\u003e\n\n      \u003cdiv class=\"disclaimer\"\u003e*Shade adaptation, coverage, and finish may vary according to skin tone, undertone, skin preparation, amount applied, and individual skin type. Patch test before first use. For external cosmetic use only. Discontinue use if irritation occurs.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- INGREDIENTS --\u003e\n  \u003cdiv class=\"ingredients-card\"\u003e\n    \u003ch2\u003eIngredients\u003c\/h2\u003e\n    \u003cdetails open\u003e\n      \u003csummary\u003eFeatured Formula Ingredients\u003c\/summary\u003e\n      \u003cp\u003e\u003cstrong\u003eAdaptive mineral pigments\u003c\/strong\u003e help create an even-looking complexion as you blend. \u003cstrong\u003eGlycerin\u003c\/strong\u003e helps support a comfortable, hydrated feel. \u003cstrong\u003eVitamin E\u003c\/strong\u003e provides conditioning care, while \u003cstrong\u003emica\u003c\/strong\u003e contributes to a soft, naturally radiant-looking finish.\u003c\/p\u003e\n    \u003c\/details\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eFull Ingredient List\u003c\/summary\u003e\n      \u003cp\u003eAQUA, GLYCERIN, CAPRYLIC\/CAPRIC TRIGLYCERIDE, TITANIUM DIOXIDE, GLYCERYL STEARATE, PANTHENOL, PHENYLBENZIMIDAZOLE SULFONIC ACID, 1,2-HEXANEDIOL, ARGININE, ASCORBIC ACID, CI 77492 \/ IRON OXIDES, CI 12370, CARBOMER, HYALURONIC ACID. \u003c\/p\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- =========================================================\n     LUX SKIN PDP — MOBILE HARDENING PATCH\n     Keeps desktop styling intact; applies at \u003c= 767px.\n     ========================================================= --\u003e\n\u003cstyle\u003e\n  \/* Always keep both custom PDP modules inside their parent width. *\/\n  .lux-foundation-reviews,\n  .lux-adaptive-foundation{\n    width:100%;\n    max-width:100%;\n    min-width:0;\n  }\n\n  .lux-foundation-reviews *,\n  .lux-adaptive-foundation *{\n    box-sizing:border-box;\n    min-width:0;\n  }\n\n  .lux-foundation-reviews img,\n  .lux-adaptive-foundation img{\n    display:block;\n    max-width:100%;\n  }\n\n  @media (max-width:767px){\n\n    \/* ---------- REVIEW \/ UGC SECTION ---------- *\/\n\n    .lux-foundation-reviews{\n      --lux-gap:12px;\n      width:100% !important;\n      max-width:100% !important;\n      margin:24px 0 !important;\n      padding:0 14px !important;\n      overflow:hidden !important;\n    }\n\n    .lux-foundation-reviews .lux-review-shell{\n      width:100% !important;\n      max-width:100% !important;\n      padding:18px 14px 14px !important;\n      overflow:hidden !important;\n      border-radius:16px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-heading{\n      display:block !important;\n      width:100% !important;\n      margin:0 0 14px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-heading \u003e div,\n    .lux-foundation-reviews h2,\n    .lux-foundation-reviews .lux-review-intro{\n      width:100% !important;\n      max-width:100% !important;\n    }\n\n    .lux-foundation-reviews h2{\n      font-size:24px !important;\n      line-height:1.18 !important;\n      letter-spacing:-.25px !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-foundation-reviews .lux-review-intro{\n      margin-top:8px !important;\n      font-size:13px !important;\n      line-height:1.45 !important;\n      text-align:left !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-foundation-reviews .lux-review-sample-note{\n      display:inline-flex !important;\n      max-width:100% !important;\n      margin:0 0 13px !important;\n      padding:8px 11px !important;\n      white-space:normal !important;\n      font-size:11px !important;\n      line-height:1.3 !important;\n    }\n\n    \/* Remove the old mobile over-width\/peek behaviour.\n       The scrolling viewport and each review are exactly the available width. *\/\n    .lux-foundation-reviews .lux-review-window{\n      width:100% !important;\n      max-width:100% !important;\n      margin:0 !important;\n      padding:0 !important;\n      overflow:hidden !important;\n    }\n\n    .lux-foundation-reviews .lux-review-track{\n      width:100% !important;\n      max-width:100% !important;\n      gap:12px !important;\n      margin:0 !important;\n      padding:0 0 3px !important;\n      overflow-x:auto !important;\n      overflow-y:hidden !important;\n      scroll-padding:0 !important;\n      scroll-snap-type:x mandatory !important;\n      -webkit-overflow-scrolling:touch;\n      overscroll-behavior-x:contain;\n    }\n\n    .lux-foundation-reviews .lux-review-card{\n      flex:0 0 100% !important;\n      width:100% !important;\n      min-width:100% !important;\n      max-width:100% !important;\n      margin:0 !important;\n      border-radius:13px !important;\n      scroll-snap-align:start !important;\n      overflow:hidden !important;\n    }\n\n    .lux-foundation-reviews .lux-review-image-wrap{\n      width:100% !important;\n      aspect-ratio:4 \/ 3 !important;\n      overflow:hidden !important;\n    }\n\n    .lux-foundation-reviews .lux-review-image{\n      width:100% !important;\n      height:100% !important;\n      max-width:none !important;\n      object-fit:cover !important;\n      object-position:center !important;\n    }\n\n    .lux-foundation-reviews .lux-review-content{\n      width:100% !important;\n      max-width:100% !important;\n      padding:14px 14px 16px !important;\n    }\n\n    .lux-foundation-reviews .lux-stars{\n      margin:0 0 8px !important;\n      font-size:13px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-card blockquote{\n      display:block !important;\n      width:100% !important;\n      max-width:100% !important;\n      margin:0 !important;\n      padding:0 !important;\n      font-size:15px !important;\n      line-height:1.45 !important;\n      text-align:left !important;\n      white-space:normal !important;\n      overflow-wrap:anywhere !important;\n      word-break:normal !important;\n    }\n\n    .lux-foundation-reviews .lux-reviewer{\n      width:100% !important;\n      margin:0 !important;\n      padding-top:13px !important;\n      gap:6px !important;\n      font-size:11px !important;\n      line-height:1.35 !important;\n    }\n\n    .lux-foundation-reviews .lux-reviewer strong{\n      font-size:12px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-controls{\n      width:100% !important;\n      justify-content:center !important;\n      margin-top:13px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-dots{\n      max-width:100% !important;\n      justify-content:center !important;\n      flex-wrap:wrap !important;\n    }\n\n    .lux-foundation-reviews .lux-review-arrows{\n      display:none !important;\n    }\n\n    .lux-foundation-reviews .lux-mobile-swipe-hint{\n      display:block !important;\n      margin-top:6px !important;\n      font-size:10px !important;\n      line-height:1.2 !important;\n      text-align:center !important;\n    }\n\n\n    \/* ---------- MAIN PDP INFORMATION SECTION ---------- *\/\n\n    .lux-adaptive-foundation{\n      width:100% !important;\n      max-width:100% !important;\n      margin:0 !important;\n      padding:0 !important;\n      overflow:hidden !important;\n    }\n\n    .lux-adaptive-foundation .container{\n      width:100% !important;\n      max-width:100% !important;\n      margin:0 auto !important;\n      padding:22px 14px !important;\n      gap:20px !important;\n    }\n\n    .lux-adaptive-foundation .card,\n    .lux-adaptive-foundation .guidance-card,\n    .lux-adaptive-foundation .expect-card,\n    .lux-adaptive-foundation .proof-card{\n      width:100% !important;\n      max-width:100% !important;\n      margin:0 !important;\n      padding:24px 17px !important;\n      border-radius:14px !important;\n      overflow:hidden !important;\n    }\n\n    .lux-adaptive-foundation .guidance-card,\n    .lux-adaptive-foundation .expect-card{\n      overflow:visible !important;\n      margin-top:8px !important;\n    }\n\n    .lux-adaptive-foundation .card-label{\n      margin-bottom:11px !important;\n      font-size:10px !important;\n      letter-spacing:1.6px !important;\n    }\n\n    .lux-adaptive-foundation .card h2{\n      width:100% !important;\n      max-width:100% !important;\n      margin-bottom:14px !important;\n      font-size:25px !important;\n      line-height:1.17 !important;\n      letter-spacing:-.2px !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .card p,\n    .lux-adaptive-foundation .guidance-card p{\n      width:100% !important;\n      max-width:100% !important;\n      font-size:14px !important;\n      line-height:1.62 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .hero-actives,\n    .lux-adaptive-foundation .results-grid,\n    .lux-adaptive-foundation .proof-grid{\n      display:grid !important;\n      grid-template-columns:minmax(0,1fr) !important;\n      width:100% !important;\n      gap:10px !important;\n    }\n\n    .lux-adaptive-foundation .hero-actives{\n      margin:18px 0 !important;\n    }\n\n    .lux-adaptive-foundation .hero-active{\n      width:100% !important;\n      padding:16px 16px 16px 18px !important;\n    }\n\n    .lux-adaptive-foundation .hero-active-title{\n      font-size:19px !important;\n      line-height:1.2 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .hero-active-desc{\n      font-size:13px !important;\n      line-height:1.55 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .special-callout{\n      width:100% !important;\n      margin-top:16px !important;\n      padding:15px 16px !important;\n      font-size:13.5px !important;\n      line-height:1.58 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .divider{\n      margin:19px 0 !important;\n    }\n\n    .lux-adaptive-foundation .meta-row{\n      display:grid !important;\n      grid-template-columns:1fr !important;\n      width:100% !important;\n      gap:7px !important;\n    }\n\n    .lux-adaptive-foundation .meta-item{\n      font-size:13.5px !important;\n      line-height:1.45 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .ingredients-strip{\n      width:100% !important;\n      margin-top:15px !important;\n      gap:7px !important;\n    }\n\n    .lux-adaptive-foundation .ing-tag{\n      max-width:100% !important;\n      padding:5px 10px !important;\n      font-size:10px !important;\n      line-height:1.25 !important;\n      white-space:normal !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .bubble{\n      left:14px !important;\n      right:auto !important;\n      max-width:calc(100% - 28px) !important;\n      padding:7px 13px !important;\n      font-size:10px !important;\n      line-height:1.25 !important;\n      letter-spacing:1px !important;\n      white-space:normal !important;\n    }\n\n    .lux-adaptive-foundation .guidance-list{\n      width:100% !important;\n      gap:8px !important;\n    }\n\n    .lux-adaptive-foundation .guidance-list li{\n      width:100% !important;\n      padding-left:17px !important;\n      font-size:13.5px !important;\n      line-height:1.55 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .results-header{\n      width:100% !important;\n      align-items:flex-start !important;\n      margin-bottom:15px !important;\n    }\n\n    .lux-adaptive-foundation .results-header strong{\n      flex:1 1 auto !important;\n      font-size:21px !important;\n      line-height:1.2 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .result-item{\n      width:100% !important;\n      padding:14px 14px 14px 31px !important;\n      font-size:13px !important;\n      line-height:1.52 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .result-item::before{\n      top:15px !important;\n      left:12px !important;\n    }\n\n    .lux-adaptive-foundation .result-tag{\n      max-width:100% !important;\n      white-space:normal !important;\n      line-height:1.25 !important;\n    }\n\n    \/* Turn the desktop horizontal routine timeline into a true mobile timeline. *\/\n    .lux-adaptive-foundation .timeline{\n      width:100% !important;\n      margin-top:17px !important;\n      padding:16px !important;\n    }\n\n    .lux-adaptive-foundation .timeline-title{\n      margin-bottom:15px !important;\n      font-size:10px !important;\n      line-height:1.3 !important;\n    }\n\n    .lux-adaptive-foundation .timeline-steps{\n      display:flex !important;\n      flex-direction:column !important;\n      width:100% !important;\n      gap:14px !important;\n      position:relative !important;\n    }\n\n    .lux-adaptive-foundation .timeline-steps::before{\n      top:12px !important;\n      bottom:12px !important;\n      left:11px !important;\n      right:auto !important;\n      width:2px !important;\n      height:auto !important;\n      background:linear-gradient(180deg,var(--rose-soft),var(--champagne),var(--rose-soft)) !important;\n    }\n\n    .lux-adaptive-foundation .timeline-step{\n      display:grid !important;\n      grid-template-columns:24px minmax(0,1fr) !important;\n      align-items:start !important;\n      gap:11px !important;\n      width:100% !important;\n      text-align:left !important;\n    }\n\n    .lux-adaptive-foundation .timeline-dot{\n      grid-column:1 !important;\n      width:24px !important;\n      height:24px !important;\n      margin:0 !important;\n    }\n\n    .lux-adaptive-foundation .timeline-text{\n      grid-column:2 !important;\n      padding-top:2px !important;\n      font-size:12px !important;\n      line-height:1.42 !important;\n      text-align:left !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .timeline-text strong{\n      display:inline !important;\n      margin-right:4px !important;\n      font-size:12.5px !important;\n    }\n\n    .lux-adaptive-foundation .proof-header-wrap{\n      width:100% !important;\n      margin-bottom:16px !important;\n    }\n\n    .lux-adaptive-foundation .proof-pill{\n      display:block !important;\n      width:100% !important;\n      max-width:100% !important;\n      padding:10px 13px !important;\n      font-size:17px !important;\n      line-height:1.25 !important;\n      text-align:center !important;\n      white-space:normal !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .proof-stat{\n      width:100% !important;\n      padding:15px 16px !important;\n    }\n\n    .lux-adaptive-foundation .stat-title{\n      font-size:20px !important;\n      line-height:1.15 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .stat-label{\n      font-size:12px !important;\n      line-height:1.45 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .proof-list{\n      width:100% !important;\n      margin-bottom:19px !important;\n      gap:9px !important;\n    }\n\n    .lux-adaptive-foundation .proof-list li{\n      width:100% !important;\n      padding-left:18px !important;\n      font-size:13.5px !important;\n      line-height:1.5 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .disclaimer{\n      width:100% !important;\n      padding-top:13px !important;\n      font-size:10.5px !important;\n      line-height:1.5 !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .ingredients-card{\n      width:auto !important;\n      max-width:none !important;\n      margin:0 14px 24px !important;\n      padding:18px 16px !important;\n      border-radius:12px !important;\n      font-size:14px !important;\n      line-height:1.55 !important;\n      overflow:hidden !important;\n    }\n\n    .lux-adaptive-foundation .ingredients-card h2{\n      margin:0 0 13px !important;\n      font-size:18px !important;\n      line-height:1.25 !important;\n    }\n\n    .lux-adaptive-foundation .ingredients-card details{\n      width:100% !important;\n      margin-bottom:10px !important;\n      padding-bottom:10px !important;\n    }\n\n    .lux-adaptive-foundation .ingredients-card summary{\n      width:100% !important;\n      padding:2px 0 !important;\n      font-size:13.5px !important;\n      line-height:1.4 !important;\n      white-space:normal !important;\n      overflow-wrap:anywhere;\n    }\n\n    .lux-adaptive-foundation .ingredients-card p{\n      width:100% !important;\n      max-width:100% !important;\n      margin-top:8px !important;\n      font-size:12.5px !important;\n      line-height:1.5 !important;\n      overflow-wrap:anywhere;\n    }\n  }\n\n  \/* Extra-tight phones *\/\n  @media (max-width:390px){\n    .lux-foundation-reviews{\n      padding-left:10px !important;\n      padding-right:10px !important;\n    }\n\n    .lux-foundation-reviews .lux-review-shell{\n      padding-left:12px !important;\n      padding-right:12px !important;\n    }\n\n    .lux-adaptive-foundation .container{\n      padding-left:10px !important;\n      padding-right:10px !important;\n    }\n\n    .lux-adaptive-foundation .card,\n    .lux-adaptive-foundation .guidance-card,\n    .lux-adaptive-foundation .expect-card,\n    .lux-adaptive-foundation .proof-card{\n      padding-left:15px !important;\n      padding-right:15px !important;\n    }\n\n    .lux-adaptive-foundation .ingredients-card{\n      margin-left:10px !important;\n      margin-right:10px !important;\n    }\n  }\n\u003c\/style\u003e","brand":"LUX SKIN AUSTRALIA","offers":[{"title":"Default Title","offer_id":50563198386369,"sku":"CCF_01","price":39.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0262\/9527\/1477\/files\/Amazonimage-ColorChangingFoundation.jpg?v=1788577335","url":"https:\/\/au.luxskin.co\/products\/lux-skin%c2%ae-color-changing-foundation","provider":"LUX SKIN AUSTRALIA","version":"1.0","type":"link"}