{"title":"Jawliner","description":null,"products":[{"product_id":"v-shaped-jawliner","title":"ARCFIT™ V-SHAPED JAWLINER","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/with_logo_7.gif?v=1787053872\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/Sculpt_your_face_._Beauty_Device_4c8163b1-1f26-4e8c-a563-a442435b075b.png?v=1786700425\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/with_logo_8.png?v=1787054787\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/The_power_of_EMS_1_790_x_4900_px.png?v=1786690944\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/usage.png?v=1785844808\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\n\u003cstrong\u003e\u003cem\u003e-------  \u003cspan style=\"color: rgb(194, 110, 25);\"\u003eHOW TO USE\u003c\/span\u003e\u003c\/em\u003e\u003cspan style=\"color: rgb(194, 110, 25);\"\u003e \u003c\/span\u003e -------  \u003c\/strong\u003e       \u003c\/h2\u003e\n\u003cdiv class=\"custom-swipe-carousel\" id=\"Carousel-Custom\"\u003e\n\u003c!-- Swipeable Track --\u003e\n\u003cdiv class=\"swipe-track\" id=\"Track-Custom\"\u003e\n\u003c!-- SLIDE 1 --\u003e\n\u003cdiv class=\"swipe-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/step_1.png?v=1785488547\" alt=\"Step 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- SLIDE 2 --\u003e\n\u003cdiv class=\"swipe-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/step_2.png?v=1785488547\" alt=\"Step 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- SLIDE 3 --\u003e\n\u003cdiv class=\"swipe-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/step_3.png?v=1785488547\" alt=\"Step 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- SLIDE 4 --\u003e\n\u003cdiv class=\"swipe-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/trial.png?v=1785492718\" alt=\"Step 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Indicator Dots --\u003e\n\u003cdiv class=\"swipe-dots\" id=\"Dots-Custom\"\u003e\n\u003cspan class=\"swipe-dot active\"\u003e\u003c\/span\u003e \u003cspan class=\"swipe-dot\"\u003e\u003c\/span\u003e \u003cspan class=\"swipe-dot\"\u003e\u003c\/span\u003e \u003cspan class=\"swipe-dot\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* --- Main Container --- *\/\n  .custom-swipe-carousel {\n    width: 100%;\n    max-width: 500px;\n    margin: 30px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n    position: relative;\n  }\n\n  \/* --- Swipe Track (Native CSS Scroll Snapping) --- *\/\n  .swipe-track {\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch; \/* Smooth iOS swiping *\/\n    scrollbar-width: none; \/* Hide scrollbar Firefox *\/\n    -ms-overflow-style: none; \/* Hide scrollbar IE\/Edge *\/\n    cursor: grab;\n    border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);\n    background: #ffffff;\n  }\n\n  \/* Hide scrollbar Chrome\/Safari *\/\n  .swipe-track::-webkit-scrollbar {\n    display: none;\n  }\n\n  .swipe-track:active {\n    cursor: grabbing;\n  }\n\n  \/* --- Individual Slides --- *\/\n  .swipe-slide {\n    flex: 0 0 100%;\n    width: 100%;\n    scroll-snap-align: center;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .swipe-slide img {\n    width: 100%;\n    height: auto;\n    display: block;\n    object-fit: contain;\n    pointer-events: none; \/* Prevents ghost dragging of the image *\/\n  }\n\n  \/* --- Dots Indicator --- *\/\n  .swipe-dots {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 15px;\n  }\n\n  .swipe-dot {\n    width: 10px;\n    height: 10px;\n    background: rgba(0, 0, 0, 0.25);\n    border-radius: 50%;\n    transition: background 0.3s, transform 0.3s;\n  }\n\n  .swipe-dot.active {\n    background: #e15b32; \/* Orange color matching your image *\/\n    transform: scale(1.3);\n  }\n\u003c\/style\u003e\n\u003cp\u003e\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const track = document.getElementById('Track-Custom');\n    const dots = document.querySelectorAll('#Dots-Custom .swipe-dot');\n    if (!track) return;\n\n    \/\/ 1. Smart Dots: Updates the orange dot automatically when swiped\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          const slides = Array.from(track.children);\n          const index = slides.indexOf(entry.target);\n          \n          dots.forEach((dot, i) =\u003e {\n            if (i === index) {\n              dot.classList.add('active');\n            } else {\n              dot.classList.remove('active');\n            }\n          });\n        }\n      });\n    }, {\n      root: track,\n      threshold: 0.6 \/\/ Triggers when 60% of the next slide is in view\n    });\n\n    Array.from(track.children).forEach(slide =\u003e observer.observe(slide));\n\n    \/\/ 2. Desktop Mouse Drag: Allows PC users to click \u0026 drag\n    let isDown = false;\n    let startX;\n    let scrollLeft;\n\n    track.addEventListener('mousedown', (e) =\u003e {\n      isDown = true;\n      track.style.scrollSnapType = 'none'; \/\/ Temporarily disable snap\n      startX = e.pageX - track.offsetLeft;\n      scrollLeft = track.scrollLeft;\n    });\n\n    track.addEventListener('mouseleave', () =\u003e {\n      isDown = false;\n      track.style.scrollSnapType = 'x mandatory'; \/\/ Re-enable snap\n    });\n\n    track.addEventListener('mouseup', () =\u003e {\n      isDown = false;\n      track.style.scrollSnapType = 'x mandatory'; \/\/ Re-enable snap\n    });\n\n    track.addEventListener('mousemove', (e) =\u003e {\n      if (!isDown) return;\n      e.preventDefault();\n      const x = e.pageX - track.offsetLeft;\n      const walk = (x - startX) * 1.5; \/\/ Scroll speed\n      track.scrollLeft = scrollLeft - walk;\n    });\n  });\n\u003c\/script\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/with_logo_6.png?v=1787054323\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/with_logo_5.png?v=1787053313\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cem\u003e\u003cstrong\u003e    FAQ :\u003c\/strong\u003e\u003c\/em\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bulletproof-faq-container\"\u003e\n\u003c!-- Q\u0026A ITEM 1 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eHow quickly will I see results?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eMost customers feel a noticeable lift after the first session. Visible firming and contour changes typically appear within 14-28 days of consistent 10-minute use, 5x per week.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Q\u0026A ITEM 2 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eWhat areas can I use it on?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eARCFIT can be used on the: Jawline, Cheeks, Neck, Forehead, and Under-eye area.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Q\u0026A ITEM 3 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eDoes it hurt?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eNot at all! You may feel a slight, gentle tingling sensation from the microcurrents, but it is completely painless and safe for normal skincare routines.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Q\u0026A ITEM 4 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eDo I need conductive gel?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eYes — conductive gel helps the EMS microcurrent glide smoothly across the skin for the best experience and performance.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Q\u0026A ITEM 5 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eWhat if I don’t love it?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eWe offer a hassle-free satisfaction guarantee. If you are not happy with your results, contact our support team within 7 days for an easy return.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c!-- Q\u0026A ITEM 6 --\u003e\n\u003cdetails class=\"faq-row\"\u003e\n\u003csummary class=\"faq-header\"\u003e\u003cspan class=\"faq-title\"\u003eWhat does EMS do?\u003c\/span\u003e \u003cspan class=\"faq-icon-circle\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-content-wrapper\"\u003e\n\u003cdiv class=\"faq-content\"\u003eEMS (Electrical Muscle Stimulation) sends gentle waves through the skin to tone facial muscles, stimulate collagen production, and contour facial features.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* --- Main Container --- *\/\n  .bulletproof-faq-container {\n    width: 100%;\n    max-width: 800px; \/* Perfect width for a 1-column layout *\/\n    margin: 40px auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n    font-family: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: 16px; \/* Space between rows *\/\n  }\n\n  \/* --- Individual Row --- *\/\n  .faq-row {\n    background: #ffffff;\n    border: 1px solid #f2ebe6; \/* Soft beige border *\/\n    border-radius: 12px;\n    padding: 16px 20px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    transition: box-shadow 0.2s ease, border-color 0.2s ease;\n  }\n\n  .faq-row:hover {\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n  }\n\n  \/* --- Header \/ Clickable Area --- *\/\n  .faq-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    list-style: none; \/* Hides default triangle *\/\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* Hides default triangle on Webkit (Chrome\/Safari) *\/\n  .faq-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .faq-title {\n    font-weight: 800;\n    font-size: 16px;\n    color: #211c19;\n    user-select: none;\n    padding-right: 15px; \/* Prevents text from touching the icon *\/\n  }\n\n  \/* --- Beige Circular Icon Wrapper --- *\/\n  .faq-icon-circle {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background-color: #f4eadc; \/* Light beige from your image *\/\n    flex-shrink: 0;\n    transition: background-color 0.3s ease;\n  }\n\n  \/* --- The Plus SVG Itself --- *\/\n  .faq-icon-circle svg {\n    width: 14px;\n    height: 14px;\n    color: #211c19; \/* Dark brown\/black cross *\/\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  \/* --- OPEN STATE ANIMATION --- *\/\n  \/* 1. Darkens the beige circle slightly *\/\n  .faq-row[open] .faq-icon-circle {\n    background-color: #e8dccb; \n  }\n  \n  \/* 2. Rotates the + by 45 degrees to become an × *\/\n  .faq-row[open] .faq-icon-circle svg {\n    transform: rotate(45deg);\n  }\n\n  \/* --- Smooth Dropdown Answer Animation --- *\/\n  .faq-content-wrapper {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.35s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  .faq-row[open] .faq-content-wrapper {\n    grid-template-rows: 1fr;\n  }\n\n  .faq-content {\n    overflow: hidden;\n    color: #4a4a4a;\n    font-size: 15px;\n    line-height: 1.6;\n    padding-top: 12px;\n  }\n\u003c\/style\u003e","brand":"ARCFIT","offers":[{"title":"Default Title","offer_id":52432013328664,"sku":"ARCFIT-VSJ-100","price":3899.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0807\/4546\/4088\/files\/with_logo_1.png?v=1787050857"}],"url":"https:\/\/arcfit.in\/collections\/jawliner.oembed","provider":"ARCFIT","version":"1.0","type":"link"}