{"id":1796,"date":"2024-11-03T13:34:28","date_gmt":"2024-11-03T13:34:28","guid":{"rendered":"https:\/\/la-nay.com\/?post_type=product&#038;p=1796"},"modified":"2026-04-10T21:08:37","modified_gmt":"2026-04-10T20:08:37","slug":"haver-badolie","status":"publish","type":"product","link":"https:\/\/la-nay.com\/fr\/produit\/haver-badolie\/","title":{"rendered":"Huile de Bain \u00e0 l'Avoine"},"content":{"rendered":"\n\t\t<div id=\"fws_69e5a98e5d3a1\"  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_padding_phone_10px top_margin_phone_-50px\"  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-user-color=\"true\" style=\"color: #000000;\" 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: 0px auto 50px !important;\r\n                font-family: 'Outfit', sans-serif;\r\n            }\r\n\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            .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            .lanay-tabs-nav button.active {\r\n                color: #ffffff;\r\n            }\r\n\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            .lanay-tab-content {\r\n                margin-top: 30px;\r\n                font-family: 'Outfit', sans-serif;\r\n            }\r\n\r\n            .lanay-tab-pane {\r\n                display: none;\r\n            }\r\n\r\n            .lanay-tab-pane.active {\r\n                display: block;\r\n            }\r\n\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;\r\n                    margin: 0px auto 0pxn !important;\r\n                }\r\n                .lanay-tabs-nav {\r\n                    height: 36px;\r\n                }\r\n                .lanay-tabs-nav button {\r\n                    font-size: 12px;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n      <div class=\"lanay-tabs-wrapper\">\r\n    <div class=\"lanay-tabs-nav\" id=\"lanay-tabs-nav-bath-oil\">\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    <div class=\"lanay-tab-content\">\r\n        <div class=\"lanay-tab-pane active\" data-tab=\"about\">\r\n                    <style>\r\n           \r\n            .lanay-about-section {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: 20px;\r\n                align-items: flex-start;\r\n                font-family: 'Outfit', sans-serif;\r\n                margin-top: 70px;\r\n                margin-bottom: 30px;\r\n                overflow-x: visible;\r\n            }\r\n\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            .lanay-about-content {\r\n                flex: 1 1 300px;\r\n                margin-left: 80px;\r\n                margin-top: 80px;\r\n                overflow-x: visible;\r\n            }\r\n\r\n            .lanay-section-title {\r\n                font-family: 'Outfit', sans-serif;\r\n                font-size: 12px;\r\n                margin: 0;\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;\r\n            }\r\n            .lanay-section-title + p,\r\n            .lanay-section-title + ul {\r\n                margin-top: 0;\r\n            }\r\n\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;\r\n                color: #555555;\r\n                text-align: left;\r\n            }\r\n\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            .lanay-about-columns > div {\r\n                flex: 1 1 200px;\r\n            }\r\n\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;\r\n                text-align: left;\r\n            }\r\n\r\n            .lanay-icon-row {\r\n                display: flex;\r\n                gap: 100px;\r\n                flex-wrap: wrap;\r\n                margin-top: 25px;\r\n            }\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\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\r\n            .lanay-icon-circle img {\r\n                max-width: 20px;\r\n                height: auto;\r\n            }\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            @media (max-width: 600px) {\r\n                .lanay-about-section {\r\n                    flex-direction: column-reverse;\r\n                    gap: 8px;\r\n                    padding: 0 10px;\r\n                    margin-top: 40px;\r\n                    margin-bottom: 20px;\r\n                }\r\n\r\n                .lanay-about-content {\r\n                    margin-left: 0;\r\n                    margin-top: 0;\r\n                }\r\n\r\n                .lanay-about-columns {\r\n                    flex-direction: column;\r\n                    flex-wrap: nowrap;\r\n                    margin-bottom: 0;\r\n                }\r\n\r\n                .lanay-about-columns > div {\r\n                    flex: none;\r\n                    width: 100%;\r\n                }\r\n\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\r\n                .lanay-about-columns > div:nth-child(2) .lanay-suggested-card {\r\n                    margin-bottom: 0 !important;\r\n                }\r\n\r\n                .lanay-about-content p:not(.lanay-section-title) {\r\n                    margin-bottom: 0 !important;\r\n                }\r\n\r\n                .lanay-icon-row {\r\n                    gap: 30px !important;\r\n                    justify-content: space-between !important;\r\n                    margin-top: 40px !important;\r\n                    margin-bottom: 24px !important;\r\n                }\r\n\r\n                .lanay-icon-box {\r\n                    width: 50px !important;\r\n                }\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\r\n                .lanay-icon-caption {\r\n                    font-size: 12px !important;\r\n                    margin-top: 2px !important;\r\n                }\r\n\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\/2025\/04\/lanay-sfeerbeelden-rotterdam-20250319_008-2-scaled.jpg\"\r\n                    alt=\"La Nay Badolie\"\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 kalmerende badolie verandert elk badmoment in een rustgevend ritueel voor je baby.  \r\n                    De natuurlijke formule op basis van zoete amandel en haver verzacht en verzorgt de huid,  \r\n                    terwijl de fruitige en zachte geur zorgt voor ontspanning.  \r\n                    De olie mengt zich gemakkelijk met het badwater zonder vettig residu 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                    <div>\r\n                        <p class=\"lanay-section-title\">Aanbevolen voor<\/p>\r\n                        <p class=\"lanay-recommended-list\">\r\n                            \u2022 Must-have voor pasgeboren<br>\r\n                            \u2022 Ontspanning voor het slapengaan<br>\r\n                            \u2022 Dagelijkse badrituelen<br>\r\n                            \u2022 Baby\u2019s met droge plekjes of jeuk<br>\r\n                            \u2022 Gevoelige en snel ge\u00efrriteerde huid\r\n                        <\/p>\r\n                    <\/div>\r\n\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\/natuurlijke-babyolie\/';\"\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\/DSC02730-scaled-e1733057056718.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: 'italiano', sans-serif !important;\r\n                            font-size: 12px;\r\n                            color: #9a3322 !important;\r\n                        \"\r\n                    >\r\n                        Essence of Softness\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 \u20ac22.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                    Jojoba- en abrikozenpitolie babyolie\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=\"1535\"\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    <style>\r\n    @keyframes lanay-spin {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\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    @media (max-width: 600px) {\r\n        .lanay-suggested-card {\r\n            flex-direction: row;\r\n            max-width: 100%;\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        .lanay-price,\r\n        .lanay-card-description {\r\n            font-size: 10px !important;\r\n        }\r\n        .lanay-card-description {\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        .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                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                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                        jQuery.each(data.fragments, function (key, value) {\r\n                            jQuery(key).replaceWith(value);\r\n                        });\r\n\r\n                        btn.querySelector('.lanay-spinner').style.display = 'none';\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                        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                        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 -->\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\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/leaves.png\" alt=\"Natuurlijk\">\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\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/harmony.png\" alt=\"Ontspannend\">\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Ontspannend<\/div>\r\n                    <\/div>\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/05\/absorbent.png\" alt=\"Hypoallergeen\">\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Hydrateren<\/div>\r\n                    <\/div>\r\n                    <div class=\"lanay-icon-box\">\r\n                        <div class=\"lanay-icon-circle\">\r\n                            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/oats-2.png\" alt=\"Haverextract\">\r\n                        <\/div>\r\n                        <div class=\"lanay-icon-caption\">Haverextract<\/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            \t\t\t<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: 35%;\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        \/* Hidden tooltip text *\/\r\n        .tooltip .tooltiptext {\r\n            visibility: hidden;\r\n            width: 180px;\r\n            background-color: #fff;\r\n            color: #555;\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\t\t\t\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\/06\/oats-5411582_1280.jpg\" alt=\"Haverolie\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Haverolie<\/h4>\r\n                            <p>\r\n                              Een kalmerende olie boordevol antioxidanten en ceramiden, die de huidbarri\u00e8re versterkt en roodheid vermindert. Verzacht, beschermt en hydrateert de gevoelige babyhuid intens.\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\/06\/almond-5530630_1280.jpg\" alt=\"zoete amandelolie\">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>zoete amandelolie<\/h4>\r\n                            <p>\r\n                                Een zachte, voedende olie rijk aan vitamine E en essenti\u00eble vetzuren. Kalmeert de huid, verzacht droogte en helpt de natuurlijke elasticiteit te behouden. \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\/06\/grape-3716718_1280.jpg\" alt=\"Druivenpitolie \">\r\n                        <\/div>\r\n                        <div class=\"key-text\">\r\n                            <h4>Druivenpitolie<\/h4>\r\n                            <p>\r\n                                Een lichte, snel absorberende olie rijk aan antioxidanten en linolzuur. Versterkt de huidbarri\u00e8re, voorkomt vochtverlies en laat de huid zijdezacht aanvoelen. \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>\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>Zoete Amandelolie<\/td><td>Prunus Amygdalus Dulcis Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/707096-prunus-amygdalus-dulcis-sweet-almond-oil\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Voedt en verzacht de gevoelige huid<\/td><\/tr><tr><td>Druivenpitolie<\/td><td>Vitis Vinifera Seed Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/706924-VITIS_VINIFERA_GRAPE_SEED_OIL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Licht en hydraterend, rijk aan antioxidanten<\/td><\/tr><tr><td>PEG-11 Castor Olie<\/td><td>PEG-11 Castor Oil<\/td><td><a href=\"https:\/\/www.cosmeticsinfo.org\/ingredient\/peg-11-castor-oil\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">2<\/span><\/a><\/td><td>Helpt bij het mengen van olie en water<\/td><\/tr><tr><td>Coco-Caprylaat\/Capraat<\/td><td>Coco-Caprylate\/Caprate<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/701534-COCOCAPRYLATECAPRATE\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Geeft een zijdezacht huidgevoel<\/td><\/tr><tr><td>Haverolie<\/td><td>Avena Sativa Kernel Oil<\/td><td><a href=\"https:\/\/www.ewg.org\/skindeep\/ingredients\/700583-AVENA_SATIVA_OAT_KERNEL_OIL\/\" target=\"_blank\" rel=\"noopener\"><span class=\"ewg-badge\">1<\/span><\/a><\/td><td>Kalmeert en beschermt de (baby)huid<\/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 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 geurstof<\/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            \/* 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                }, 10000);\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: grid;\r\n                grid-template-columns: 30% 1fr;\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\r\n            .lanay-usage-image,\r\n            .lanay-usage-content {\r\n                box-sizing: border-box;\r\n            }\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\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\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            @media (max-width: 600px) {\r\n                .lanay-usage-container {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    padding: 0 10px;\r\n                    margin-top: 40px;\r\n                    gap: 16px;\r\n                }\r\n\r\n                .lanay-usage-image,\r\n                .lanay-usage-content {\r\n                    width: 100%;\r\n                }\r\n\r\n                .lanay-usage-content p.body {\r\n                    margin: 0 0 16px 0;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"lanay-usage-container\">\r\n            <!-- LEFT: Image -->\r\n            <div class=\"lanay-usage-image\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/04\/lanay-sfeerbeelden-rotterdam-20250319_007-scaled-e1743940421901.jpg\"\r\n                    alt=\"Badolie Gebruiksaanwijzing\"\r\n                \/>\r\n            <\/div>\r\n\r\n            <!-- RIGHT: Usage Instructions -->\r\n            <div class=\"lanay-usage-content\">\r\n                <p class=\"title\" style=\"margin-bottom:12px;\">WANNEER GEBRUIKEN<\/p>\r\n                <p class=\"body\">Perfect voor het badritueel \u2013 \u2019s avonds voor het slapengaan of wanneer de huid een extra zachte verzorging nodig heeft.<\/p>\r\n\r\n                <p class=\"title\" style=\"margin-bottom:12px;\">GEBRUIKSAANWIJZING<\/p>\r\n                <p class=\"body\">Voeg enkele druppels olie toe aan warm badwater en roer zachtjes om het gelijkmatig te verdelen. De olie laat een verzorgend laagje achter op de huid zonder deze vet te maken.<\/p>\r\n\r\n                <p class=\"title\" style=\"margin-bottom:12px;\">GOED OM TE WETEN<\/p>\r\n                <p class=\"body\">Geen nood als je geen bad hebt \u2013 de olie kan ook rechtstreeks op de vochtige huid worden aangebracht na het douchen.<\/p>\r\n\r\n                <p class=\"title\" style=\"margin-bottom:12px;\">DOSERING<\/p>\r\n                <p class=\"body\">Gebruik 5 tot 10 druppels per badje, afhankelijk van de hoeveelheid water. Een klein beetje is al voldoende.<\/p>\r\n\r\n                <p class=\"title\" style=\"margin-bottom:12px;\">VOORZORGSMAATREGELEN<\/p>\r\n                <p class=\"body\">Alleen voor uitwendig gebruik. Gebruik op een natte ondergrond kan gladheid veroorzaken. Vermijd contact met ogen. Buiten bereik van kinderen bewaren.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n                <\/div>\r\n        <div class=\"lanay-tab-pane\" data-tab=\"faq\">\r\n                    <div class=\"lanay-faq-tab-container\">\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 badolie veilig voor pasgeborenen?<\/button>\r\n              <div class=\"lanay-faq-answer\">\r\n                <p>Ja, onze badolie is speciaal ontwikkeld voor de gevoelige babyhuid. De formule bevat natuurlijke, huidvriendelijke oli\u00ebn zoals zoete amandel en haver die zacht zijn voor zelfs de allerkleinsten.<\/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\">Maakt de badolie het badje glad?<\/button>\r\n              <div class=\"lanay-faq-answer\">\r\n                <p>Onze badolie is zo samengesteld dat het zich goed mengt met water en geen vettige laag achterlaat. Toch raden we altijd aan om voorzichtig te zijn bij het hanteren van je baby en het badje na gebruik goed schoon te maken.<\/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\">Hoeveel badolie moet ik gebruiken?<\/button>\r\n              <div class=\"lanay-faq-answer\">\r\n                <p>5 tot 10 druppels zijn voldoende voor een babybadje. Een klein beetje gaat al lang mee en zorgt voor een heerlijk zacht huidje.<\/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\">Mag ik de badolie ook op de huid aanbrengen?<\/button>\r\n              <div class=\"lanay-faq-answer\">\r\n                <p>Ja, je kunt de badolie ook rechtstreeks op de vochtige huid aanbrengen na het douchen of badderen. De huid voelt daarna heerlijk zacht en verzorgd aan.<\/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\">Bevat deze badolie parfum?<\/button>\r\n              <div class=\"lanay-faq-answer\">\r\n                <p>Ja, maar onze geur is hypoallergeen en speciaal ontworpen voor baby\u2019s. De dosering is laag en voldoet aan alle Europese normen, zodat je baby kan genieten van een zachte, subtiele geur zonder risico op irritatie.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"lanay-faq-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/03\/lanay-sfeerbeelden-rotterdam-20250319_003-scaled.jpg\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n        \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        .lanay-faq-accordion {\r\n            flex: 2;\r\n            max-width: 800px;\r\n        }\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        .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        .lanay-faq-item {\r\n            border-bottom: 1px solid #ddd;\r\n            padding: 1rem 0;\r\n        }\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;\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        .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;\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;\r\n        }\r\n        .lanay-faq-tab-container a {\r\n            color: #000;\r\n            text-decoration: none;\r\n        }\r\n        @media (max-width: 600px) {\r\n            .lanay-faq-tab-container {\r\n                flex-direction: column;\r\n                padding: 0 10px;\r\n                margin-top: 20px;\r\n                gap: 1rem;\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;\r\n            }\r\n        }\r\n        <\/style>\r\n\r\n        <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const items = document.querySelectorAll('.lanay-faq-item');\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                    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                    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-bath-oil button\");\r\n        const panes = document.querySelectorAll(\".lanay-tab-content .lanay-tab-pane\");\r\n        const nav = document.getElementById(\"lanay-tabs-nav-bath-oil\");\r\n\r\n        tabs.forEach((tab, index) => {\r\n            tab.addEventListener(\"click\", () => {\r\n                tabs.forEach(t => t.classList.remove(\"active\"));\r\n                tab.classList.add(\"active\");\r\n\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                const percent = (100 \/ tabs.length) * index;\r\n                nav.style.setProperty(\"--active-tab-left\", `${percent}%`);\r\n            });\r\n        });\r\n\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\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\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"elementor-heading-title elementor-size-default\" style=\"text-align: justify;\"><span style=\"color: #000000;\">Huile de bain douce \u00e0 l'avoine et \u00e0 l'huile d'amande douce. Cette huile de bain au d\u00e9licieux parfum d'ambre et de fruits, nourrit intens\u00e9ment la peau et aide votre b\u00e9b\u00e9 \u00e0 se d\u00e9tendre pendant le bain.\"<\/span><\/p>\n<p><strong><span style=\"color: #000000;\">Disponible \u00e0 partir du 1er mars.<\/span><\/strong><\/p>","protected":false},"featured_media":2414,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[15],"product_tag":[46],"class_list":{"0":"post-1796","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-geen-categorie","7":"product_tag-oil","8":"pa_inhoud-100-200-ml","9":"pa_leeftijdscategorie-baby-6-12-maanden","10":"pa_leeftijdscategorie-pasgeborene-0-3-maanden","11":"tm-no-options","13":"first","14":"instock","15":"shipping-taxable","16":"purchasable","17":"product-type-simple"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product\/1796","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=1796"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/media\/2414"}],"wp:attachment":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/media?parent=1796"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_brand?post=1796"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_cat?post=1796"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/product_tag?post=1796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}