{"product_id":"skincely","title":"SkinCely®","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eSkinCely - Stick Fond de Teint Coréen\u003c\/title\u003e\n  \u003cstyle\u003e\n    body {\n      font-family: Arial, sans-serif;\n      margin: 0;\n      padding: 0;\n      line-height: 1.6;\n    }\n    .secao {\n      text-align: center;\n      max-width: 1200px;\n      margin: 30px auto;\n    }\n    .secao \u003e img {\n      width: 100%;\n      height: auto;\n      max-width: 400px;\n      border-radius: 12px;\n    }\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      grid-template-areas: \"image content\";\n    }\n    .secao-image {\n      grid-area: image;\n    }\n    .secao-image img {\n      width: 100%;\n      max-width: 600px;\n      border-radius: 12px;\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    .star-text {\n      color: #ffc400;\n      font-size: 1.2em;\n    }\n    .horizontal-review-panel {\n      border-radius: 12px;\n      width: 100%;\n      max-width: 800px;\n      margin: 0 auto 15px auto;\n      display: flex;\n      overflow: hidden;\n      align-items: center;\n    }\n    .horizontal-review-panel img {\n      width: auto;\n      height: 70px;\n      border-radius: 50%;\n      padding: 0 5px;\n      border: none;\n      box-shadow: none;\n    }\n    .horizontal-review-content {\n      padding: 5px;\n      text-align: left;\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    }\n    .accordion {\n      width: 100%;\n      max-width: 800px;\n      margin: 20px auto;\n      border-radius: 10px;\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: #f2f3f3;\n    }\n    .accordion-body {\n      text-align: left;\n      padding: 0 15px;\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.3s ease, padding 0.3s ease;\n    }\n    .accordion-body.active {\n      max-height: 500px;\n      padding: 15px;\n      margin-bottom: 15px;\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    .review {\n      max-width: 1200px;\n      margin-left: auto;\n      margin-right: auto;\n      border-radius: 10px;\n      color: #000;\n      background-color: #fffbf5;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n    .review-image {\n      width: 100%;\n      height: 250px !important;\n      object-fit: cover;\n      object-position: center;\n      border-radius: 8px 8px 0 0;\n    }\n    .star-box {\n      display: inline-block;\n      background-color: #fff;\n      border-radius: 16px;\n      padding: 6px 14px;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n      line-height: 1;\n      position: relative;\n      z-index: 2;\n      margin-top: -18px;\n      color: #ffc400;\n      font-size: 1.4em;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .review-content {\n      text-align: center;\n      padding: 15px 10px 10px 10px;\n      font-size: 0.9em;\n      flex-grow: 1;\n    }\n    .review-content p:first-child {\n      font-weight: bold;\n    }\n    .review-carousel {\n      position: relative;\n      max-width: 1200px;\n      margin: 0 auto;\n      overflow: hidden;\n    }\n    .review-carousel-wrapper {\n      display: flex;\n      transition: transform 0.5s ease-in-out;\n    }\n    .review-slide {\n      min-width: 100%;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: column;\n    }\n    .review-carousel-button {\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      color: #000;\n      padding: 0;\n    }\n    .review-carousel-button:hover {\n      background-color: #f0f0f0;\n    }\n    .review-carousel-button.prev {\n      left: 10px;\n    }\n    .review-carousel-button.next {\n      right: 10px;\n    }\n    .review-carousel-dots {\n      text-align: center;\n      padding: 0;\n      margin-top: 15px;\n    }\n    .review-carousel-dot {\n      cursor: pointer;\n      height: 12px;\n      width: 12px;\n      margin: 0 5px;\n      background-color: #f0f0f0;\n      border-radius: 50%;\n      display: inline-block;\n      transition: background-color 0.6s ease;\n    }\n    .review-carousel-dot.active {\n      background-color: #1e1e1e;\n    }\n    .lightbox {\n      display: none;\n      position: fixed;\n      z-index: 1000;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.8);\n      justify-content: center;\n      align-items: center;\n    }\n    .lightbox-content {\n      max-width: 90%;\n      max-height: 90%;\n      display: block;\n      margin: auto;\n    }\n    .lightbox-close {\n      position: absolute;\n      top: 20px;\n      right: 35px;\n      color: #f1f1f1;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n    }\n\n    @media (min-width: 6001px) {\n      .review-carousel-wrapper {\n        display: flex;\n        gap: 20px;\n        transform: none !important;\n      }\n      .review-carousel .review-slide {\n        min-width: 0;\n        flex: 1 1 30%;\n      }\n      .review-carousel .review-content {\n        padding: 15px;\n        box-sizing: border-box;\n      }\n      .review-carousel-button,\n      .review-carousel-dots {\n        display: none;\n      }\n    }\n    @media (max-width: 6000px) {\n      .secao-grid-reverse {\n        grid-template-columns: 1fr;\n        grid-template-areas: \"image\" \"content\";\n      }\n      .secao-image img {\n        max-width: 400px;\n      }\n      .review {\n        max-width: 400px;\n        margin-left: auto;\n        margin-right: auto;\n        width: 100%;\n      }\n    }\n  \u003c\/style\u003e\n\n\n\n\u003c!-- Section 1: Horizontal review panel --\u003e\n\u003cdiv class=\"horizontal-review-panel\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/1-horizontalReview.jpg?v=1774032178\" alt=\"Horizontal Review\"\u003e\n  \u003cdiv class=\"horizontal-review-content\"\u003e\n    \u003cp\u003e« \u003cb\u003eCe fond de teint m'a fait retrouver ma peau de 30 ans!\u003c\/b\u003e Il s’adapte à ma peau, hydrate et donne un éclat “glass skin” instantané. L’application est ultra facile ! »\u003c\/p\u003e\n    \u003cp\u003eSophie\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!-- Section 2: FAQ --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/2-faqImage.webp?v=1774032178\" alt=\"FAQ\"\u003e\n  \u003cdiv class=\"accordion\"\u003e\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-header\"\u003e\n        Description\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\u003e1 FL OZ \/ 30 ML\u003c\/p\u003e\n        \u003cp\u003eNotre \u003cb\u003estick de fond de teint coréen à teinte auto-ajustable\u003c\/b\u003e combine soin et maquillage pour un teint naturellement parfait.\u003c\/p\u003e\n        \u003cp\u003eEnrichi en \u003cb\u003ecollagène, acide hyaluronique, niacinamide, peptides, huile d’églantier et vitamine E\u003c\/b\u003e, il hydrate, lisse et illumine votre peau tout en la protégeant grâce à son SPF 50+.\u003c\/p\u003e\n        \u003cp\u003eConvient à tous les types de peau.\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        Comment l'appliquer?\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\u003eAppliquez le stick directement sur le visage.\u003c\/p\u003e\n        \u003cp\u003e\u003cb\u003eEstompez\u003c\/b\u003e uniformément avec le pinceau intégré du centre vers l’extérieur.\u003c\/p\u003e\n        \u003cp\u003eLa formule blanche s’\u003cb\u003eajuste instantanément\u003c\/b\u003e à votre carnation pendant l’application.\u003c\/p\u003e\n        \u003cp\u003ePour une couvrance plus importante, ajoutez une seconde couche.\u003c\/p\u003e\n        \u003cp\u003eProfitez d’un \u003cb\u003efini lisse, naturel et respirant\u003c\/b\u003e.\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        Garantie 60 jours\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\u003eNous avons une totale confiance en la qualité de nos résultats.\u003c\/p\u003e\n        \u003cp\u003eMais si vous n’êtes pas satisfait(e), renvoyez simplement votre produit et nous vous \u003cb\u003erembourserons intégralement votre achat\u003c\/b\u003e.\u003c\/p\u003e\n        \u003cp\u003eSi vous souhaitez demander un retour ou remboursement, veuillez nous contacter par e-mail.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 3: Image left --\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\/3-imageLeft.webp?v=1774032178\" alt=\"image left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch2\u003e\"Ce fond de teint m'a fait retrouver ma peau de 30 ans\"\u003c\/h2\u003e\n    \u003cp\u003e\u003cb\u003eSaviez-vous que 92 % des femmes de plus de 40 ans utilisent un fond de teint qui souligne leurs rides au lieu de les estomper?\u003c\/b\u003e\u003c\/p\u003e\n    \u003cp\u003eCelui-ci fait tout l’inverse : sa formule innovante lisse instantanément la peau, ravive l’éclat naturel et redonne au teint toute sa jeunesse.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 4: Image left --\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\/4-imageLeft_207fb798-dce4-44e3-b900-348a641fea33.webp?v=1774032178\" alt=\"image left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch2\u003eDites adieu aux fonds de teint lourds et aux teintes mal assorties\u003c\/h2\u003e\n    \u003cp\u003eMarre des fonds de teint qui vous laissent \u003cb\u003etrop orange, trop pâle ou artificielle\u003c\/b\u003e ? La plupart étouffent la peau et obstruent les pores.\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e\n\u003cb\u003ePlus de devinettes de teinte\u003c\/b\u003e - ce stick s’adapte instantanément à votre carnation.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eFini l’effet masque\u003c\/b\u003e - profitez d’une couvrance légère et respirante.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eSoin + maquillage en un\u003c\/b\u003e - hydrate, illumine et protège votre peau.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp\u003eEn un seul geste, il s’applique blanc puis se fond pour révéler un \u003cb\u003eéclat coréen naturel et lumineux\u003c\/b\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 5: Image left --\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\/5-imageLeft-frca.webp?v=1774032374\" alt=\"image left\" loading=\"lazy\"\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"secao-content\"\u003e\n    \u003ch2\u003ePourquoi SkinCely® est différent?\u003c\/h2\u003e\n    \u003cp\u003eLa plupart des fonds de teint “auto-ajustables” se limitent à la couvrance.\u003c\/p\u003e\n    \u003cp\u003e\u003cb\u003eSkinCely®\u003c\/b\u003e va plus loin grâce à des \u003cb\u003eingrédients de soin inspirés de la K-Beauty\u003c\/b\u003e, qui prennent soin de votre peau tout en unifiant votre teint.\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e\n\u003cb\u003eS’adapte à votre peau\u003c\/b\u003e - les pigments encapsulés se transforment selon votre carnation.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eHydrate et lisse\u003c\/b\u003e - enrichi en acide hyaluronique et peptides pour une hydratation durable.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eIllumine et protège\u003c\/b\u003e - la niacinamide et la vitamine E améliorent la qualité de la peau au fil du temps.\u003c\/li\u003e\n      \u003cli\u003e\n\u003cb\u003eEffet roll-on rafraîchissant\u003c\/b\u003e - application propre, pratique et agréable à chaque utilisation.\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Section 6: Reviews --\u003e\n\u003cdiv class=\"secao\"\u003e\n  \u003ch2\u003eNos clientes en parlent mieux que nous!\u003c\/h2\u003e\n  \u003cdiv class=\"review-carousel\"\u003e\n    \u003cdiv class=\"review-carousel-wrapper\"\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review1_f64bb67f-25f9-4c9f-8e91-8bef83aa6478.webp?v=1774032178\" alt=\"reviewCard1\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eMarie-Claude\u003c\/p\u003e\n            \u003cp\u003eJ’avais arrêté le fond de teint car il marquait toutes mes rides. Celui-ci fait l’inverse : il lisse ma peau et lui redonne de l’éclat. Je me sens à nouveau confiante sans surmaquillage.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review2_5cc77e51-bfa0-4f01-bf8a-93b5f4135fdf.webp?v=1774032178\" alt=\"reviewCard2\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eJulie\u003c\/p\u003e\n            \u003cp\u003eLa texture est incroyable ! Léger, non gras, et la couleur s’adapte parfaitement. Ma peau respire et reste lumineuse toute la journée.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"review-slide\"\u003e\n        \u003cdiv class=\"review\"\u003e\n          \u003cimg class=\"review-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0723\/8320\/1562\/files\/6-review3_3dc5356b-98ea-4b5c-af52-05a2a738bd09.webp?v=1774032178\" alt=\"reviewCard3\" loading=\"lazy\"\u003e\n          \u003cdiv class=\"star-box\"\u003e★★★★★\u003c\/div\u003e\n          \u003cdiv class=\"review-content\"\u003e\n            \u003cp\u003eVéronique\u003c\/p\u003e\n            \u003cp\u003eJe ne pensais pas qu’un fond de teint pouvait être aussi naturel. Il s’étale facilement, unifie mon teint et tient du matin au soir sans retouches.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"review-carousel-button 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=\"review-carousel-button 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=\"review-carousel-dots\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- The Lightbox --\u003e\n\u003cdiv id=\"myLightbox\" class=\"lightbox\"\u003e\n  \u003cspan class=\"lightbox-close\"\u003e×\u003c\/span\u003e\n  \u003cimg class=\"lightbox-content\" id=\"lightboxImg\"\u003e\n\u003c\/div\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 currentBody = this.nextElementSibling;\n        const isActive = currentBody.classList.contains(\"active\");\n\n        document.querySelectorAll(\".accordion-body\").forEach((body) =\u003e {\n          body.classList.remove(\"active\");\n          body.style.maxHeight = null;\n        });\n        document.querySelectorAll(\".accordion-header\").forEach((h) =\u003e {\n          h.classList.remove(\"active\");\n        });\n\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    \/\/ Review Carousel\n    const carouselWrapper = document.querySelector(\".review-carousel-wrapper\");\n    if (carouselWrapper) {\n      const slides = Array.from(carouselWrapper.children);\n      const nextButton = document.querySelector(\".review-carousel-button.next\");\n      const prevButton = document.querySelector(\".review-carousel-button.prev\");\n      const dotsContainer = document.querySelector(\".review-carousel-dots\");\n\n      let currentIndex = 0;\n      let touchStartX = 0;\n      let touchEndX = 0;\n\n      if (dotsContainer) {\n        dotsContainer.innerHTML = \"\";\n        slides.forEach((_, i) =\u003e {\n          const dot = document.createElement(\"span\");\n          dot.classList.add(\"review-carousel-dot\");\n          if (i === 0) dot.classList.add(\"active\");\n          dot.addEventListener(\"click\", () =\u003e {\n            currentIndex = i;\n            updateCarousel();\n          });\n          dotsContainer.appendChild(dot);\n        });\n      }\n\n      const dots = dotsContainer ? Array.from(dotsContainer.children) : [];\n\n      function updateCarousel() {\n        if (window.innerWidth \u003c= 6000) {\n          carouselWrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n        } else {\n          carouselWrapper.style.transform = \"none\";\n        }\n        if (dots.length \u003e 0) {\n          dots.forEach((dot, i) =\u003e {\n            dot.classList.toggle(\"active\", i === currentIndex);\n          });\n        }\n      }\n\n      if (nextButton) {\n        nextButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex + 1) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      if (prevButton) {\n        prevButton.addEventListener(\"click\", () =\u003e {\n          currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n          updateCarousel();\n        });\n      }\n\n      carouselWrapper.addEventListener(\"touchstart\", (e) =\u003e {\n        touchStartX = e.changedTouches[0].screenX;\n      }, { passive: true });\n\n      carouselWrapper.addEventListener(\"touchend\", (e) =\u003e {\n        touchEndX = e.changedTouches[0].screenX;\n        if (window.innerWidth \u003c= 6000) {\n          const swipeThreshold = 50;\n          if (touchStartX - touchEndX \u003e swipeThreshold) {\n            currentIndex = (currentIndex + 1) % slides.length;\n            updateCarousel();\n          } else if (touchEndX - touchStartX \u003e swipeThreshold) {\n            currentIndex = (currentIndex - 1 + slides.length) % slides.length;\n            updateCarousel();\n          }\n        }\n      });\n\n      window.addEventListener(\"resize\", updateCarousel);\n      updateCarousel();\n    }\n\n    \/\/ Lightbox functionality\n    const lightbox = document.getElementById(\"myLightbox\");\n    if (lightbox) {\n      const lightboxImg = document.getElementById(\"lightboxImg\");\n      const reviewImages = document.querySelectorAll(\".review-image\");\n      const closeBtn = document.querySelector(\".lightbox-close\");\n\n      reviewImages.forEach((img) =\u003e {\n        img.style.cursor = \"pointer\";\n        img.addEventListener(\"click\", () =\u003e {\n          lightbox.style.display = \"flex\";\n          lightboxImg.src = img.src;\n        });\n      });\n\n      const closeLightbox = () =\u003e { lightbox.style.display = \"none\"; };\n      if (closeBtn) closeBtn.addEventListener(\"click\", closeLightbox);\n      lightbox.addEventListener(\"click\", (e) =\u003e {\n        if (e.target === lightbox) closeLightbox();\n      });\n    }\n  });\n\u003c\/script\u003e\n\n\n\n\u003c\/body\u003e","brand":"BestMaxy","offers":[{"title":"Clair","offer_id":45842386256045,"sku":"no","price":39.9,"currency_code":"CAD","in_stock":true},{"title":"Moyen","offer_id":45842386288813,"sku":"no","price":39.9,"currency_code":"CAD","in_stock":true},{"title":"Foncé","offer_id":45842386321581,"sku":"no","price":39.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0540\/8053\/6749\/files\/prod1-frca_b239d098-6f6c-439b-8e01-338fe0f9226e.png?v=1774367477","url":"https:\/\/www.bestmaxy.com\/en\/products\/skincely","provider":"BestMaxy","version":"1.0","type":"link"}