{"id":1535,"date":"2021-02-16T02:31:42","date_gmt":"2021-02-16T02:31:42","guid":{"rendered":"http:\/\/themenectar.com\/demo\/salient-ecommerce-robust\/?post_type=product&#038;p=1535"},"modified":"2026-04-10T21:08:05","modified_gmt":"2026-04-10T20:08:05","slug":"natuurlijke-babyolie","status":"publish","type":"product","link":"https:\/\/la-nay.com\/fr\/produit\/natuurlijke-babyolie\/","title":{"rendered":"Huile nourrissante pour b\u00e9b\u00e9"},"content":{"rendered":"\n\t\t<div id=\"fws_69e5d356e6d79\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  top_margin_-200px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-4 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-4 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e5d356e79c9\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 5px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e5d356e82b5\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top  top_margin_70px bottom_margin_70px top_padding_phone_20px\"  style=\"padding-top: 40px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #f2f2f2; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-highlighted-text\" data-style=\"full_text\" data-exp=\"default\" data-using-custom-color=\"false\" data-animation-delay=\"false\" data-color=\"\" data-color-gradient=\"\" style=\"\"><div class=\"masking-text\">\n<h2 class=\"line\" style=\"text-align: center\"><span class=\"text-none font-weight-normal font-serif\" data-v-1dd92e9b=\"\">all about the<\/span><\/h2>\n<\/div>\n<div class=\"masking-text\">\n<h2 class=\"line\" style=\"text-align: center\">PRODUCT<\/h2>\n<\/div>\n<\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t        <style>\r\n\r\n            .lanay-tabs-wrapper {\r\n                width: 130%;\r\n                max-width: 1300px;\r\n                margin: 50px auto 50px;\r\n                font-family: 'Outfit', sans-serif;\r\n            }\r\n\r\n            \/* Tab navigation bar *\/\r\n            .lanay-tabs-nav {\r\n                position: relative;\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                background: #ffffff;\r\n                border-radius: 999px;\r\n                height: 44px;\r\n                overflow: hidden;\r\n                --active-tab-left: 0%;\r\n            }\r\n\r\n            \/* Each tab button *\/\r\n            .lanay-tabs-nav button {\r\n                flex: 1;\r\n                background: none;\r\n                border: none;\r\n                font-size: 14px;\r\n                font-weight: 500;\r\n                color: #333;\r\n                border-radius: 999px;\r\n                position: relative;\r\n                z-index: 2;\r\n                cursor: pointer;\r\n                transition: color 0.3s ease;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                height: 100%;\r\n            }\r\n\r\n            \/* Active tab\u2019s text color *\/\r\n            .lanay-tabs-nav button.active {\r\n                color: #ffffff;\r\n            }\r\n\r\n            \/* Sliding indicator (black) *\/\r\n            .lanay-tabs-nav::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 0;\r\n                bottom: 0;\r\n                width: 25%;\r\n                left: var(--active-tab-left);\r\n                background: #9a3322;\r\n                border-radius: 999px;\r\n                z-index: 1;\r\n                transition: left 0.4s ease;\r\n            }\r\n\r\n            \/* Container for tab-content panes *\/\r\n            .lanay-tab-content {\r\n                margin-top: 30px;\r\n                font-family: 'Outfit', sans-serif;\r\n            }\r\n\r\n            \/* Hide all panes by default *\/\r\n            .lanay-tab-pane {\r\n                display: none;\r\n            }\r\n\r\n            \/* Show only the active pane *\/\r\n            .lanay-tab-pane.active {\r\n                display: block;\r\n            }\r\n\r\n            \/* ---------- Mobile adjustments (\u2264600px) ---------- *\/\r\n            @media (max-width: 600px) {\r\n                .lanay-tabs-wrapper {\r\n                    width: 100%;\r\n                    box-sizing: border-box;\r\n                    padding: 0 24px;           \/* side padding *\/\r\n                    margin: 20px auto 20px;    \/* vertical margins *\/\r\n                }\r\n                .lanay-tabs-nav {\r\n                    height: 36px;               \/* Shorter on mobile *\/\r\n                }\r\n                .lanay-tabs-nav button {\r\n                    font-size: 12px;            \/* Smaller text on mobile *\/\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"lanay-tabs-wrapper\">\r\n            <!-- Tab Navigation -->\r\n            <div class=\"lanay-tabs-nav\" id=\"lanay-tabs-nav\">\r\n                <button class=\"active\" data-tab=\"about\">Over<\/button>\r\n                <button data-tab=\"ingredients\">Ingredi\u00ebnten<\/button>\r\n                <button data-tab=\"usage\">Gebruik<\/button>\r\n                <button data-tab=\"faq\">FAQ<\/button>\r\n            <\/div>\r\n\r\n            <!-- Tab Content Panes -->\r\n            <div class=\"lanay-tab-content\">\r\n                <div class=\"lanay-tab-pane active\" data-tab=\"about\">\r\n                            <style>\r\n           \r\n\r\n            \/* \u2500\u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            .lanay-about-section {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 20px;               \/* gap between image & text *\/\r\n                align-items: flex-start;\r\n                font-family: 'Outfit', sans-serif;  \/* default to Outfit *\/\r\n                margin-top: 70px;        \/* 50px from tabs + 20px extra *\/\r\n                margin-bottom: 30px;\r\n                overflow-x: visible;     \/* allow children (like the card) to overflow *\/\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500 LEFT: Main Product Image \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            .lanay-about-image {\r\n                flex: 1 1 300px;\r\n                max-width: 450px;\r\n            }\r\n            .lanay-about-image img {\r\n                width: 100%;\r\n                height: auto;\r\n                border-radius: 20px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500 RIGHT: Text Content (shifted right 80px, down 100px) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            .lanay-about-content {\r\n                flex: 1 1 300px;\r\n                margin-left: 80px;       \/* shift right *\/\r\n                margin-top: 80px;        \/* shift down *\/\r\n                overflow-x: visible;     \/* explicitly ensure no horizontal clipping *\/\r\n            }\r\n\r\n            \/* Section titles (<p>), 12px grey, left-aligned *\/\r\n            .lanay-section-title {\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 12px;\r\n                margin: 0;               \/* no gap above\/below *\/\r\n                text-transform: uppercase;\r\n                letter-spacing: 0.05em;\r\n                color: #888888;\r\n                text-align: left;\r\n                font-weight: normal;     \/* keep titles normal weight *\/\r\n            }\r\n            \/* Remove gap between title and next element *\/\r\n            .lanay-section-title + p,\r\n            .lanay-section-title + ul {\r\n                margin-top: 0;\r\n            }\r\n\r\n            \/* Body paragraphs, 14px left-aligned, using Outfit *\/\r\n            .lanay-about-content p:not(.lanay-section-title) {\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 14px;\r\n                line-height: 1.6;\r\n                margin: 0 0 16px 0;      \/* only bottom gap *\/\r\n                color: #555555;\r\n                text-align: left;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500 Two-column \u201cRecommended For\u201d + \u201cPair With\u201d \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n          .lanay-about-columns {\r\n  display: flex;\r\n  gap: 20px;\r\n  margin-bottom: 32px;\r\n  flex-wrap: nowrap;\r\n  overflow-x: visible;\r\n \r\n}\r\n\r\n.lanay-about-columns > div {\r\n  flex: 1 1 200px;\r\n}\r\n\r\n            \/* \u201cRecommended For\u201d as a paragraph with bullets (one per line) using Outfit *\/\r\n            .lanay-recommended-list {\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 12px;\r\n                line-height: 1.6;\r\n                color: #555555;\r\n                margin: 0 0 16px 0;      \/* bottom gap only *\/\r\n                text-align: left;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            \/* PAIR WITH CARD: replaced by [Suggested_Product] shortcode *\/\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            \/* No additional CSS needed here because the shortcode handles its own styling *\/\r\n\r\n            \/* Icon row (increased spacing, bold captions) *\/\r\n            .lanay-icon-row {\r\n                display: flex;\r\n                gap: 80px; \/* increased from 20px to 80px *\/\r\n                flex-wrap: wrap;\r\n                margin-top: 25px;\r\n\t\t\t\t\r\n            }\r\n            .lanay-icon-box {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                width: 60px;\r\n            }\r\n            .lanay-icon-circle {\r\n                background: #fff;\r\n                padding: 12px;\r\n                border-radius: 999px;\r\n                width: 70px;\r\n                height: 70px;\r\n                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n            .lanay-icon-circle img {\r\n                max-width: 20px;\r\n                height: auto;\r\n            }\r\n            .lanay-icon-caption {\r\n                margin-top: 4px;\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 14px;\r\n                font-weight: normal;\r\n                text-align: center;\r\n                color: #555;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500 MOBILE-ONLY (\u2264600px) ADJUSTMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            @media (max-width: 600px) {\r\n                \/* Container adjustments *\/\r\n                .lanay-about-section {\r\n                    flex-direction: column-reverse;\r\n                    gap: 8px;             \/* reduce vertical gaps *\/\r\n                    padding: 0 10px;      \/* side padding *\/\r\n                    margin-top: 40px;     \/* reduced top margin *\/\r\n                    margin-bottom: 20px;  \/* reduced bottom margin *\/\r\n                }\r\n                \/* Remove left\/top shift on content *\/\r\n                .lanay-about-content {\r\n                    margin-left: 0;\r\n                    margin-top: 0;\r\n                }\r\n\r\n                \/* Stack \u201cRecommended For\u201d and \u201cPair With\u201d vertically *\/\r\n                 .lanay-about-columns {\r\n    flex-direction: column; \/* stack vertically *\/\r\n    flex-wrap: nowrap;\r\n    margin-bottom: 0; \/* remove the gap if needed *\/\r\n  }\r\n\r\n  .lanay-about-columns > div {\r\n    flex: none; \/* disables equal height *\/\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n                \/* Remove bottom margin\/padding on the \u201cCombineer met\u201d wrapper (2nd child) *\/\r\n                .lanay-about-columns > div:nth-child(2) {\r\n                    margin-bottom: 0 !important;\r\n                    padding-bottom: 0 !important;\r\n                }\r\n                \/* Remove any bottom margin on the Suggested_Product card inside *\/\r\n                .lanay-about-columns > div:nth-child(2) .lanay-suggested-card {\r\n                    margin-bottom: 0 !important;\r\n                }\r\n\r\n                \/* Remove any bottom margin on paragraphs above columns *\/\r\n                .lanay-about-content p:not(.lanay-section-title) {\r\n                    margin-bottom: 0 !important;\r\n                }\r\n\r\n                \/* Shrink icons so they fit on one line, adjust spacing *\/\r\n                .lanay-icon-row {\r\n                    gap: 15px !important;\r\n                    justify-content: space-between !important;\r\n                    margin-top: 40px !important;      \/* minimal space above icons *\/\r\n                    margin-bottom: 24px !important;  \/* keep some space below icons *\/\r\n\t\t\t\t\t\r\n                }\r\n                .lanay-icon-box {\r\n                    width: 50px !important;\r\n                }\r\n                .lanay-icon-circle {\r\n                    width: 50px !important;\r\n                    height: 50px !important;\r\n                    padding: 8px !important;\r\n                }\r\n                .lanay-icon-caption {\r\n                    font-size: 12px !important;\r\n                    margin-top: 2px !important;\r\n                }\r\n\r\n                \/* Reduce spacing between paragraphs inside content *\/\r\n                .lanay-about-content p:not(.lanay-section-title) {\r\n                    margin: 0 0 8px 0 !important;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"lanay-about-section\">\r\n            <!-- LEFT: Main Product Image -->\r\n            <div class=\"lanay-about-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2021\/02\/lanay-sfeerbeelden-rotterdam-20250319_001-scaled-e1745051171707.jpg\"\r\n                    alt=\"La Nay Product Image\"\r\n                >\r\n            <\/div>\r\n\r\n            <!-- RIGHT: Text Content -->\r\n            <div class=\"lanay-about-content\">\r\n                <!-- About the Product -->\r\n                <p class=\"lanay-section-title\">Over het product<\/p>\r\n                <p>\r\n                    Onze baby huidolie is een luchtige mix van de meest voedende oli\u00ebn uit de natuur.\r\n                    Het hydrateert, beschermt en kalmeert de gevoelige babyhuid. De olie trekt snel in\r\n                    en laat de huid zijdezacht aanvoelen, zonder een vettig laagje achter te laten.\r\n                <\/p>\r\n\r\n                <!-- Recommended For & Pair With together in one row -->\r\n                <div class=\"lanay-about-columns\">\r\n                    <!-- \u201cRecommended For\u201d column -->\r\n                    <div>\r\n                        <p class=\"lanay-section-title\">Aanbevolen voor<\/p>\r\n                        <p class=\"lanay-recommended-list\">\r\n                            \u2022 Gevoelige of droge huid<br>\r\n                            \u2022 Van pasgeborene tot peuter (mama mag mee genieten)<br>\r\n                            \u2022 Dagelijkse hydratatie<br>\r\n                            \u2022 Zijdezachte huid na het badderen<br>\r\n                            \u2022 Zachte babymassages\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- \u201cPair With\u201d column -->\r\n                    <div>\r\n                        <p class=\"lanay-section-title\">Combineer met<\/p>\r\n                            <div\r\n        class=\"lanay-suggested-card\"\r\n        onclick=\"window.location.href='https:\/\/la-nay.com\/product\/haver-badolie\/';\"\r\n        style=\"\r\n            display: flex;\r\n            align-items: center;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            max-width: 400px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n        \"\r\n    >\r\n        <!-- WRAPPER FOR IMAGE + TEXT -->\r\n        <div\r\n            class=\"lanay-card-content\"\r\n            style=\"\r\n                display: flex;\r\n                flex: 1;\r\n                align-items: center;\r\n            \"\r\n        >\r\n            <!-- IMAGE WRAPPER -->\r\n            <div\r\n                class=\"lanay-card-image-wrapper\"\r\n                style=\"\r\n                    width: 80px;\r\n                    height: 80px;\r\n                    border-radius: 10px;\r\n                    overflow: hidden;\r\n                    flex-shrink: 0;\r\n                \"\r\n            >\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2024\/12\/DSC02696-scaled-e1733057729975.jpg\"\r\n                    alt=\"Product Image\"\r\n                    class=\"lanay-card-image\"\r\n                    style=\"\r\n                        width: 100%;\r\n                        height: 100%;\r\n                        object-fit: cover;\r\n                        object-position: center bottom;\r\n                        transform-origin: bottom center;\r\n                        transition: transform 0.4s ease;\r\n                    \"\r\n                \/>\r\n            <\/div>\r\n\r\n            <!-- TEXT -->\r\n            <div\r\n                class=\"lanay-card-text\"\r\n                style=\"\r\n                    flex: 1;\r\n                    padding: 10px;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: center;\r\n                    align-items: flex-start;\r\n                    text-align: left;\r\n                \"\r\n            >\r\n                <div style=\"line-height: 1.2; display: flex; align-items: baseline;\">\r\n                    <span\r\n                        class=\"lanay-title\"\r\n                        style=\"\r\n                            font-family: 'Outfit', sans-serif !important;\r\n                            font-size: 12px;\r\n                            color: #9a3322 !important;\r\n                        \"\r\n                    >\r\n                        Essence of Silky Waves\r\n                    <\/span>\r\n                    <span\r\n                        class=\"lanay-price\"\r\n                        style=\"\r\n                            font-family: 'Outfit', sans-serif;\r\n                            font-size: 12px;\r\n                            color: grey !important;\r\n                            margin-left: 4px;\r\n                        \"\r\n                    >\r\n                        \u2013 \u20ac17.95\r\n                    <\/span>\r\n                <\/div>\r\n                <div\r\n                    class=\"lanay-card-description\"\r\n                    style=\"\r\n                        font-family: 'Outfit', sans-serif;\r\n                        font-size: 12px;\r\n                        color: grey !important;\r\n                        margin-top: 4px;\r\n                        line-height: 1.2;\r\n                        transition: text-decoration 0.3s ease;\r\n                        text-align: left;\r\n                    \"\r\n                >\r\n                    Haver- en zoete amandel badolie\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ADD TO CART BUTTON -->\r\n        <button\r\n            class=\"lanay-add-to-cart-button\"\r\n            data-product_id=\"1796\"\r\n            onclick=\"event.stopPropagation();\"\r\n            style=\"\r\n                width: 30px;\r\n                height: 30px;\r\n                background: #000;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                border-radius: 50%;\r\n                margin: 10px 6px 10px 10px;\r\n                transform: translateX(-14px);\r\n                transition: all 0.3s ease;\r\n                position: relative;\r\n                overflow: hidden;\r\n                border: none;\r\n                cursor: pointer;\r\n            \"\r\n            onmouseover=\"\r\n                if (!this.classList.contains('processing') && !this.classList.contains('success') && window.innerWidth > 600) {\r\n                    this.style.setProperty('width', '60px', 'important');\r\n                    this.style.setProperty('height', '60px', 'important');\r\n                    this.style.setProperty('border-radius', '12px', 'important');\r\n                    this.style.setProperty('transform', 'translateX(0)', 'important');\r\n                    this.querySelector('.lanay-icon-plus').style.opacity = '0';\r\n                    this.querySelector('.lanay-icon-bag').style.opacity = '1';\r\n                }\r\n            \"\r\n            onmouseout=\"\r\n                if (!this.classList.contains('processing') && !this.classList.contains('success') && window.innerWidth > 600) {\r\n                    this.style.setProperty('width', '30px', 'important');\r\n                    this.style.setProperty('height', '30px', 'important');\r\n                    this.style.setProperty('border-radius', '50%', 'important');\r\n                    this.style.setProperty('transform', 'translateX(-14px)', 'important');\r\n                    this.querySelector('.lanay-icon-plus').style.opacity = '1';\r\n                    this.querySelector('.lanay-icon-bag').style.opacity = '0';\r\n                }\r\n            \"\r\n        >\r\n            <span\r\n                class=\"lanay-icon-plus\"\r\n                style=\"\r\n                    color: white;\r\n                    font-size: 16px;\r\n                    position: absolute;\r\n                    opacity: 1;\r\n                    transition: opacity 0.3s ease;\r\n                \"\r\n            >+<\/span>\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/bag-3.png\"\r\n                alt=\"Bag Icon\"\r\n                class=\"lanay-icon-bag\"\r\n                style=\"\r\n                    width: 22px;\r\n                    height: 22px;\r\n                    position: absolute;\r\n                    opacity: 0;\r\n                    transition: opacity 0.3s ease;\r\n                \"\r\n            \/>\r\n\r\n            <div\r\n                class=\"lanay-spinner\"\r\n                style=\"\r\n                    border: 2px solid #fff;\r\n                    border-top: 2px solid transparent;\r\n                    border-radius: 50%;\r\n                    width: 16px;\r\n                    height: 16px;\r\n                    position: absolute;\r\n                    animation: lanay-spin 0.6s linear infinite;\r\n                    display: none;\r\n                \"\r\n            ><\/div>\r\n\r\n            <span\r\n                class=\"lanay-icon-check\"\r\n                style=\"\r\n                    color: white;\r\n                    font-size: 16px;\r\n                    position: absolute;\r\n                    opacity: 0;\r\n                    transition: opacity 0.3s ease;\r\n                \"\r\n            >\u2713<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <!-- INLINE KEYFRAMES + HOVER STYLES -->\r\n    <style>\r\n    @keyframes lanay-spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* Zoom image and underline description when hovering over image\/text wrapper *\/\r\n    .lanay-card-content:hover .lanay-card-image {\r\n        transform: scale(1.12);\r\n    }\r\n    .lanay-card-content:hover .lanay-card-description {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 MOBILE-ONLY (\u2264600px): reduce font sizes, keep text left-aligned \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 600px) {\r\n        .lanay-suggested-card {\r\n            flex-direction: row;\r\n            max-width: 100%;  \/* allow full-width card *\/\r\n        }\r\n        .lanay-card-text {\r\n            align-items: flex-start !important;\r\n            text-align: left !important;\r\n            padding: 8px !important;\r\n        }\r\n        .lanay-title {\r\n            font-size: 10px !important;    \/* reduced from 12px *\/\r\n        }\r\n        .lanay-price {\r\n            font-size: 10px !important;    \/* reduced from 12px *\/\r\n        }\r\n        .lanay-card-description {\r\n            font-size: 10px !important;    \/* reduced from 12px *\/\r\n            margin-top: 2px !important;\r\n        }\r\n        .lanay-card-image-wrapper {\r\n            width: 60px !important;\r\n            height: 60px !important;\r\n        }\r\n        .lanay-card-content {\r\n            gap: 8px !important;\r\n        }\r\n        .lanay-add-to-cart-button {\r\n            margin: 8px 4px 8px 8px !important;\r\n            transform: translateX(-10px) !important;\r\n        }\r\n        \/* Prevent the button from expanding on hover or click on mobile *\/\r\n        .lanay-add-to-cart-button:hover,\r\n        .lanay-add-to-cart-button.processing,\r\n        .lanay-add-to-cart-button.success {\r\n            width: 30px !important;\r\n            height: 30px !important;\r\n            border-radius: 50% !important;\r\n            transform: translateX(-10px) !important;\r\n        }\r\n    }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        document.querySelectorAll('.lanay-add-to-cart-button').forEach(function (btn) {\r\n            btn.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const isMobile = window.innerWidth <= 600;\r\n                const productId = btn.getAttribute('data-product_id');\r\n                const quantity = 1;\r\n\r\n                \/\/ MARK AS PROCESSING\r\n                btn.classList.add('processing');\r\n                if (!isMobile) {\r\n                    btn.style.setProperty('width','60px','important');\r\n                    btn.style.setProperty('height','60px','important');\r\n                    btn.style.setProperty('border-radius','12px','important');\r\n                    btn.style.setProperty('transform','translateX(0)','important');\r\n                }\r\n                btn.querySelector('.lanay-icon-plus').style.opacity = '0';\r\n                btn.querySelector('.lanay-icon-bag').style.opacity = '0';\r\n                btn.querySelector('.lanay-spinner').style.display = 'block';\r\n\r\n                \/\/ Prepare Ajax data (with nonce)\r\n                const formData = new URLSearchParams({\r\n                    product_id: productId,\r\n                    quantity: quantity,\r\n                    nonce: wc_add_to_cart_params.add_to_cart_nonce\r\n                });\r\n\r\n                fetch(wc_add_to_cart_params.wc_ajax_url.toString().replace('%%endpoint%%', 'add_to_cart'), {\r\n                    method: 'POST',\r\n                    credentials: 'same-origin',\r\n                    headers: {\r\n                        'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8',\r\n                    },\r\n                    body: formData\r\n                })\r\n                .then(response => response.json())\r\n                .then(data => {\r\n                    if (data && data.fragments) {\r\n                        \/\/ Update mini-cart fragments\r\n                        jQuery.each(data.fragments, function (key, value) {\r\n                            jQuery(key).replaceWith(value);\r\n                        });\r\n\r\n                        \/\/ Hide spinner\r\n                        btn.querySelector('.lanay-spinner').style.display = 'none';\r\n                        \/\/ Show checkmark in circle\r\n                        if (!isMobile) {\r\n                            btn.style.setProperty('width','30px','important');\r\n                            btn.style.setProperty('height','30px','important');\r\n                            btn.style.setProperty('border-radius','50%','important');\r\n                            btn.style.setProperty('transform','translateX(-14px)','important');\r\n                        }\r\n                        btn.querySelector('.lanay-icon-check').style.opacity = '1';\r\n                        btn.classList.remove('processing');\r\n                        btn.classList.add('success');\r\n\r\n                        \/\/ Trigger Salient mini-cart drawer\r\n                        document.body.dispatchEvent(new Event('added_to_cart'));\r\n                        const cartTrigger = document.querySelector('.cart-contents');\r\n                        if (cartTrigger) cartTrigger.click();\r\n\r\n                        \/\/ After 5 seconds: revert to plus icon & re-enable hover\r\n                        setTimeout(function () {\r\n                            btn.querySelector('.lanay-icon-check').style.opacity = '0';\r\n                            btn.querySelector('.lanay-icon-plus').style.opacity = '1';\r\n                            btn.classList.remove('success');\r\n                        }, 5000);\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\n                        <\/div>\r\n                <\/div>\r\n\r\n                <!-- Icon Row Underneath -->\r\n                <div class=\"lanay-icon-row\">\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/leaves.png\"\r\n                                alt=\"Natural\"\r\n                            >\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Natuurlijk<\/div>\r\n                    <\/div>\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/absorbent.png\"\r\n                                alt=\"Hydraterend Icon\"\r\n                            >\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Hydraterend<\/div>\r\n                    <\/div>\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/hypoallergenic.png\"\r\n                                alt=\"Hypoallergeen Icon\"\r\n                            >\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Hypoallergeen<\/div>\r\n                    <\/div>\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/nourishing.png\"\r\n                                alt=\"Voedend Icon\"\r\n                            >\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Voedend<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                        <\/div>\r\n                <div class=\"lanay-tab-pane\" data-tab=\"ingredients\">\r\n                        <style>\r\n     \r\n\r\n        \/* Container styling *\/\r\n        .ingredient-layout {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 14px;\r\n            color: #333;\r\n            margin-top: 70px;            \/* 50px margin on top of the whole thing *\/\r\n            padding-bottom: 30px;        \/* 30px padding at the bottom *\/\r\n        }\r\n\r\n        \/* LEFT SIDE: Key Ingredients (carousel container) *\/\r\n        .ingredient-left {\r\n            flex: 0 0 35%;\r\n            max-width: 40%;\r\n            padding-right: 40px;\r\n            box-sizing: border-box;\r\n            position: relative;          \/* for controls positioning *\/\r\n            overflow: hidden;            \/* hide overflowing cards *\/\r\n        }\r\n\r\n        \/* Wrapper that masks cards - exactly 3 cards visible *\/\r\n        .cards-mask {\r\n            height: calc( (120px + 15px) * 3 - 15px ); \/* 3 cards of 120px height + 2 margins of 15px *\/\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Wrapper for scrolling cards *\/\r\n        .cards-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            transition: transform 0.5s ease-in-out;\r\n        }\r\n\r\n        \/* Section titles *\/\r\n        .ingredient-left h4,\r\n        .ingredient-table h4 {\r\n            color: #666 !important;               \/* grey titles *\/\r\n            text-transform: uppercase !important;\r\n            font-size: 12px !important;           \/* force 12px *\/\r\n            font-weight: 400 !important;\r\n            margin-bottom: 12px !important;\r\n            text-align: left !important;\r\n            font-family: 'Outfit', sans-serif !important;\r\n        }\r\n\r\n       \/* Individual key-card *\/\r\n        .key-card {\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    padding: 15px 12px;\r\n    margin-bottom: 15px;\r\n    box-shadow: 0 0 0 1px #eee;\r\n    display: flex;\r\n    align-items: flex-start !important;  \/* changed from center to top-align *\/\r\n    gap: 12px;\r\n    height: 120px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n   \r\n      .key-card .image-box {\r\n    width: 80px;\r\n    height: 90px;\r\n    border-radius: 12px; \/* rounded edges *\/\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.key-card .image-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\r\n        \/* Text inside each key-card *\/\r\n        .key-text h4 {\r\n            margin: 6px 0 3px 0 !important;\r\n            font-size: 12px;         \/* smaller font *\/\r\n            color: #000 !important;\r\n            font-weight: 400 !important;        \/* thinner *\/\r\n            text-align: left;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n\r\n        .key-text p {\r\n            margin: 0;\r\n            font-size: 12px;\r\n            color: #666;             \/* grey text *\/\r\n            line-height: 1.2;        \/* tighter line spacing *\/\r\n            max-height: calc(1.2em * 5); \/* max ~5 lines *\/\r\n            overflow: hidden;\r\n            font-family: 'Outfit', sans-serif;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Carousel controls (arrows and counter) *\/\r\n        .carousel-controls {\r\n            position: absolute;\r\n            top: -5px;                \/* bring counter a bit more up *\/\r\n            right: 10px;\r\n            font-size: 12px;\r\n            color: #666;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            z-index: 10;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n\r\n        .carousel-prev,\r\n        .carousel-next {\r\n            cursor: pointer;\r\n            user-select: none;\r\n            background: none !important; \/* remove any background on arrow *\/\r\n        }\r\n\r\n        \/* Remove hover background on arrows *\/\r\n        .carousel-prev:hover,\r\n        .carousel-next:hover {\r\n            background: none !important;\r\n            color: #666 !important;\r\n        }\r\n\r\n        .carousel-counter {\r\n            \/* ensure no hover effect *\/\r\n            background: none;\r\n            color: #666;\r\n        }\r\n\r\n        .carousel-counter:hover {\r\n            background: none;\r\n            color: #666;\r\n        }\r\n\r\n        \/* --------------------------------------------- *\/\r\n        \/* RIGHT SIDE: INGREDIENT TABLE (OVERRIDE STYLE) *\/\r\n        \/* --------------------------------------------- *\/\r\n\r\n        \/* Ensure the table container has no inherited borders *\/\r\n        .ingredient-table {\r\n            flex: 1 1 55%;           \/* allow to fill remaining space *\/\r\n            max-width: 55%;\r\n            box-sizing: border-box;\r\n            margin-left: 70px;       \/* desktop left margin *\/\r\n        }\r\n\r\n        .ingredient-table table {\r\n            width: 100% !important;\r\n            border-collapse: collapse !important;\r\n            background-color: #f2f2f2 !important; \/* grey background *\/\r\n            table-layout: fixed;    \/* enforce fixed layout *\/\r\n        }\r\n\r\n        \/* Remove all inherited borders on every cell (th, td) *\/\r\n        .ingredient-table table th,\r\n        .ingredient-table table td {\r\n            border: none !important;\r\n            padding: 0 !important;                \/* reset padding to reapply below *\/\r\n            background-color: #f2f2f2 !important; \/* enforce grey background *\/\r\n            color: #000000 !important;\r\n            font-family: 'Outfit', sans-serif !important;\r\n            word-break: break-word;               \/* wrap long text *\/\r\n        }\r\n\r\n        \/* Header cells: padding, text style, uppercase, thin bottom border *\/\r\n        .ingredient-table table thead th {\r\n            padding: 6px 6px !important;          \/* reduce padding *\/\r\n            text-align: left !important;\r\n            font-weight: 400 !important;          \/* slightly bolder for header *\/\r\n            font-size: 11px !important;           \/* reduce font size *\/\r\n            line-height: 1.2 !important;\r\n            text-transform: uppercase !important;\r\n            border-top: 1px solid #f2f2f2 !important;\r\n            border-bottom: 1px solid #000000 !important;\r\n        }\r\n\r\n        \/* Body cells: padding, style, thin bottom border for each row *\/\r\n        .ingredient-table table tbody td {\r\n            padding: 6px 6px !important;          \/* reduce padding *\/\r\n            text-align: left !important;\r\n            font-weight: 300 !important;           \/* lighter for body cells *\/\r\n            font-size: 12px !important;            \/* reduce body font *\/\r\n            line-height: 1.2 !important;\r\n            border-bottom: 1px solid #000000 !important;\r\n        }\r\n\r\n        \/* Add thin top border to the very first <tbody> row (separating from header) *\/\r\n        .ingredient-table table tbody tr:first-child td {\r\n            border-top: 1px solid #000000 !important;\r\n        }\r\n\r\n        \/* Add thin bottom border on the very last row *\/\r\n        .ingredient-table table tbody tr:last-child td {\r\n            border-bottom: 1px solid #000000 !important;\r\n        }\r\n\r\n        \/* Center EWG icon in 3rd column (header and body) *\/\r\n        .ingredient-table table thead th:nth-child(3),\r\n        .ingredient-table table tbody td:nth-child(3) {\r\n            text-align: center !important;\r\n        }\r\n\r\n        \/* Right-align \"Role\" header and its column (4th) *\/\r\n        .ingredient-table table thead th:nth-child(4),\r\n        .ingredient-table table tbody td:nth-child(4) {\r\n            text-align: right !important;\r\n        }\r\n\r\n        \/* Ensure no vertical borders remain *\/\r\n        .ingredient-table table thead th,\r\n        .ingredient-table table tbody td {\r\n            border-left: none !important;\r\n            border-right: none !important;\r\n        }\r\n\r\n        \/* If WPBakery adds its own <tbody> styling, force transparent background on <tbody>, <thead>, <tr> *\/\r\n        .ingredient-table table thead,\r\n        .ingredient-table table thead tr,\r\n        .ingredient-table table tbody,\r\n        .ingredient-table table tbody tr {\r\n            background-color: transparent !important;\r\n        }\r\n\r\n        \/* EWG badge styling *\/\r\n        .ewg-badge {\r\n            display: inline-block;\r\n            width: 18px;\r\n            height: 18px;\r\n            background-color: #5cb85c;\r\n            color: #fff;\r\n            font-size: 11px;\r\n            font-weight: bold;\r\n            text-align: center;\r\n            line-height: 18px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* Tooltip container *\/\r\n        .tooltip {\r\n            position: relative;\r\n            display: inline-block;\r\n\r\n        }\r\n\r\n        \/* Hidden tooltip text *\/\r\n        .tooltip .tooltiptext {\r\n            visibility: hidden;\r\n            width: 180px;\r\n            background-color: #fff;\r\n            color: #000;\r\n            text-align: left;\r\n            padding: 6px;\r\n            border-radius: 6px;\r\n            position: absolute;\r\n            z-index: 10;\r\n            bottom: 125%; \/* Position above *\/\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            opacity: 0;\r\n            transition: opacity 0.3s;\r\n            font-size: 11px;\r\n            line-height: 1.2;\r\n            font-family: 'Outfit', sans-serif;\r\n        }\r\n\r\n        \/* Tooltip arrow *\/\r\n        .tooltip .tooltiptext::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 100%; \/* At bottom of tooltip *\/\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            border-width: 6px;\r\n            border-style: solid;\r\n            border-color: #555 transparent transparent transparent;\r\n        }\r\n\r\n        \/* Show tooltip on hover *\/\r\n        .tooltip:hover .tooltiptext {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* Link styling inside tooltip *\/\r\n        .tooltip .tooltiptext a {\r\n            color: #888;\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* \u2500\u2500\u2500 MOBILE-ONLY (\u2264600px) ADJUSTMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n        @media (max-width: 600px) {\r\n            \/* Stack left and right sections vertically, add side padding *\/\r\n            .ingredient-layout {\r\n                flex-direction: column;\r\n                padding: 0 10px;      \/* side padding so content won\u2019t touch edges *\/\r\n                margin-top: 40px;     \/* reduce top margin *\/\r\n                padding-bottom: 20px; \/* slightly reduce bottom padding *\/\r\n            }\r\n            \/* Make key ingredients span full width *\/\r\n            .ingredient-left {\r\n                flex: none;\r\n                max-width: 100%;\r\n                padding-right: 0;\r\n                margin-bottom: 16px;  \/* space between cards and table *\/\r\n            }\r\n            \/* Make table span full width, remove left margin *\/\r\n            .ingredient-table {\r\n                flex: none;\r\n                max-width: 100%;\r\n                margin-left: 0;\r\n            }\r\n            \/* Further reduce table font on mobile *\/\r\n            .ingredient-table table thead th {\r\n                font-size: 10px !important;\r\n                padding: 4px 4px !important;\r\n            }\r\n            .ingredient-table table tbody td {\r\n                font-size: 10px !important;\r\n                padding: 4px 4px !important;\r\n            }\r\n\t\t\t .ingredient-table p {\r\n  \t\t\t    font-size: 10px !important;\r\n  \t\t\t    line-height: 1.2 !important;\r\n    \t\t\tmargin-top: 6px !important;\r\n  \t\t\t}\r\n\t\t\t\t.ingredient-table table th:nth-child(3),\r\n  \t\t\t\t.ingredient-table table td:nth-child(3) {\r\n    \t\t\tvertical-align: middle !important;\r\n  \t\t\t}\r\n\t\t\t\r\n\t\t\t\/* Make the EWG column narrower on mobile *\/\r\n  \t\t\t\t.ingredient-table table {\r\n    \t\t\ttable-layout: fixed; \/* ensure fixed layout is active *\/\r\n \t\t\t}\r\n \t\t\t\t.ingredient-table table th:nth-child(3),\r\n  \t\t\t\t.ingredient-table table td:nth-child(3) {\r\n    \t\t\twidth: 40px !important;       \/* adjust as needed *\/\r\n  \t\t\t}\r\n\t\t\t\r\n\t\t\t.key-text h4 {\r\n            margin: 6px 0 3px 0 !important;\r\n            font-size: 10px !important;         \/* smaller font *\/\r\n            color: #000 !important;\r\n            font-weight: 400 !important;        \/* thinner *\/\r\n            text-align: left;\r\n            font-family: 'Outfit', sans-serif !important;\r\n        }\r\n\r\n        .key-text p {\r\n            margin: 0;\r\n            font-size: 10px!important;\r\n            color: #666!important;             \/* grey text *\/\r\n            line-height: 1.2;        \/* tighter line spacing *\/\r\n            max-height: calc(1.2em * 5); \/* max ~5 lines *\/\r\n            overflow: hidden;\r\n            font-family: 'Outfit', sans-serif;\r\n            text-align: justify;\r\n        }\r\n\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ingredient-layout\">\r\n        <!-- LEFT SIDE: KEY INGREDIENTS (Carousel) -->\r\n        <div class=\"ingredient-left\">\r\n            <h4>ACTIEVE INGREDI\u00cbNTEN<\/h4>\r\n\r\n            <!-- Carousel Controls -->\r\n            <div class=\"carousel-controls\">\r\n                <span class=\"carousel-prev\"><<\/span>\r\n                <span class=\"carousel-counter\">1\/4<\/span>\r\n                <span class=\"carousel-next\">><\/span>\r\n            <\/div>\r\n\r\n            <!-- Cards Mask & Wrapper -->\r\n            <div class=\"cards-mask\">\r\n                <div class=\"cards-wrapper\">\r\n                    <div class=\"key-card\">\r\n                        <div class=\"image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-30-at-10.35.53.png\" alt=\"Jojoba\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Jojoba Olie<\/h4>\r\n                            <p>\r\n                               Een vloeibare was die lijkt op het natuurlijke talg van de huid en helpt de talgproductie in balans te brengen. Rijk aan vetzuren, hydrateert intens en verzacht irritaties.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"key-card\">\r\n                        <div class=\"image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-30-at-10.37.37.png\" alt=\"Abrikozenpitolie\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Abrikozenpitolie<\/h4>\r\n                            <p>\r\n                                Rijk aan vitamine A en E. De lichte textuur trekt snel in om te voeden en verzachten. Antioxidanten beschermen tegen schadelijke invloeden van buitenaf.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"key-card\">\r\n                        <div class=\"image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-30-at-10.38.49.png\" alt=\"Zonnebloemolie\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Zonnebloemolie<\/h4>\r\n                            <p>\r\n                                Rijk aan linolzuur en vitamine E, helpt deze lichte olie om vocht vast te houden en de huid te beschermen tegen uitdroging. Verzacht, hydrateert en ondersteunt het natuurlijke herstel van de huid.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"key-card\">\r\n                        <div class=\"image-box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-30-at-10.39.27.png\" alt=\"Coco-Caprylate\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Coco-Caprylate<\/h4>\r\n                            <p>\r\n                                Een ester afkomstig van kokosvetzuren die de huid een zijdezacht en niet-vettig gevoel geeft. Vormt een lichte, gladmakende laag die snel intrekt en de huid heerlijk soepel achterlaat.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- RIGHT SIDE: INGREDIENT TABLE -->\r\n        <div class=\"ingredient-table\">\r\n            <h4>UITGELICHTE INGREDI\u00cbNTEN<\/h4>\r\n            <table>\r\n                <thead>\r\n                    <tr>\r\n                        <th>INGREDI\u00cbNT<\/th>\r\n                        <th>INCI NAME<\/th>\r\n                        <th>\r\n                            <div class=\"tooltip\">\r\n                                EWG*\r\n                                <span style=\"\r\n                                    display: inline-block;\r\n                                    width: 14px;\r\n                                    height: 14px;\r\n                                    border-radius: 50%;\r\n                                    background: #ffffff;\r\n                                    color: #000000;\r\n                                    font-size: 10px;\r\n                                    text-align: center;\r\n                                    line-height: 14px;\r\n                                    margin-left: 4px;\r\n                                    border: 1px solid #ccc;\r\n                                \">?<\/span>\r\n                                <span class=\"tooltiptext\">\r\n                                    De Environmental Working Group (EWG) geeft ingredi\u00ebnten een score van 1 (zeer veilig) tot 10 (mogelijk schadelijk), gebaseerd op wetenschappelijke en regelgevinggegevens.\r\n                                    <a href=\"https:\/\/www.ewg.org\/skindeep\/understanding_skin_deep_ratings\/\" target=\"_blank\" rel=\"noopener\">Learn more<\/a>\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/th>\r\n                        <th>ROL<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr><td>Jojoba Olie<\/td><td>Simmondsia Chinensis Seed Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/705966-SIMMONDSIA_CHINENSIS_JOJOBA_SEED_OIL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Verzacht en hydrateert de huid<\/td><\/tr><tr><td>Abrikozenpitolie<\/td><td>Prunus Armeniaca Kernel Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/700467-PRUNUS_ARMENIACA_APRICOT_OIL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Voedt en verzacht de huid<\/td><\/tr><tr><td>Coco-Caprylaat<\/td><td>Caprylic\/Capric Triglyceride<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/1440811-COCOCAPRYLATE\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Zorgt voor een zijdezachte finish<\/td><\/tr><tr><td>Zonnebloemolie<\/td><td>Helianthus Annuus Seed Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/702804-HELIANTHUS_ANNUUS_SUNFLOWER_SEED_OIL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Beschermt en hydrateert<\/td><\/tr><tr><td>Tocoferol<\/td><td>Tocopherol<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/706564-TOCOPHEROL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Beschermt de formule en de huid<\/td><\/tr><tr><td>Parfum<\/td><td>Parfum<\/td><td>            <span class=\"tooltip\">\r\n                <span class=\"ewg-badge\">\u2713<\/span>\r\n                <span class=\"tooltiptext\">\r\n                    Onze kenmerkende geur is speciaal ontwikkeld voor de gevoelige huid. De formule is hypoallergeen en de dosering ligt zelfs lager dan de aanbevolen limiet volgens de IFRA 51-richtlijn \u2013 voor een subtiele geurbeleving zonder irritatie.\r\n                    <a href=\"https:\/\/la-nay.com\/fragrance-info\" target=\"_blank\">Learn more<\/a>\r\n                <\/span>\r\n            <\/span>\r\n            <\/td><td>Hypoallergene parfum<\/td><\/tr>                <\/tbody>\r\n            <\/table>\r\n            <!-- Informational Note Under the Table -->\r\n            <p style=\"\r\n                margin-top: 12px;\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 12px;\r\n                color: #666;\r\n                text-align: left;\r\n            \">\r\n                * Je kunt op de beoordeling klikken om doorgestuurd te worden naar de EWG-pagina en daar meer informatie over het ingredi\u00ebnt te vinden via een onafhankelijke bron.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const wrapper = document.querySelector('.cards-wrapper');\r\n            const cards = document.querySelectorAll('.key-card');\r\n            const prevBtn = document.querySelector('.carousel-prev');\r\n            const nextBtn = document.querySelector('.carousel-next');\r\n            const counter = document.querySelector('.carousel-counter');\r\n            const totalCards = cards.length;\r\n            const visibleCount = 3;\r\n\r\n            \/* We'll allow sliding by one card at a time; maximum top index = totalCards - visibleCount *\/\r\n            const maxIndex = totalCards - visibleCount;\r\n            let currentIndex = 0;\r\n            let autoSlide;\r\n\r\n            \/* Calculate one card\u2019s full outer height (including margin) *\/\r\n            function getCardOffset() {\r\n                const card = cards[0];\r\n                const style = getComputedStyle(card);\r\n                return card.offsetHeight + parseFloat(style.marginBottom);\r\n            }\r\n\r\n            \/* Update wrapper transform and counter *\/\r\n            function updateCarousel() {\r\n                const offset = getCardOffset() * currentIndex;\r\n                wrapper.style.transform = 'translateY(-' + offset + 'px)';\r\n                counter.textContent = (currentIndex + 1) + '\/2';\r\n\r\n            }\r\n\r\n            \/* Start auto-advance after a 10-second delay *\/\r\n            function startAutoSlide() {\r\n                autoSlide = setInterval(function() {\r\n                    currentIndex = currentIndex < maxIndex ? currentIndex + 1 : 0;\r\n                    updateCarousel();\r\n                }, 5000);\r\n            }\r\n            setTimeout(startAutoSlide, 10000); \/\/ initial 10-second wait\r\n\r\n            \/* Click handlers *\/\r\n           nextBtn.addEventListener('click', function() {\r\n    clearInterval(autoSlide); \/\/ stop current auto sliding\r\n    currentIndex = currentIndex < maxIndex ? currentIndex + 1 : 0;\r\n    updateCarousel();\r\n    \/\/ Restart the timer AFTER the click has moved\r\n    autoSlide = setInterval(function() {\r\n        currentIndex = currentIndex < maxIndex ? currentIndex + 1 : 0;\r\n        updateCarousel();\r\n    }, 10000);\r\n});\r\n\r\nprevBtn.addEventListener('click', function() {\r\n    clearInterval(autoSlide);\r\n    currentIndex = currentIndex > 0 ? currentIndex - 1 : maxIndex;\r\n    updateCarousel();\r\n    autoSlide = setInterval(function() {\r\n        currentIndex = currentIndex < maxIndex ? currentIndex + 1 : 0;\r\n        updateCarousel();\r\n    }, 10000);\r\n});\r\n\r\n\r\n            \/* Initialize position *\/\r\n            updateCarousel();\r\n        });\r\n    <\/script>\r\n                    <\/div>\r\n                <div class=\"lanay-tab-pane\" data-tab=\"usage\">\r\n                            <style>\r\n  \r\n\r\n            .lanay-usage-container {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 40px;\r\n                align-items: flex-start;\r\n                font-family: 'Outfit', sans-serif;\r\n                margin-top: 70px;\r\n            }\r\n            .lanay-usage-image,\r\n            .lanay-usage-content {\r\n                box-sizing: border-box;\r\n            }\r\n            .lanay-usage-image {\r\n                flex: 1 1 300px;\r\n                max-width: 450px;\r\n            }\r\n            .lanay-usage-image img {\r\n                width: 100%;\r\n                height: auto;\r\n                border-radius: 20px;\r\n            }\r\n            .lanay-usage-content {\r\n                flex: 1 1 300px;\r\n                max-width: 500px;\r\n            }\r\n            .lanay-usage-content p.title {\r\n                font-size: 12px;\r\n                text-transform: uppercase;\r\n                color: #888888;\r\n                text-align: left;\r\n                margin: 0;\r\n                padding: 0;\r\n            }\r\n            .lanay-usage-content p.body {\r\n                font-size: 14px;\r\n                line-height: 1.6;\r\n                color: #555555;\r\n                text-align: left;\r\n                margin: 0 0 20px 0;\r\n                padding: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500 MOBILE-ONLY (\u2264600px) ADJUSTMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            @media (max-width: 600px) {\r\n                .lanay-usage-container {\r\n                    flex-direction: column;\r\n                    padding: 0 10px;      \/* side padding *\/\r\n                    margin-top: 40px;     \/* reduce top margin *\/\r\n                    gap: 16px;            \/* reduce vertical gap *\/\r\n                }\r\n                .lanay-usage-content {\r\n                    max-width: 100%;\r\n                    order: 0;             \/* content first *\/\r\n                }\r\n                .lanay-usage-image {\r\n                    max-width: 100%;\r\n                    order: 1;             \/* image below *\/\r\n                }\r\n                .lanay-usage-content p.body {\r\n                    margin: 0 0 16px 0;   \/* slightly reduce bottom gap *\/\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"lanay-usage-container\">\r\n            <!-- RIGHT: Usage Instructions (moved first on mobile) -->\r\n            <div class=\"lanay-usage-content\">\r\n                <p class=\"title\"style=\"margin-bottom:12px;\">WANNEER AANBRENGEN<\/p>\r\n                <p class=\"body\">Dagelijks te gebruiken, bij voorkeur na het badderen of tijdens een ontspannende babymassage \u2013 \u2019s ochtends, \u2019s avonds of wanneer het huidje droog aanvoelt.<\/p>\r\n\r\n                <p class=\"title\"style=\"margin-bottom:12px;\">GEBRUIKSAANWIJZING<\/p>\r\n                <p class=\"body\">Doe een paar druppels olie in je handpalmen. Wrijf je handen tegen elkaar om de olie op te warmen en masseer vervolgens zachtjes met ronddraaiende bewegingen op de schone, droge babyhuid.<\/p>\r\n\r\n                <p class=\"title\"style=\"margin-bottom:12px;\">GOED OM TE WETEN<\/p>\r\n                <p class=\"body\">Ook heerlijk voor mama. Ideaal voor het haar en zorgt voor een natuurlijke glans zonder vet aan te voelen.<\/p>\r\n\r\n                <p class=\"title\"style=\"margin-bottom:12px;\">DOSERING<\/p>\r\n                <p class=\"body\">Gebruik naar behoefte om vocht vast te houden \u2013 vooral na het badderen.<\/p>\r\n\r\n                <p class=\"title\"style=\"margin-bottom:12px;\">VOORZORGSMAATREGELEN<\/p>\r\n                <p class=\"body\">Alleen voor uitwendig gebruik. Vermijd contact met ogen en mond. Buiten het bereik van kinderen bewaren.<\/p>\r\n            <\/div>\r\n\r\n            <!-- LEFT: Image (moved below on mobile) -->\r\n            <div class=\"lanay-usage-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-30-at-10.40.09.png\"\r\n                    alt=\"Baby Oil Usage Instructions\"\r\n                \/>\r\n            <\/div>\r\n        <\/div>\r\n                        <\/div>\r\n                <div class=\"lanay-tab-pane\" data-tab=\"faq\">\r\n                        <!-- FAQ Tab Container -->\r\n    <div class=\"lanay-faq-tab-container\">\r\n      <!-- Left column: FAQ accordion -->\r\n      <div class=\"lanay-faq-accordion\">\r\n        <h2 class=\"lanay-faq-title\">VEELGESTELDE VRAGEN<\/h2>\r\n\r\n        <div class=\"lanay-faq-item\">\r\n          <button class=\"lanay-faq-question\" aria-expanded=\"false\">Is deze babyolie veilig voor pasgeborenen en gevoelige huid?<\/button>\r\n          <div class=\"lanay-faq-answer\">\r\n            <p>Ja, onze olie is veilig voor alle huidtypes. Het bevat alleen natuurlijke oli\u00ebn, zoals jojoba en abrikoos, die sterk lijken op het natuurlijke talg van de huid en goed worden verdragen, zelfs door de meest gevoelige babyhuid.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lanay-faq-item\">\r\n          <button class=\"lanay-faq-question\" aria-expanded=\"false\">Is geur niet schadelijk voor de babyhuid?<\/button>\r\n          <div class=\"lanay-faq-answer\">\r\n            <p>We begrijpen de zorgen over geur, daarom hebben we de geur van onze babyolie ontwikkeld in samenwerking met een bedrijf dat gespecialiseerd is in babyveilige geuren. Om het risico op allergie\u00ebn te minimaliseren, voldoet onze geur aan alle Europese regelgeving en wordt deze in een zeer lage dosering gebruikt. Dit zorgt ervoor dat het zacht en veilig is voor de delicate huid van je baby.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lanay-faq-item\">\r\n          <button class=\"lanay-faq-question\" aria-expanded=\"false\">Kan deze babyolie helpen bij droge of ge\u00efrriteerde huid?<\/button>\r\n          <div class=\"lanay-faq-answer\">\r\n            <p>Ja, onze olie is ontworpen om de droge of ge\u00efrriteerde huid te kalmeren en te hydrateren, en biedt essenti\u00eble voedingsstoffen die helpen de natuurlijke vochtbalans en zachtheid van de huid te behouden.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lanay-faq-item\">\r\n          <button class=\"lanay-faq-question\" aria-expanded=\"false\">Is de babyolie hypoallergeen en vrij van schadelijke chemicali\u00ebn?<\/button>\r\n          <div class=\"lanay-faq-answer\">\r\n            <p>Absoluut. Onze babyolie is hypoallergeen en vrij van schadelijke chemicali\u00ebn, waardoor het veilig en zacht is voor de delicate huid van je baby.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lanay-faq-item\">\r\n          <button class=\"lanay-faq-question\" aria-expanded=\"false\">Hoe werkt de personalisatie van het flesje?<\/button>\r\n          <div class=\"lanay-faq-answer\">\r\n            <p>Je kunt eenvoudig kiezen voor een gravering tijdens het bestellen, direct op de productpagina. Voeg een naam of korte boodschap toe om je flesje extra bijzonder te maken. Houd er rekening mee dat gepersonaliseerde bestellingen een levertijd hebben die 2 \u00e0 3 dagen langer kan duren.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right column: Image -->\r\n      <div class=\"lanay-faq-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/01\/DSC03234-scaled-min.jpg\" alt=\"Person applying skincare\" \/>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Inline Styles for FAQ Tab -->\r\n    <style>\r\n  \r\n\r\n      \/* Container layout *\/\r\n      .lanay-faq-tab-container {\r\n        display: flex;\r\n        gap: 2rem;\r\n        align-items: flex-start;\r\n        padding: 2rem;\r\n        font-family: 'Outfit', sans-serif;\r\n        margin-top: 60px;\r\n      }\r\n\r\n      \/* Make FAQ accordion take more space *\/\r\n      .lanay-faq-accordion {\r\n        flex: 2;\r\n        max-width: 800px;\r\n      }\r\n\r\n      \/* Image column *\/\r\n      .lanay-faq-image {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n      .lanay-faq-image img {\r\n        max-width: 100%;\r\n        height: auto;\r\n        border-radius: 8px;\r\n        object-fit: cover;\r\n      }\r\n\r\n      \/* Title styling *\/\r\n      .lanay-faq-title {\r\n        font-size: 12px !important;\r\n        text-transform: uppercase !important;\r\n        color: #888 !important;\r\n        margin-bottom: 1rem !important;\r\n        text-align: left !important;\r\n      }\r\n\r\n      \/* Each FAQ item *\/\r\n      .lanay-faq-item {\r\n        border-bottom: 1px solid #ddd;\r\n        padding: 1rem 0;\r\n      }\r\n      \r\n\r\n      \/* Question styling *\/\r\n      .lanay-faq-question {\r\n        width: 100%;\r\n        text-align: left;\r\n        background: none;\r\n        border: none;\r\n        font-size: 12px;\r\n        font-weight: Normal;\r\n        padding: 0;\r\n        margin: 0;\r\n        position: relative;\r\n        cursor: pointer;\r\n        color: #555; \/* ensure question text is black *\/\r\n      }\r\n      .lanay-faq-question::after {\r\n        content: '+';\r\n        position: absolute;\r\n        right: 0;\r\n        font-size: 1.25rem;\r\n        transition: transform 0.2s ease;\r\n      }\r\n      .lanay-faq-question[aria-expanded=\"true\"]::after {\r\n        transform: rotate(45deg);\r\n      }\r\n\r\n      \/* Answer styling *\/\r\n      .lanay-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.3s ease;\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n        color: #555555; \/* answer text black *\/\r\n        text-align: justify;\r\n        margin-top: 0.5rem;\r\n      }\r\n      .lanay-faq-answer p {\r\n        margin: 0.5rem 0 0 0;\r\n      }\r\n      .lanay-faq-answer.open {\r\n        max-height: 300px; \/* increase if needed *\/\r\n      }\r\n\r\n      \/* Make any links within FAQ black *\/\r\n      .lanay-faq-tab-container a {\r\n        color: #000;\r\n        text-decoration: none;\r\n      }\r\n\r\n      \/* \u2500\u2500\u2500 MOBILE-ONLY (\u2264600px) ADJUSTMENTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n      @media (max-width: 600px) {\r\n        .lanay-faq-tab-container {\r\n          flex-direction: column;\r\n          padding: 0 10px;      \/* side padding so content won\u2019t touch edges *\/\r\n          margin-top: 20px;     \/* reduced top margin *\/\r\n          gap: 1rem;            \/* slightly smaller gap *\/\r\n        }\r\n        .lanay-faq-accordion,\r\n        .lanay-faq-image {\r\n          max-width: 100%;\r\n        }\r\n        .lanay-faq-image {\r\n          margin-top: 16px;     \/* space between accordion and image *\/\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <!-- Inline JavaScript for Accordion Behavior -->\r\n    <script>\r\n      document.addEventListener('DOMContentLoaded', function() {\r\n        const items = document.querySelectorAll('.lanay-faq-item');\r\n\r\n        items.forEach(item => {\r\n          const question = item.querySelector('.lanay-faq-question');\r\n          const answer = item.querySelector('.lanay-faq-answer');\r\n\r\n          question.addEventListener('click', () => {\r\n            const isOpen = question.getAttribute('aria-expanded') === 'true';\r\n\r\n            \/\/ Close all items\r\n            items.forEach(i => {\r\n              i.querySelector('.lanay-faq-question').setAttribute('aria-expanded', 'false');\r\n              i.querySelector('.lanay-faq-answer').classList.remove('open');\r\n            });\r\n\r\n            \/\/ Open the clicked item if it was closed\r\n            if (!isOpen) {\r\n              question.setAttribute('aria-expanded', 'true');\r\n              answer.classList.add('open');\r\n            }\r\n          });\r\n        });\r\n      });\r\n    <\/script>\r\n                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <script>\r\n            document.addEventListener(\"DOMContentLoaded\", function () {\r\n                const tabs = document.querySelectorAll(\".lanay-tabs-nav button\");\r\n                const panes = document.querySelectorAll(\".lanay-tab-pane\");\r\n                const nav = document.getElementById(\"lanay-tabs-nav\");\r\n\r\n                tabs.forEach((tab, index) => {\r\n                    tab.addEventListener(\"click\", () => {\r\n                        \/\/ 1) Toggle active class on buttons\r\n                        tabs.forEach(t => t.classList.remove(\"active\"));\r\n                        tab.classList.add(\"active\");\r\n\r\n                        \/\/ 2) Show matching pane\r\n                        panes.forEach(pane => {\r\n                            pane.classList.remove(\"active\");\r\n                            if (pane.dataset.tab === tab.dataset.tab) {\r\n                                pane.classList.add(\"active\");\r\n                            }\r\n                        });\r\n\r\n                        \/\/ 3) Move the slider\r\n                        const percent = (100 \/ tabs.length) * index;\r\n                        nav.style.setProperty(\"--active-tab-left\", `${percent}%`);\r\n                    });\r\n                });\r\n\r\n                \/\/ Position slider on page load\r\n                const initialIndex = [...tabs].findIndex(t => t.classList.contains(\"active\"));\r\n                const initialPercent = (100 \/ tabs.length) * (initialIndex === -1 ? 0 : initialIndex);\r\n                nav.style.setProperty(\"--active-tab-left\", `${initialPercent}%`);\r\n            });\r\n        <\/script>\r\n        \n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"product_review\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <div id=\"rw_69e5d356e99dd\" class=\"rw block\">\r\n      <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n      <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@supabase\/supabase-js@2.45.4\/dist\/umd\/supabase.min.js\"><\/script>\r\n      <style>\r\n        :root { --rw-brand: #9a3322; --rw-brand-50: #f6eae7; --rw-sep:#eee7e4; }\r\n\r\n        #rw_69e5d356e99dd .rw-card,\r\n        #rw_69e5d356e99dd .rw-noshadow { box-shadow: none !important; }\r\n\r\n        #rw_69e5d356e99dd .rw-pill { border-radius: 9999px; }\r\n\r\n        #rw_69e5d356e99dd .rw-star { width:18px; height:18px; display:inline-block; vertical-align:middle; }\r\n        #rw_69e5d356e99dd .rw-star svg { color: var(--rw-brand); }\r\n\r\n        #rw_69e5d356e99dd .rw-muted { color: #6b7280; }\r\n        #rw_69e5d356e99dd .rw-sep { height:1px; background:var(--rw-sep); }\r\n\r\n        \/* main buttons *\/\r\n        #rw_69e5d356e99dd .rw-btn-primary {\r\n          background: var(--rw-brand);\r\n          color: #fff;\r\n          border: none;\r\n          display: inline-flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          padding: 10px 22px;\r\n          font-size: 14px;\r\n          font-weight: 600;\r\n          border-radius: 9999px;\r\n          line-height: 1.2;\r\n          align-self: center;\r\n          cursor: pointer;\r\n        }\r\n        #rw_69e5d356e99dd .rw-btn-primary:hover { filter: brightness(.95); }\r\n\r\n        #rw_69e5d356e99dd .rw-progress-bg {\r\n          background:#e5e7eb;\r\n          flex: 0 0 190px;      \/* fixed width bar *\/\r\n          max-width:190px;\r\n          margin: 0 auto;\r\n        }\r\n        #rw_69e5d356e99dd .rw-progress-bar {\r\n          background: var(--rw-brand);\r\n          height:8px;\r\n          border-radius:9999px;\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-chip {\r\n          background: var(--rw-brand-50);\r\n          color: var(--rw-brand);\r\n          font-weight:600;\r\n          padding:.125rem .5rem;\r\n          border-radius:9999px;\r\n          font-size:.75rem;\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-input {\r\n          border:1px solid #e5e7eb;\r\n          border-radius:9999px;\r\n          padding:.9rem 1rem;\r\n          width:100%;\r\n        }\r\n        #rw_69e5d356e99dd .rw-input:focus {\r\n          outline:none;\r\n          border-color: var(--rw-brand);\r\n          box-shadow: 0 0 0 3px rgba(154,51,34,.15);\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-textarea {\r\n          border:1px solid #e5e7eb;\r\n          border-radius:12px;\r\n          padding:1rem;\r\n          width:100%;\r\n        }\r\n        #rw_69e5d356e99dd .rw-textarea:focus {\r\n          outline:none;\r\n          border-color: var(--rw-brand);\r\n          box-shadow: 0 0 0 3px rgba(154,51,34,.15);\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-dnd {\r\n          border:2px dotted var(--rw-brand);\r\n          border-radius:16px;\r\n          background:#fff;\r\n          transition: background .15s ease, transform .15s ease;\r\n        }\r\n        #rw_69e5d356e99dd .rw-dnd.drag {\r\n          background:#fff7f5;\r\n          transform: translateY(-1px);\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-hist-row { cursor:pointer; padding:.25rem 0; }\r\n        #rw_69e5d356e99dd .rw-hist-row:hover { opacity:.9; }\r\n\r\n        #rw_69e5d356e99dd .rw-col { position:relative; }\r\n        @media(min-width: 768px){\r\n          #rw_69e5d356e99dd .rw-col + .rw-col:before{\r\n            content:\"\";\r\n            position:absolute;\r\n            left:-2rem;\r\n            top:12%;\r\n            bottom:12%;\r\n            width:1px;\r\n            background:var(--rw-sep);\r\n          }\r\n        }\r\n\r\n        #rw_69e5d356e99dd .rw-iconbtn {\r\n          color: #000;\r\n          display:inline-flex;\r\n          align-items:center;\r\n          gap:.5rem;\r\n          padding:.5rem .75rem;\r\n          border-radius:9999px;\r\n        }\r\n        #rw_69e5d356e99dd .rw-iconbtn:hover { background:#fff4f1; }\r\n\r\n        #rw_69e5d356e99dd .rw-pop {\r\n          position:absolute;\r\n          z-index:50;\r\n          background:#fff;\r\n          border:1px solid #e5e7eb;\r\n          border-radius:12px;\r\n          padding:.5rem;\r\n          display:none;\r\n        }\r\n        #rw_69e5d356e99dd .rw-pop.show { display:block; }\r\n        #rw_69e5d356e99dd .rw-pop button {\r\n          width:100%;\r\n          text-align:left;\r\n          padding:.35rem .6rem;\r\n          border-radius:8px;\r\n        }\r\n        #rw_69e5d356e99dd .rw-pop button:hover { background:#f8f6f5; }\r\n\r\n        \/* error state *\/\r\n        #rw_69e5d356e99dd .rw-error {\r\n          border-color:#dc2626 !important;\r\n          box-shadow:0 0 0 1px rgba(220,38,38,.25);\r\n        }\r\n        #rw_69e5d356e99dd .rw-error-message {\r\n          color:#dc2626;\r\n          font-size:0.75rem;\r\n          margin-top:0.25rem;\r\n          text-align:center;\r\n        }\r\n\r\n        \/* write button loading state *\/\r\n        #rw_69e5d356e99dd .rw-btn-loading {\r\n          position:relative;\r\n          color:transparent !important;\r\n        }\r\n        #rw_69e5d356e99dd .rw-btn-loading::after {\r\n          content:\"\";\r\n          position:absolute;\r\n          top:50%;\r\n          left:50%;\r\n          width:16px;\r\n          height:16px;\r\n          margin:-8px 0 0 -8px;\r\n          border-radius:9999px;\r\n          border:2px solid rgba(255,255,255,0.6);\r\n          border-top-color:#fff;\r\n          animation: rw-spin 0.7s linear infinite;\r\n        }\r\n        @keyframes rw-spin {\r\n          to { transform: rotate(360deg); }\r\n        }\r\n\r\n        \/* review card media *\/\r\n        #rw_69e5d356e99dd .rw-review-media {\r\n          border-radius:12px;\r\n          overflow:hidden;\r\n          background:#f9fafb;\r\n          margin-top:0.75rem;\r\n          margin-bottom:0.75rem;\r\n        }\r\n        #rw_69e5d356e99dd .rw-review-img {\r\n          width:100%;\r\n          height:180px;\r\n          object-fit:cover;\r\n          cursor:pointer;\r\n          display:block;\r\n        }\r\n\r\n        \/* fullscreen modal *\/\r\n        #rw_69e5d356e99dd .rw-modal {\r\n          position:fixed;\r\n          inset:0;\r\n          display:flex;\r\n          align-items:center;\r\n          justify-content:center;\r\n          z-index:99999;\r\n        }\r\n        #rw_69e5d356e99dd .rw-modal.hidden { display:none; }\r\n        #rw_69e5d356e99dd .rw-modal-backdrop {\r\n          position:absolute;\r\n          inset:0;\r\n          background:rgba(0,0,0,0.45);\r\n        }\r\n        #rw_69e5d356e99dd .rw-modal-content {\r\n          position:relative;\r\n          background:#fff;\r\n          border-radius:16px;\r\n          padding:12px;\r\n          max-width:90vw;\r\n          max-height:90vh;\r\n          z-index:1;\r\n        }\r\n        #rw_69e5d356e99dd .rw-modal-content img {\r\n          max-width:100%;\r\n          max-height:80vh;\r\n          display:block;\r\n          border-radius:12px;\r\n        }\r\n        #rw_69e5d356e99dd .rw-modal-close {\r\n          position:absolute;\r\n          top:8px;\r\n          right:8px;\r\n          width:28px;\r\n          height:28px;\r\n          border-radius:9999px;\r\n          background:#fff;\r\n          border:none;\r\n          display:flex;\r\n          align-items:center;\r\n          justify-content:center;\r\n          font-size:18px;\r\n          cursor:pointer;\r\n        }\r\n      <\/style>\r\n\r\n      <div class=\"rw-card bg-white p-8 md:p-10 rw-noshadow\">\r\n        <h2 class=\"text-xl md:text-2xl font-semibold text-center mb-6\">Customer Reviews<\/h2>\r\n\r\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 items-center\">\r\n          <div class=\"rw-col flex items-center justify-center\">\r\n            <button id=\"rw_69e5d356e99dd_star_block\" class=\"text-left\">\r\n              <div class=\"flex gap-1 justify-center\" id=\"rw_69e5d356e99dd_avgStars\"><\/div>\r\n              <div class=\"mt-1 text-center\">\r\n                <span class=\"text-lg font-semibold\">\r\n                  <span id=\"rw_69e5d356e99dd_avg\">0.00<\/span> out of 5\r\n                <\/span>\r\n                <span class=\"rw-muted text-sm block\">\r\n                  Based on <span id=\"rw_69e5d356e99dd_count\">0<\/span> reviews\r\n                <\/span>\r\n              <\/div>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <div class=\"rw-col space-y-2\">\r\n                          <div class=\"rw-hist-row flex items-center gap-3\" data-stars=\"5\">\r\n                <div class=\"flex gap-1\" id=\"rw_69e5d356e99dd_stars_5\"><\/div>\r\n                <div class=\"rw-progress-bg rounded-full overflow-hidden\">\r\n                  <div id=\"rw_69e5d356e99dd_bar_5\" class=\"rw-progress-bar\" style=\"width:0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"w-6 text-sm text-right\" id=\"rw_69e5d356e99dd_count_5\">0<\/div>\r\n              <\/div>\r\n                          <div class=\"rw-hist-row flex items-center gap-3\" data-stars=\"4\">\r\n                <div class=\"flex gap-1\" id=\"rw_69e5d356e99dd_stars_4\"><\/div>\r\n                <div class=\"rw-progress-bg rounded-full overflow-hidden\">\r\n                  <div id=\"rw_69e5d356e99dd_bar_4\" class=\"rw-progress-bar\" style=\"width:0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"w-6 text-sm text-right\" id=\"rw_69e5d356e99dd_count_4\">0<\/div>\r\n              <\/div>\r\n                          <div class=\"rw-hist-row flex items-center gap-3\" data-stars=\"3\">\r\n                <div class=\"flex gap-1\" id=\"rw_69e5d356e99dd_stars_3\"><\/div>\r\n                <div class=\"rw-progress-bg rounded-full overflow-hidden\">\r\n                  <div id=\"rw_69e5d356e99dd_bar_3\" class=\"rw-progress-bar\" style=\"width:0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"w-6 text-sm text-right\" id=\"rw_69e5d356e99dd_count_3\">0<\/div>\r\n              <\/div>\r\n                          <div class=\"rw-hist-row flex items-center gap-3\" data-stars=\"2\">\r\n                <div class=\"flex gap-1\" id=\"rw_69e5d356e99dd_stars_2\"><\/div>\r\n                <div class=\"rw-progress-bg rounded-full overflow-hidden\">\r\n                  <div id=\"rw_69e5d356e99dd_bar_2\" class=\"rw-progress-bar\" style=\"width:0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"w-6 text-sm text-right\" id=\"rw_69e5d356e99dd_count_2\">0<\/div>\r\n              <\/div>\r\n                          <div class=\"rw-hist-row flex items-center gap-3\" data-stars=\"1\">\r\n                <div class=\"flex gap-1\" id=\"rw_69e5d356e99dd_stars_1\"><\/div>\r\n                <div class=\"rw-progress-bg rounded-full overflow-hidden\">\r\n                  <div id=\"rw_69e5d356e99dd_bar_1\" class=\"rw-progress-bar\" style=\"width:0%\"><\/div>\r\n                <\/div>\r\n                <div class=\"w-6 text-sm text-right\" id=\"rw_69e5d356e99dd_count_1\">0<\/div>\r\n              <\/div>\r\n                      <\/div>\r\n\r\n          <div class=\"rw-col flex justify-center\">\r\n            <button id=\"rw_69e5d356e99dd_write_btn\"\r\n                    class=\"rw-btn-primary rw-pill text-base font-semibold\">\r\n              Write a review\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mt-8\">\r\n          <div class=\"rw-sep mb-6\"><\/div>\r\n          <div class=\"rw-muted mb-3\">Customer photos and videos<\/div>\r\n          <div id=\"rw_69e5d356e99dd_media_row\" class=\"flex gap-4 flex-wrap\"><\/div>\r\n          <div id=\"rw_69e5d356e99dd_media_empty\" class=\"hidden text-sm rw-muted\">No photos or videos available yet<\/div>\r\n        <\/div>\r\n\r\n        <div id=\"rw_69e5d356e99dd_writer\" class=\"hidden mt-8\">\r\n          <div class=\"rw-card bg-white p-6 md:p-8 mb-6 rw-noshadow\">\r\n            <h3 class=\"text-2xl font-semibold text-center mb-2\">Write a review<\/h3>\r\n            <div class=\"text-center rw-muted mb-4\">Share your experience<\/div>\r\n\r\n            <form id=\"rw_69e5d356e99dd_form\" class=\"max-w-xl mx-auto space-y-4\">\r\n              <div class=\"flex flex-col items-center mb-2\">\r\n                <div class=\"flex justify-center mb-1\" id=\"rw_69e5d356e99dd_stars_input\"><\/div>\r\n                <div id=\"rw_69e5d356e99dd_stars_hint\" class=\"text-xs rw-muted text-center\">\r\n                  Select your rating\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <label class=\"block text-sm font-medium\">Review Title<\/label>\r\n              <input name=\"title\" class=\"rw-input\" placeholder=\"Give your review a title\" \/>\r\n\r\n              <label class=\"block text-sm font-medium\">Review<\/label>\r\n              <textarea name=\"body\" rows=\"5\" class=\"rw-textarea\" placeholder=\"Write your comments here\"><\/textarea>\r\n\r\n              <label class=\"block text-sm font-medium\">Name <span class=\"rw-muted\">(displayed publicly like John S.)<\/span><\/label>\r\n              <input name=\"name_public\" class=\"rw-input\" placeholder=\"John S.\" \/>\r\n\r\n              <label class=\"block text-sm font-medium\">Email<\/label>\r\n              <input type=\"email\" name=\"email\" class=\"rw-input\" placeholder=\"name@example.com\" \/>\r\n\r\n              <label class=\"block text-sm font-medium\">Country<\/label>\r\n              <select name=\"country_code\" id=\"rw_69e5d356e99dd_country\" class=\"rw-input\"><\/select>\r\n\r\n              <div>\r\n                <div class=\"flex items-center mb-2\">\r\n                  <div class=\"rw-muted\">Photos or videos (optional)<\/div>\r\n                <\/div>\r\n                <input id=\"rw_69e5d356e99dd_files\" type=\"file\" accept=\"image\/*,video\/*\" multiple class=\"hidden\" \/>\r\n                <div id=\"rw_69e5d356e99dd_drop\" class=\"rw-dnd p-6 text-center cursor-pointer\">\r\n                  <div class=\"text-sm\">\r\n                    Drag and drop here or\r\n                    <button type=\"button\" id=\"rw_69e5d356e99dd_pick\" class=\"underline ml-1\">choose files<\/button>\r\n                  <\/div>\r\n                <\/div>\r\n                <div id=\"rw_69e5d356e99dd_picked\" class=\"mt-2 text-sm rw-muted\"><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"flex items-center justify-center gap-3 pt-2\">\r\n                <button class=\"rw-btn-primary rw-pill font-semibold\" type=\"submit\">\r\n                  Submit review\r\n                <\/button>\r\n                <button type=\"button\" id=\"rw_69e5d356e99dd_cancel\"\r\n                        class=\"rw-pill px-6 py-3 border border-gray-300\">\r\n                  Cancel\r\n                <\/button>\r\n              <\/div>\r\n            <\/form>\r\n\r\n            <div id=\"rw_69e5d356e99dd_success\" class=\"hidden text-center text-green-600 font-medium mt-4\">\r\n              Thanks. Your review was submitted and will appear once approved.\r\n            <\/div>\r\n            <div id=\"rw_69e5d356e99dd_error\" class=\"hidden rw-error-message mt-3\"><\/div>\r\n\r\n            <p class=\"text-xs rw-muted mt-4 text-center\">\r\n              By submitting you agree that your review may be used on our site.\r\n              We may contact you at the email provided to verify your purchase.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rw-sep my-6\"><\/div>\r\n\r\n        <div class=\"relative flex items-center gap-4 mb-6\">\r\n          <div class=\"relative\">\r\n            <button id=\"rw_69e5d356e99dd_filter_btn\" class=\"rw-iconbtn\">\r\n              <!-- filter icon -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  d=\"M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75\" \/>\r\n              <\/svg>\r\n              <span>Filter<\/span>\r\n            <\/button>\r\n            <div id=\"rw_69e5d356e99dd_filter_pop\" class=\"rw-pop mt-2\">\r\n              <button data-star=\"all\">All ratings<\/button>\r\n              <button data-star=\"5\">5 stars<\/button>\r\n              <button data-star=\"4\">4 stars<\/button>\r\n              <button data-star=\"3\">3 stars<\/button>\r\n              <button data-star=\"2\">2 stars<\/button>\r\n              <button data-star=\"1\">1 star<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"relative\">\r\n            <button id=\"rw_69e5d356e99dd_sort_btn\" class=\"rw-iconbtn\">\r\n              <!-- sort icon -->\r\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                  d=\"M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5\" \/>\r\n              <\/svg>\r\n              <span>Sort<\/span>\r\n            <\/button>\r\n            <div id=\"rw_69e5d356e99dd_sort_pop\" class=\"rw-pop mt-2\">\r\n              <button data-sort=\"recent\">Most recent<\/button>\r\n              <button data-sort=\"highest\">Highest rated<\/button>\r\n              <button data-sort=\"lowest\">Lowest rated<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"rw_69e5d356e99dd_grid\" class=\"grid md:grid-cols-3 gap-6\"><\/div>\r\n\r\n        <div class=\"text-center mt-8\">\r\n          <button id=\"rw_69e5d356e99dd_more\" class=\"rw-btn-primary rw-pill font-semibold\">\r\n            Load More\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- fullscreen media modal -->\r\n      <div id=\"rw_69e5d356e99dd_modal\" class=\"rw-modal hidden\">\r\n        <div class=\"rw-modal-backdrop\"><\/div>\r\n        <div class=\"rw-modal-content\">\r\n          <button type=\"button\" class=\"rw-modal-close\">&times;<\/button>\r\n          <img decoding=\"async\" id=\"rw_69e5d356e99dd_modal_img\" src=\"\" alt=\"Review media\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <script>\r\n        (function(){\r\n          const SUPABASE_URL = \"https:\\\/\\\/ipxfviyyxycbotwnuqzn.supabase.co\";\r\n          const SUPABASE_ANON = \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImlweGZ2aXl5eHljYm90d251cXpuIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI3NDkzNDEsImV4cCI6MjA2ODMyNTM0MX0.sCt7apkJPP3885e9zkXfcEzPkqYR5Z7CwYwIHgUxzhU\";\r\n          const EDGE_URL = \"https:\\\/\\\/ipxfviyyxycbotwnuqzn.supabase.co\\\/functions\\\/v1\\\/reviews_website\";\r\n          const BUCKET = \"Website_Reviews\";\r\n          const PRODUCT_ID = 1535;\r\n          const wid = \"rw_69e5d356e99dd\";\r\n\r\n          const sb = window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON);\r\n          const FN_AUTH = { apikey: SUPABASE_ANON, Authorization: 'Bearer ' + SUPABASE_ANON };\r\n\r\n          let all = [];\r\n          let current = [];\r\n          let visible = 6;\r\n          let selectedStars = 0; \/\/ start at 0\r\n          let activeStarFilter = 'all';\r\n          let pickedFiles = [];\r\n          let sortMode = 'recent';\r\n\r\n          const $ = id => document.getElementById(id);\r\n\r\n          function star(on){\r\n            return '<span class=\"rw-star\"><svg class=\"'+(on?'':'opacity-30')+'\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.2 3.674a1 1 0 00.95.69h3.862c.969 0 1.371 1.24.588 1.81l-3.124 2.27a1 1 0 00-.364 1.118l1.2 3.674c.3.921-.755 1.688-1.54 1.118l-3.124-2.27a1 1 0 00-1.176 0l-3.124 2.27c-.784.57-1.84-.197-1.54-1.118l1.2-3.674a1 1 0 00-.364-1.118L2.45 9.101c-.783-.57-.38-1.81.588-1.81h3.862a1 1 0 00.95-.69l1.2-3.674z\"\/><\/svg><\/span>';\r\n          }\r\n\r\n          function escapeHtml(t){\r\n            return t ? String(t)\r\n              .replace(\/&\/g,'&amp;')\r\n              .replace(\/<\/g,'&lt;')\r\n              .replace(\/>\/g,'&gt;')\r\n              .replace(\/\"\/g,'&quot;') : '';\r\n          }\r\n\r\n          function flagEmoji(code){\r\n            if(!code) return '';\r\n            const cc = code.toUpperCase();\r\n            return cc.replace(\/.\/g, c => String.fromCodePoint(127397 + c.charCodeAt(0)));\r\n          }\r\n\r\n          function regionName(code){\r\n            try{\r\n              return new Intl.DisplayNames(\r\n                [navigator.language||'en'],\r\n                { type:'region' }\r\n              ).of(code.toUpperCase()) || code;\r\n            } catch(e){\r\n              return code;\r\n            }\r\n          }\r\n\r\n          \/\/ country dropdown\r\n          const favs = [\r\n            {code:'NL', name:'Netherlands'},\r\n            {code:'BE', name:'Belgium'},\r\n            {code:'FR', name:'France'},\r\n            {code:'GB', name:'United Kingdom'},\r\n            {code:'DE', name:'Germany'}\r\n          ];\r\n          const others = ['US','ES','IT','PT','IE','AT','CH','LU','DK','SE','NO','FI','PL','CZ','HU','RO','BG','GR','EE','LV','LT','IS','MT','CY','CA','AU','NZ','AE','SA','QA','KW','BH','OM','MA','TN','DZ','EG','TR','IL','IN','PK','BD','SG','MY','TH','VN','PH','JP','KR','CN','HK','MO','TW','BR','AR','CL','MX','CO','PE','UY','ZA','NG','KE','GH'].sort();\r\n          const countrySelect = $(wid+\"_country\");\r\n          function addOpt(code, name){\r\n            const o = document.createElement('option');\r\n            o.value = code;\r\n            o.textContent = name + ' ' + flagEmoji(code);\r\n            countrySelect.appendChild(o);\r\n          }\r\n          favs.forEach(c => addOpt(c.code, c.name));\r\n          const d = document.createElement('option');\r\n          d.disabled = true;\r\n          d.textContent = '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500';\r\n          countrySelect.appendChild(d);\r\n          others.forEach(code => addOpt(code, regionName(code)));\r\n\r\n          function drawHeader(res){\r\n            const list = res.items || [];\r\n            const avg = res.average || 0;\r\n            const counts = res.histogram || {1:0,2:0,3:0,4:0,5:0};\r\n\r\n            $(wid+\"_avg\").textContent = avg.toFixed(2);\r\n            $(wid+\"_count\").textContent = list.length;\r\n\r\n            const avgStars = $(wid+\"_avgStars\");\r\n            avgStars.innerHTML = '';\r\n            for(let i=1;i<=5;i++){\r\n              avgStars.insertAdjacentHTML('beforeend', star(i <= Math.round(avg)));\r\n            }\r\n\r\n            for(let i=1;i<=5;i++){\r\n              const row = $(wid+\"_stars_\"+i);\r\n              row.innerHTML = '';\r\n              for(let k=1;k<=5;k++) row.insertAdjacentHTML('beforeend', star(k<=i));\r\n              const n = counts[i] || 0;\r\n              const pct = list.length ? Math.round((n \/ list.length) * 100) : 0;\r\n              $(wid+\"_count_\"+i).textContent = n;\r\n              $(wid+\"_bar_\"+i).style.width = pct + \"%\";\r\n            }\r\n\r\n            const media = [];\r\n            list.forEach(r => {\r\n              if(Array.isArray(r.media_urls)) r.media_urls.forEach(u => media.push(u));\r\n            });\r\n            const row = $(wid+\"_media_row\");\r\n            row.innerHTML = '';\r\n            if (media.length === 0) {\r\n              $(wid+\"_media_empty\").classList.remove('hidden');\r\n            } else {\r\n              $(wid+\"_media_empty\").classList.add('hidden');\r\n              media.slice(0,6).forEach(u=>{\r\n                const d = document.createElement('div');\r\n                d.className = 'w-20 h-20 rounded-lg overflow-hidden bg-gray-100';\r\n                d.innerHTML = '<img decoding=\"async\" src=\"'+escapeHtml(u)+'\" class=\"w-full h-full object-cover\" loading=\"lazy\"\/>';\r\n                row.appendChild(d);\r\n              });\r\n            }\r\n          }\r\n\r\n          function card(r){\r\n            const s = Array.from({length:5})\r\n              .map((_,i)=> star(i < Math.round(r.rating)))\r\n              .join('');\r\n            const dt = new Date(r.date_display || r.reviewed_at || r.created_at || Date.now());\r\n            const ds = dt.toLocaleDateString(undefined, {month:\"2-digit\", day:\"2-digit\", year:\"2-digit\"});\r\n            const verified = r.verified ? '<span class=\"rw-chip\">Verified<\/span>' : '';\r\n            const country = r.country_code\r\n              ? `${flagEmoji(r.country_code)} ${escapeHtml(regionName(r.country_code))}`\r\n              : '';\r\n            const hasMedia = Array.isArray(r.media_urls) && r.media_urls.length > 0;\r\n            const mediaHtml = hasMedia\r\n              ? `<div class=\"rw-review-media\">\r\n                   <img decoding=\"async\" src=\"${escapeHtml(r.media_urls[0])}\"\r\n                        data-url=\"${escapeHtml(r.media_urls[0])}\"\r\n                        class=\"rw-review-img\"\r\n                        loading=\"lazy\" \/>\r\n                 <\/div>`\r\n              : '';\r\n\r\n            return `\r\n              <div class=\"rw-card bg-white p-5 rw-noshadow\">\r\n                <div class=\"flex items-start justify-between\">\r\n                  <div class=\"flex items-center gap-3\">\r\n                    <div class=\"w-10 h-10 rounded-lg bg-gray-100 flex items-center justify-center\">\r\n                      <svg class=\"w-6 h-6 rw-muted\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                        <path d=\"M12 12c2.761 0 5-2.239 5-5S14.761 2 12 2 7 4.239 7 7s2.239 5 5 5zm0 2c-3.866 0-7 2.239-7 5v1h14v-1c0-2.761-3.134-5-7-5z\"\/>\r\n                      <\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                      <div class=\"font-semibold\">${escapeHtml(r.name_public || 'Anonymous')}<\/div>\r\n                      ${country ? '<div class=\"text-xs\">'+country+'<\/div>' : ''}\r\n                    <\/div>\r\n                    ${verified}\r\n                  <\/div>\r\n                  <div class=\"text-sm rw-muted\">${ds}<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"mt-3 flex items-center gap-2\">\r\n                  <div class=\"flex gap-1\">${s}<\/div>\r\n                <\/div>\r\n\r\n                ${mediaHtml}\r\n\r\n                <div class=\"mt-3 font-semibold\">${escapeHtml(r.title || '')}<\/div>\r\n                <div class=\"mt-2 text-sm text-gray-700\">${escapeHtml(r.body || '')}<\/div>\r\n\r\n                <div class=\"mt-4 flex items-center gap-5 rw-muted\">\r\n                  <button class=\"flex items-center gap-2 rw-like\" data-id=\"${r.id}\">\r\n                    <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                      <path d=\"M2 21h4V9H2v12zm20-11c0-1.104-.896-2-2-2h-6.31l.95-4.57.03-.33c0-.41-.17-.79-.44-1.06L13 1 6.59 7.41C6.22 7.78 6 8.28 6 8.83V19c0 1.1.9 2 2 2h7c.82 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z\"\/>\r\n                    <\/svg> ${r.upvotes || 0}\r\n                  <\/button>\r\n                  <button class=\"flex items-center gap-2 rw-dislike\" data-id=\"${r.id}\">\r\n                    <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"transform: scaleY(-1);\">\r\n                      <path d=\"M2 21h4V9H2v12zm20-11c0-1.104-.896-2-2-2h-6.31l.95-4.57.03-.33c0-.41-.17-.79-.44-1.06L13 1 6.59 7.41C6.22 7.78 6 8.28 6 8.83V19c0 1.1.9 2 2 2h7c.82 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z\"\/>\r\n                    <\/svg> ${r.downvotes || 0}\r\n                  <\/button>\r\n                <\/div>\r\n              <\/div>\r\n            `;\r\n          }\r\n\r\n          function renderGrid(){\r\n            const grid = $(wid+\"_grid\");\r\n            grid.innerHTML = '';\r\n            current.slice(0, visible).forEach(item => {\r\n              const wrap = document.createElement('div');\r\n              wrap.innerHTML = card(item);\r\n              grid.appendChild(wrap.firstElementChild);\r\n            });\r\n            $(wid+\"_more\").style.display = current.length > visible ? 'inline-flex' : 'none';\r\n\r\n            \/\/ like \/ dislike\r\n            grid.querySelectorAll('.rw-like').forEach(btn=>{\r\n              btn.addEventListener('click', ()=> vote(btn.dataset.id, 'up'));\r\n            });\r\n            grid.querySelectorAll('.rw-dislike').forEach(btn=>{\r\n              btn.addEventListener('click', ()=> vote(btn.dataset.id, 'down'));\r\n            });\r\n\r\n            \/\/ media click\r\n            setupMediaClicks();\r\n          }\r\n\r\n          function applyFilters(){\r\n            let list = all.slice();\r\n            if(activeStarFilter !== 'all'){\r\n              list = list.filter(r => String(r.rating) === String(activeStarFilter));\r\n            }\r\n\r\n            if(sortMode === 'recent'){\r\n              list.sort((a,b)=> new Date(b.date_display || b.reviewed_at || b.created_at) - new Date(a.date_display || a.reviewed_at || a.created_at));\r\n            } else if(sortMode === 'highest'){\r\n              list.sort((a,b)=> b.rating - a.rating || new Date(b.date_display) - new Date(a.date_display));\r\n            } else if(sortMode === 'lowest'){\r\n              list.sort((a,b)=> a.rating - b.rating || new Date(b.date_display) - new Date(a.date_display));\r\n            }\r\n\r\n            current = list;\r\n            renderGrid();\r\n          }\r\n\r\n          async function loadReviews(){\r\n            const res = await fetch(EDGE_URL + '?product_id=' + encodeURIComponent(PRODUCT_ID), { headers: FN_AUTH });\r\n            const json = await res.json();\r\n            if (!res.ok) {\r\n              console.error(json);\r\n              return;\r\n            }\r\n            all = json.items || [];\r\n            visible = 6;\r\n            drawHeader(json);\r\n            applyFilters();\r\n          }\r\n\r\n          \/\/ drag and drop\r\n          const drop = $(wid+\"_drop\");\r\n          const pick = $(wid+\"_pick\");\r\n          const filesInput = $(wid+\"_files\");\r\n          const pickedLabel = $(wid+\"_picked\");\r\n\r\n          pick.addEventListener('click', (e)=>{\r\n            e.stopPropagation();\r\n            filesInput.click();\r\n          });\r\n          drop.addEventListener('click', ()=>{\r\n            filesInput.click();\r\n          });\r\n\r\n          filesInput.addEventListener('change', ()=>{\r\n            pickedFiles = Array.from(filesInput.files || []);\r\n            pickedLabel.textContent = pickedFiles.map(f=>f.name).join(', ');\r\n          });\r\n\r\n          ['dragenter','dragover'].forEach(ev =>\r\n            drop.addEventListener(ev, e=>{\r\n              e.preventDefault();\r\n              drop.classList.add('drag');\r\n            })\r\n          );\r\n          ['dragleave','drop'].forEach(ev =>\r\n            drop.addEventListener(ev, e=>{\r\n              e.preventDefault();\r\n              if(ev === 'drop'){\r\n                const items = e.dataTransfer.files;\r\n                pickedFiles = Array.from(items || []);\r\n                pickedLabel.textContent = pickedFiles.map(f=>f.name).join(', ');\r\n              }\r\n              drop.classList.remove('drag');\r\n            })\r\n          );\r\n\r\n          async function uploadFiles(files){\r\n            const urls = [];\r\n            if(!files || !files.length) return urls;\r\n            const now = new Date();\r\n            const basePath = PRODUCT_ID + '\/' + now.getFullYear() + '\/' + String(now.getMonth()+1).padStart(2,'0');\r\n            for (const file of files) {\r\n              const ext = file.name.split('.').pop() || 'bin';\r\n              const name = crypto.randomUUID() + '.' + ext;\r\n              const path = basePath + '\/' + name;\r\n              const { error: upErr } = await sb.storage.from(BUCKET).upload(path, file, {\r\n                cacheControl: '3600',\r\n                upsert: false,\r\n                contentType: file.type\r\n              });\r\n              if (upErr) {\r\n                console.error('upload error', upErr);\r\n                continue;\r\n              }\r\n              urls.push(path);\r\n              if (urls.length >= 10) break;\r\n            }\r\n            return urls;\r\n          }\r\n\r\n          function drawInputStars(){\r\n            const wrap = $(wid+\"_stars_input\");\r\n            wrap.innerHTML = '';\r\n            for(let i=1;i<=5;i++){\r\n              const b = document.createElement('button');\r\n              b.type = 'button';\r\n              b.className = 'mx-1';\r\n              b.dataset.val = String(i);\r\n              b.innerHTML = star(i <= selectedStars);\r\n              b.addEventListener('click', ()=>{\r\n                selectedStars = i;\r\n                drawInputStars();\r\n                const hint = $(wid+\"_stars_hint\");\r\n                if (hint) {\r\n                  hint.textContent = '';\r\n                  hint.classList.remove('rw-error-message');\r\n                }\r\n              });\r\n              wrap.appendChild(b);\r\n            }\r\n          }\r\n\r\n          $(wid+\"_write_btn\").addEventListener('click', ()=>{\r\n            const box = $(wid+\"_writer\");\r\n            box.classList.remove('hidden');\r\n            box.scrollIntoView({behavior:'smooth', block:'center'});\r\n          });\r\n          $(wid+\"_cancel\").addEventListener('click', ()=>{\r\n            $(wid+\"_writer\").classList.add('hidden');\r\n          });\r\n\r\n          const form = $(wid+\"_form\");\r\n          const success = $(wid+\"_success\");\r\n          const errorEl = $(wid+\"_error\");\r\n\r\n          \/\/ clear error styling on change\r\n          form.querySelectorAll('input, textarea, select').forEach(el=>{\r\n            el.addEventListener('input', ()=> el.classList.remove('rw-error'));\r\n            el.addEventListener('change', ()=> el.classList.remove('rw-error'));\r\n          });\r\n\r\n          \/\/ submit review\r\n          form.addEventListener('submit', async e=>{\r\n            e.preventDefault();\r\n            success.classList.add('hidden');\r\n            errorEl.classList.add('hidden');\r\n            errorEl.textContent = '';\r\n\r\n            const fd = new FormData(e.target);\r\n\r\n            \/\/ custom validation\r\n            let hasError = false;\r\n            const title = String(fd.get('title') || '').trim();\r\n            const body = String(fd.get('body') || '').trim();\r\n            const name_public = String(fd.get('name_public') || '').trim();\r\n            const email = String(fd.get('email') || '').trim();\r\n            const country_code = String(fd.get('country_code') || '').trim();\r\n\r\n            function markErrorField(name){\r\n              const el = form.elements[name];\r\n              if (el) el.classList.add('rw-error');\r\n              hasError = true;\r\n            }\r\n\r\n            if (!title) markErrorField('title');\r\n            if (!body) markErrorField('body');\r\n            if (!name_public) markErrorField('name_public');\r\n            if (!email) markErrorField('email');\r\n            if (!country_code) markErrorField('country_code');\r\n            if (!selectedStars || selectedStars < 1 || selectedStars > 5) {\r\n              const hint = $(wid+\"_stars_hint\");\r\n              if (hint) {\r\n                hint.textContent = 'Please select your rating';\r\n                hint.classList.add('rw-error-message');\r\n              }\r\n              hasError = true;\r\n            }\r\n\r\n            if (hasError) {\r\n              errorEl.textContent = 'Please fill in all required fields.';\r\n              errorEl.classList.remove('hidden');\r\n              return;\r\n            }\r\n\r\n            const submitBtn = form.querySelector('button[type=\"submit\"]');\r\n            submitBtn.disabled = true;\r\n            submitBtn.classList.add('rw-btn-loading');\r\n\r\n            try{\r\n              const mediaUrls = await uploadFiles(pickedFiles);\r\n\r\n              const payload = {\r\n                product_id: PRODUCT_ID,\r\n                rating: selectedStars,\r\n                title,\r\n                body,\r\n                name_public,\r\n                email,\r\n                country_code,\r\n                media_urls: mediaUrls\r\n              };\r\n\r\n              const res = await fetch(EDGE_URL, {\r\n                method: 'POST',\r\n                headers: { ...FN_AUTH, 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify(payload)\r\n              });\r\n              const json = await res.json().catch(()=> ({}));\r\n\r\n              if (!res.ok) {\r\n                errorEl.textContent = json.error || 'Could not submit review';\r\n                errorEl.classList.remove('hidden');\r\n                submitBtn.disabled = false;\r\n                submitBtn.classList.remove('rw-btn-loading');\r\n                return;\r\n              }\r\n\r\n              \/\/ hide form and show success message only\r\n              form.classList.add('hidden');\r\n              success.classList.remove('hidden');\r\n\r\n              \/\/ reload list\r\n              loadReviews();\r\n\r\n            } catch(err){\r\n              console.error(err);\r\n              errorEl.textContent = 'Something went wrong. Please try again.';\r\n              errorEl.classList.remove('hidden');\r\n              submitBtn.disabled = false;\r\n              submitBtn.classList.remove('rw-btn-loading');\r\n            }\r\n          });\r\n\r\n          async function vote(id, type){\r\n            try{\r\n              await fetch(EDGE_URL, {\r\n                method: 'PATCH',\r\n                headers: { ...FN_AUTH, 'Content-Type': 'application\/json' },\r\n                body: JSON.stringify({ id, vote: type })\r\n              });\r\n              const r = all.find(x => String(x.id) === String(id));\r\n              if (r) {\r\n                if (type === 'down') r.downvotes = (r.downvotes||0) + 1;\r\n                else r.upvotes = (r.upvotes||0) + 1;\r\n                renderGrid();\r\n              }\r\n            }catch(e){ console.error(e); }\r\n          }\r\n\r\n          \/\/ top histogram filter\r\n          document.querySelectorAll('#rw_69e5d356e99dd .rw-hist-row').forEach(row=>{\r\n            row.addEventListener('click', ()=>{\r\n              activeStarFilter = row.getAttribute('data-stars');\r\n              applyFilters();\r\n              $(wid+'_grid').scrollIntoView({ behavior:'smooth', block:'start' });\r\n            });\r\n          });\r\n          $(wid+\"_star_block\").addEventListener('click', ()=>{\r\n            activeStarFilter = 'all';\r\n            applyFilters();\r\n            $(wid+'_grid').scrollIntoView({ behavior:'smooth', block:'start' });\r\n          });\r\n\r\n          const filterBtn = $(wid+\"_filter_btn\");\r\n          const filterPop = $(wid+\"_filter_pop\");\r\n          const sortBtn = $(wid+\"_sort_btn\");\r\n          const sortPop = $(wid+\"_sort_pop\");\r\n\r\n          filterBtn.addEventListener('click', (e)=>{\r\n            e.stopPropagation();\r\n            filterPop.classList.toggle('show');\r\n            sortPop.classList.remove('show');\r\n          });\r\n          filterPop.querySelectorAll('button').forEach(b=>{\r\n            b.addEventListener('click', ()=>{\r\n              activeStarFilter = b.getAttribute('data-star');\r\n              filterPop.classList.remove('show');\r\n              applyFilters();\r\n              $(wid+'_grid').scrollIntoView({ behavior:'smooth', block:'start' });\r\n            });\r\n          });\r\n\r\n          sortBtn.addEventListener('click', (e)=>{\r\n            e.stopPropagation();\r\n            sortPop.classList.toggle('show');\r\n            filterPop.classList.remove('show');\r\n          });\r\n          sortPop.querySelectorAll('button').forEach(b=>{\r\n            b.addEventListener('click', ()=>{\r\n              sortMode = b.getAttribute('data-sort');\r\n              sortPop.classList.remove('show');\r\n              applyFilters();\r\n            });\r\n          });\r\n          document.addEventListener('click', ()=>{\r\n            filterPop.classList.remove('show');\r\n            sortPop.classList.remove('show');\r\n          });\r\n\r\n          function setupMediaClicks(){\r\n            const modal = $(wid+\"_modal\");\r\n            const modalImg = $(wid+\"_modal_img\");\r\n            const closeBtn = modal.querySelector('.rw-modal-close');\r\n            const backdrop = modal.querySelector('.rw-modal-backdrop');\r\n            const grid = $(wid+\"_grid\");\r\n\r\n            const open = url =>{\r\n              modalImg.src = url;\r\n              modal.classList.remove('hidden');\r\n            };\r\n            const close = ()=>{\r\n              modal.classList.add('hidden');\r\n              modalImg.src = '';\r\n            };\r\n\r\n            grid.querySelectorAll('.rw-review-img').forEach(img=>{\r\n              img.addEventListener('click', ()=>{\r\n                open(img.dataset.url || img.src);\r\n              });\r\n            });\r\n            closeBtn.onclick = close;\r\n            backdrop.onclick = close;\r\n          }\r\n\r\n          drawInputStars();\r\n          for(let i=1;i<=5;i++){\r\n            const row = $(wid+\"_stars_\"+i);\r\n            row.innerHTML = '';\r\n            for(let k=1;k<=5;k++) row.insertAdjacentHTML('beforeend', star(k<=i));\r\n          }\r\n          loadReviews();\r\n        })();\r\n      <\/script>\r\n    <\/div>\r\n    \n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Un m\u00e9lange luxueux des meilleurs ingr\u00e9dients naturels, sp\u00e9cialement con\u00e7u pour la peau sensible de votre b\u00e9b\u00e9. Notre huile non-collante et \u00e0 absorption rapide hydrate, adoucit et prot\u00e8ge, tout en laissant la peau douce et souple. Enrichie en huiles de jojoba, d'abricot, de tournesol et en vitamine E, chaque goutte nourrit avec amour et soin. Offrez \u00e0 votre tout-petit une qualit\u00e9 pure et une douceur exceptionnelle.<\/span><\/p>","protected":false},"featured_media":5538,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[15],"product_tag":[],"class_list":{"0":"post-1535","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-geen-categorie","7":"product_shipping_class-small","8":"tm-no-options","10":"first","11":"instock","12":"shipping-taxable","13":"purchasable","14":"product-type-simple"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product\/1535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/comments?post=1535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/media\/5538"}],"wp:attachment":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/media?parent=1535"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_brand?post=1535"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_cat?post=1535"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_tag?post=1535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}