{"product_id":"volufine","title":"VoluFine | Korean Collagen Serum for Mature Skin","description":"\u003c!-- LOVILDS | Comparison-first auto slider | Shopify Custom Liquid --\u003e\n\u003cstyle\u003e\n#lv-compare-story{--blue:#4b9ac8;--ink:#203e54;font-family:inherit;color:var(--ink);margin:16px 0;max-width:740px}#lv-compare-story *{box-sizing:border-box}#lv-compare-story .lvcs-wrap{padding:15px;background:linear-gradient(150deg,#f4fbff,#eaf5fc);border:1px solid #d1e7f4;border-radius:18px}#lv-compare-story .lvcs-tag{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#347eaa;margin:0 0 5px}#lv-compare-story h3{font:normal clamp(27px,5vw,39px)\/1.1 Georgia,serif;margin:0 0 6px;color:#1d3d54}#lv-compare-story h3 em{font-style:normal;color:var(--blue)}#lv-compare-story .lvcs-lead{font-size:13px;line-height:1.55;color:#58788d;margin:0 0 12px}#lv-compare-story .lvcs-window{overflow:hidden;border-radius:13px;background:white;touch-action:pan-y}#lv-compare-story .lvcs-track{display:flex;transition:transform .5s ease}#lv-compare-story .lvcs-slide{flex:0 0 100%;min-width:0;margin:0;background:#fff}#lv-compare-story .lvcs-slide img{display:block;width:100%;height:auto;aspect-ratio:1\/1;object-fit:contain;background:#fff}#lv-compare-story .lvcs-text{padding:12px 15px 15px;border-top:1px solid #e5eef4}#lv-compare-story .lvcs-text strong{display:block;font-size:17px;margin-bottom:4px}#lv-compare-story .lvcs-text span{display:block;color:#5a778a;font-size:13px;line-height:1.5}#lv-compare-story .lvcs-nav{display:flex;align-items:center;gap:10px;margin:13px 0 0}#lv-compare-story .lvcs-nav button{width:38px;height:38px;border-radius:50%;border:1px solid #b6d9eb;background:#fff;color:#287ba9;font-size:24px;cursor:pointer}#lv-compare-story .lvcs-bar{height:5px;border-radius:9px;background:#cee2ee;flex:1;overflow:hidden}#lv-compare-story .lvcs-fill{height:100%;width:0;background:var(--blue)}#lv-compare-story .lvcs-count{font-size:12px;color:#43718e;font-weight:700}#lv-compare-story .lvcs-source{font-size:10px;line-height:1.55;color:#657f91;margin:10px 0 0}@media(min-width:760px){#lv-compare-story .lvcs-wrap{padding:22px 35px}#lv-compare-story .lvcs-window,#lv-compare-story .lvcs-nav{max-width:550px;margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){#lv-compare-story .lvcs-track{transition:none}}\n\u003c\/style\u003e\n\u003csection id=\"lv-compare-story\" aria-label=\"Skin appearance comparison gallery\"\u003e\n\u003cdiv class=\"lvcs-wrap\"\u003e\n\u003cp class=\"lvcs-tag\"\u003eSKIN APPEARANCE · A CLOSER LOOK\u003c\/p\u003e\n\u003ch3\u003eSee the \u003cem\u003edifference.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp class=\"lvcs-lead\"\u003eExplore three skin appearance comparisons in a larger, easier-to-view format.\u003c\/p\u003e\n\u003cdiv class=\"lvcs-window\" aria-label=\"Comparison images\" tabindex=\"0\"\u003e\n\u003cdiv class=\"lvcs-track\"\u003e\n\u003cfigure class=\"lvcs-slide\"\u003e\u003cimg loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0657\/2592\/3503\/files\/mc-reason-4.jpg?v=1792662934\" alt=\"Skin appearance comparison image one\"\u003e\n\u003cfigcaption class=\"lvcs-text\"\u003e\u003cstrong\u003eSkin Appearance · Comparison 01\u003c\/strong\u003e\u003cspan\u003eTake a closer look at visible texture and overall skin appearance.\u003c\/span\u003e\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure class=\"lvcs-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0657\/2592\/3503\/files\/mc-review-1.jpg?v=1792662934\" alt=\"Customer feedback image from reference product\"\u003e\n\u003cfigcaption class=\"lvcs-text\"\u003e\u003cstrong\u003eSkin Experience · Reference Image 02\u003c\/strong\u003e\u003cspan\u003eSee the original reference-product image in full, without cropping its text.\u003c\/span\u003e\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure class=\"lvcs-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0657\/2592\/3503\/files\/mc-reason-1.jpg?v=1792662934\" alt=\"Skin appearance comparison image three\"\u003e\n\u003cfigcaption class=\"lvcs-text\"\u003e\u003cstrong\u003eSkin Appearance · Comparison 03\u003c\/strong\u003e\u003cspan\u003eExamine the original before-and-after presentation and details.\u003c\/span\u003e\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lvcs-nav\"\u003e\n\u003cbutton type=\"button\" class=\"lvcs-prev\" aria-label=\"Previous image\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"lvcs-bar\"\u003e\n\u003cdiv class=\"lvcs-fill\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cspan class=\"lvcs-count\"\u003e1 \/ 3\u003c\/span\u003e\u003cbutton type=\"button\" class=\"lvcs-next\" aria-label=\"Next image\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\n var root=document.getElementById('lv-compare-story');if(!root||root.dataset.initialized)return;root.dataset.initialized='1';\n var track=root.querySelector('.lvcs-track'),slides=root.querySelectorAll('.lvcs-slide'),fill=root.querySelector('.lvcs-fill'),counter=root.querySelector('.lvcs-count'),windowEl=root.querySelector('.lvcs-window');\n var index=0,elapsed=0,last=performance.now(),paused=false,touchX=null,delay=5000;\n var reduced=window.matchMedia\u0026\u0026window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n function show(n){index=(n+slides.length)%slides.length;track.style.transform='translateX(-'+index*100+'%)';counter.textContent=(index+1)+' \/ '+slides.length;elapsed=0;fill.style.width='0%';}\n root.querySelector('.lvcs-prev').addEventListener('click',function(){show(index-1)});\n root.querySelector('.lvcs-next').addEventListener('click',function(){show(index+1)});\n windowEl.addEventListener('touchstart',function(e){touchX=e.touches[0].clientX;paused=true},{passive:true});\n windowEl.addEventListener('touchend',function(e){if(touchX!==null){var d=e.changedTouches[0].clientX-touchX;if(Math.abs(d)\u003e35)show(index+(d\u003c0?1:-1));touchX=null;}paused=false;last=performance.now()},{passive:true});\n windowEl.addEventListener('keydown',function(e){if(e.key==='ArrowRight')show(index+1);if(e.key==='ArrowLeft')show(index-1)});\n root.addEventListener('mouseenter',function(){paused=true});root.addEventListener('mouseleave',function(){paused=false;last=performance.now()});\n document.addEventListener('visibilitychange',function(){last=performance.now()});\n function frame(now){var delta=Math.min(now-last,150);last=now;if(!paused\u0026\u0026!document.hidden\u0026\u0026!reduced){elapsed+=delta;if(elapsed\u003e=delay)show(index+1);else fill.style.width=(elapsed\/delay*100)+'%';}requestAnimationFrame(frame)}\n show(0);requestAnimationFrame(frame);\n})();\n\u003c\/script\u003e\u003c\/section\u003e","brand":"Maison Cosmetics","offers":[{"title":"Default Title","offer_id":50717807870127,"sku":"MN630-1PC","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0657\/2592\/3503\/files\/88.png?v=1792671873","url":"https:\/\/www.nnvvy.com\/products\/volufine","provider":"Nnvvy","version":"1.0","type":"link"}