{"id":945,"date":"2026-08-09T13:16:34","date_gmt":"2026-08-09T13:16:34","guid":{"rendered":"https:\/\/cocoame.co.il\/?page_id=945"},"modified":"2026-08-31T13:44:47","modified_gmt":"2026-08-31T13:44:47","slug":"body-care","status":"publish","type":"page","link":"https:\/\/cocoame.co.il\/en\/body-care\/","title":{"rendered":"BODY CARE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"945\" class=\"elementor elementor-945\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9816da e-flex e-con-boxed e-con e-parent\" data-id=\"c9816da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0866356 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"0866356\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3f1b14 elementor-widget elementor-widget-heading\" data-id=\"d3f1b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Body Care <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fc8d2d e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"4fc8d2d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea362a1 e-flex e-con-boxed e-con e-parent\" data-id=\"ea362a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ce7763 elementor-widget elementor-widget-html\" data-id=\"7ce7763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cocoa-shop-tabs cocoa-body-care-shop\" dir=\"ltr\" aria-label=\"Shop Cocoa Me body care\">\n\n    <div class=\"cocoa-shop-tabs__intro\">\n        <div>\n            <span class=\"cocoa-shop-tabs__eyebrow\">BODY CARE<\/span>\n\n            <h2>\n                Soft skin,<br>\n                every day.\n            <\/h2>\n        <\/div>\n\n        <p>\n            Explore Cocoa Me body care essentials in one place.\n            Choose between nourishing body creams and everyday hand creams.\n        <\/p>\n    <\/div>\n\n\n    <div class=\"cocoa-shop-tabs__nav-wrap\">\n\n        <div\n            class=\"cocoa-shop-tabs__nav\"\n            role=\"tablist\"\n            aria-label=\"Body care categories\"\n        >\n\n            <button\n                class=\"cocoa-shop-tab is-active\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected=\"true\"\n                tabindex=\"0\"\n                data-tab=\"body-creams\"\n            >\n                <span>Body Cream<\/span>\n            <\/button>\n\n\n            <button\n                class=\"cocoa-shop-tab\"\n                type=\"button\"\n                role=\"tab\"\n                aria-selected=\"false\"\n                tabindex=\"-1\"\n                data-tab=\"hand-creams\"\n            >\n                <span>Hand Cream<\/span>\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div\n        class=\"cocoa-shop-tabs__status\"\n        aria-live=\"polite\"\n    ><\/div>\n\n\n    <div\n        class=\"cocoa-shop-tabs__panel\"\n        role=\"tabpanel\"\n        tabindex=\"0\"\n    >\n\n        <div class=\"cocoa-shop-tabs__grid\"><\/div>\n\n    <\/div>\n\n\n    <noscript>\n\n        <p class=\"cocoa-shop-tabs__fallback\">\n            JavaScript is required for the product tabs.\n            <a href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\">View all products<\/a>.\n        <\/p>\n\n    <\/noscript>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   COCOA ME \u2014 BODY CARE SHOP\n========================================= *\/\n\n.cocoa-body-care-shop,\n.cocoa-body-care-shop * {\n    box-sizing: border-box;\n}\n\n\n.cocoa-body-care-shop {\n\n    --cocoa-gold: #966f2a;\n    --cocoa-text: #6f6251;\n    --cocoa-cream: #f7f5f0;\n\n    \/* NEW \u2014 hover color *\/\n    --cocoa-tab-hover: #f1ede5;\n\n    --cocoa-pink: #f5e4df;\n    --cocoa-green: #e9e6d5;\n    --cocoa-card: #fcf7f5;\n    --cocoa-line: rgba(111, 98, 81, 0.18);\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n\n    color: var(--cocoa-text);\n\n    font-family:\n        \"Ploni\",\n        \"Microsoft Sans Serif\",\n        Assistant,\n        Arial,\n        sans-serif;\n}\n\n\n\/* =========================================\n   INTRO\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__intro {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(280px, 0.65fr);\n\n    align-items: end;\n\n    gap: 70px;\n\n    margin-bottom: 42px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__eyebrow {\n\n    display: block;\n\n    margin-bottom: 12px;\n\n    color: var(--cocoa-gold);\n\n    font-size: 12px;\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: 1.4px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__intro h2 {\n\n    margin: 0;\n\n    color: var(--cocoa-gold);\n\n    font-size:\n        clamp(34px, 3.6vw, 54px);\n\n    font-weight: 500;\n\n    line-height: 1.02;\n\n    letter-spacing: -1.1px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__intro p {\n\n    max-width: 440px;\n\n    margin:\n        0 0 3px auto;\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 15px;\n\n    font-weight: 400;\n\n    line-height: 1.55;\n}\n\n\n\/* =========================================\n   CATEGORY NAVIGATION\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__nav-wrap {\n\n    position: sticky;\n\n    top: 86px;\n\n    z-index: 35;\n\n    margin-bottom: 38px;\n\n    padding: 8px;\n\n    border:\n        1px solid\n        rgba(150, 111, 42, 0.14);\n\n    border-radius: 999px;\n\n    background:\n        rgba(247, 245, 240, 0.88);\n\n    box-shadow:\n        0 10px 28px\n        rgba(111, 98, 81, 0.06);\n\n    backdrop-filter:\n        blur(18px)\n        saturate(145%);\n\n    -webkit-backdrop-filter:\n        blur(18px)\n        saturate(145%);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__nav {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 6px;\n}\n\n\n\/* =========================================\n   TAB \u2014 DEFAULT\n   Protected from Elementor\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab {\n\n    appearance: none !important;\n    -webkit-appearance: none !important;\n\n    display: inline-flex !important;\n\n    align-items: center !important;\n    justify-content: center !important;\n\n    gap: 8px;\n\n    min-height: 54px;\n\n    margin: 0 !important;\n\n    padding:\n        11px 16px !important;\n\n    border:\n        1px solid\n        transparent !important;\n\n    border-radius:\n        999px !important;\n\n    background:\n        transparent !important;\n\n    background-color:\n        transparent !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-text) !important;\n\n    font-family:\n        \"Ploni\",\n        \"Microsoft Sans Serif\",\n        Assistant,\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        14px !important;\n\n    font-weight:\n        500 !important;\n\n    line-height:\n        1 !important;\n\n    text-align:\n        center !important;\n\n    text-decoration:\n        none !important;\n\n    text-shadow:\n        none !important;\n\n    box-shadow:\n        none !important;\n\n    outline:\n        none !important;\n\n    cursor: pointer;\n\n    transform:\n        none !important;\n\n    transition:\n        background-color 0.3s ease,\n        color 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease !important;\n\n    -webkit-tap-highlight-color:\n        transparent;\n}\n\n\n\/* =========================================\n   TAB \u2014 HOVER\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab:hover {\n\n    border-color:\n        rgba(150, 111, 42, 0.18) !important;\n\n    background:\n        var(--cocoa-tab-hover) !important;\n\n    background-color:\n        var(--cocoa-tab-hover) !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    box-shadow:\n        none !important;\n\n    outline:\n        none !important;\n\n    transform:\n        none !important;\n}\n\n\n\/* =========================================\n   TAB \u2014 FOCUS\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab:focus,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab:focus-visible {\n\n    border-color:\n        rgba(150, 111, 42, 0.22) !important;\n\n    background:\n        var(--cocoa-tab-hover) !important;\n\n    background-color:\n        var(--cocoa-tab-hover) !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    outline:\n        none !important;\n\n    box-shadow:\n        0 0 0 2px\n        rgba(150, 111, 42, 0.08) !important;\n\n    transform:\n        none !important;\n}\n\n\n\/* =========================================\n   TAB \u2014 CLICK\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab:active {\n\n    border-color:\n        rgba(150, 111, 42, 0.22) !important;\n\n    background:\n        var(--cocoa-tab-hover) !important;\n\n    background-color:\n        var(--cocoa-tab-hover) !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    box-shadow:\n        none !important;\n\n    transform:\n        none !important;\n}\n\n\n\/* =========================================\n   SELECTED TAB\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab.is-active,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab[aria-selected=\"true\"] {\n\n    border-color:\n        rgba(150, 111, 42, 0.16) !important;\n\n    background:\n        #ffffff !important;\n\n    background-color:\n        #ffffff !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    box-shadow:\n        0 8px 22px\n        rgba(111, 98, 81, 0.08),\n\n        inset 0 1px 0\n        rgba(255, 255, 255, 0.9) !important;\n\n    transform:\n        none !important;\n}\n\n\n\/* =========================================\n   SELECTED + HOVER \/ FOCUS\n========================================= *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab.is-active:hover,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab[aria-selected=\"true\"]:hover,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab.is-active:focus,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab[aria-selected=\"true\"]:focus,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab.is-active:focus-visible,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab[aria-selected=\"true\"]:focus-visible {\n\n    border-color:\n        rgba(150, 111, 42, 0.20) !important;\n\n    background:\n        var(--cocoa-tab-hover) !important;\n\n    background-color:\n        var(--cocoa-tab-hover) !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    box-shadow:\n        0 6px 18px\n        rgba(111, 98, 81, 0.05) !important;\n\n    outline:\n        none !important;\n\n    transform:\n        none !important;\n}\n\n\n\/* BLOCK ELEMENTOR PSEUDO ELEMENTS *\/\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab::before,\n\n.cocoa-body-care-shop\nbutton.cocoa-shop-tab::after {\n\n    content:\n        none !important;\n\n    display:\n        none !important;\n\n    background:\n        none !important;\n\n    border:\n        0 !important;\n\n    box-shadow:\n        none !important;\n}\n\n\n\/* =========================================\n   STATUS\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__status {\n\n    min-height: 20px;\n\n    margin-bottom: 17px;\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 12px;\n\n    line-height: 1.2;\n\n    opacity: 0.72;\n}\n\n\n\/* =========================================\n   PRODUCTS\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__panel {\n    outline: none;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap:\n        26px\n        22px;\n}\n\n\n\/* =========================================\n   PRODUCT CARD\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-card {\n\n    position: relative;\n\n    display: flex;\n\n    min-width: 0;\n\n    flex-direction:\n        column;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__media {\n\n    position: relative;\n\n    display: block;\n\n    aspect-ratio:\n        0.88;\n\n    overflow:\n        hidden;\n\n    border-radius:\n        8px;\n\n    background:\n        var(--cocoa-card);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__image {\n\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center;\n\n    transition:\n        opacity 0.45s ease,\n        transform 0.75s\n        cubic-bezier(\n            0.22,\n            1,\n            0.36,\n            1\n        );\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__image--primary {\n\n    opacity: 1;\n\n    transform:\n        scale(1);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__image--secondary {\n\n    opacity: 0;\n\n    transform:\n        scale(1.035);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card:hover\n.cocoa-shop-card__image--primary {\n\n    opacity: 0;\n\n    transform:\n        scale(1.025);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card:hover\n.cocoa-shop-card__image--secondary {\n\n    opacity: 1;\n\n    transform:\n        scale(1);\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card.is-single-image:hover\n.cocoa-shop-card__image--primary {\n\n    opacity: 1;\n\n    transform:\n        scale(1.025);\n}\n\n\n\/* =========================================\n   BADGES\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-card__badges {\n\n    position: absolute;\n\n    top: 14px;\n    left: 14px;\n\n    z-index: 3;\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 6px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__badge {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    min-height:\n        26px;\n\n    padding:\n        6px 10px;\n\n    border-radius:\n        999px;\n\n    background:\n        rgba(255, 255, 255, 0.88);\n\n    color:\n        var(--cocoa-gold);\n\n    font-size:\n        9px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        0.7px;\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n}\n\n\n\/* =========================================\n   CARD BODY\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-card__body {\n\n    display: flex;\n\n    flex: 1;\n\n    flex-direction:\n        column;\n\n    padding:\n        18px\n        3px\n        0;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__scent {\n\n    min-height:\n        15px;\n\n    margin-bottom:\n        7px;\n\n    color:\n        var(--cocoa-gold);\n\n    font-size:\n        10px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        1px;\n\n    text-transform:\n        uppercase;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__title {\n\n    margin: 0;\n\n    color:\n        var(--cocoa-text);\n\n    font-size:\n        21px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1.12;\n\n    letter-spacing:\n        -0.25px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__title a {\n\n    color:\n        inherit;\n\n    text-decoration:\n        none;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__description {\n\n    min-height:\n        42px;\n\n    margin:\n        10px\n        0\n        16px;\n\n    color:\n        var(--cocoa-text);\n\n    font-size:\n        13px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.45;\n\n    opacity:\n        0.82;\n}\n\n\n\/* =========================================\n   PRICE \/ STOCK\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-card__meta {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        space-between;\n\n    gap:\n        12px;\n\n    margin-top:\n        auto;\n\n    margin-bottom:\n        13px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__price {\n\n    color:\n        var(--cocoa-text);\n\n    font-size:\n        14px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__price del {\n\n    margin-right:\n        7px;\n\n    opacity:\n        0.45;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__price ins {\n\n    color:\n        var(--cocoa-gold);\n\n    text-decoration:\n        none;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__stock {\n\n    color:\n        var(--cocoa-text);\n\n    font-size:\n        10px;\n\n    font-weight:\n        500;\n\n    letter-spacing:\n        0.6px;\n\n    text-transform:\n        uppercase;\n\n    opacity:\n        0.62;\n}\n\n\n\/* =========================================\n   PRODUCT BUTTON\n   Protected from Elementor\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action {\n\n    appearance:\n        none !important;\n\n    -webkit-appearance:\n        none !important;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    width: 100%;\n\n    min-height:\n        48px;\n\n    padding:\n        12px 20px;\n\n    border:\n        1px solid\n        var(--cocoa-gold) !important;\n\n    border-radius:\n        999px !important;\n\n    background:\n        transparent !important;\n\n    background-color:\n        transparent !important;\n\n    background-image:\n        none !important;\n\n    color:\n        var(--cocoa-gold) !important;\n\n    font-family:\n        \"Ploni\",\n        \"Microsoft Sans Serif\",\n        Assistant,\n        Arial,\n        sans-serif !important;\n\n    font-size:\n        11px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        0.65px;\n\n    text-decoration:\n        none !important;\n\n    box-shadow:\n        none !important;\n\n    cursor:\n        pointer;\n\n    transition:\n        background-color 0.3s ease,\n        color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action:hover,\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action:focus-visible {\n\n    outline:\n        none !important;\n\n    background:\n        var(--cocoa-gold) !important;\n\n    background-color:\n        var(--cocoa-gold) !important;\n\n    background-image:\n        none !important;\n\n    color:\n        #ffffff !important;\n\n    border-color:\n        var(--cocoa-gold) !important;\n\n    box-shadow:\n        0 10px 24px\n        rgba(150, 111, 42, 0.14) !important;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action[disabled] {\n\n    border-color:\n        rgba(111, 98, 81, 0.22) !important;\n\n    background:\n        transparent !important;\n\n    color:\n        rgba(111, 98, 81, 0.52) !important;\n\n    cursor:\n        not-allowed;\n\n    box-shadow:\n        none !important;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action.is-loading {\n\n    pointer-events:\n        none;\n\n    opacity:\n        0.66;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-card__action.is-added {\n\n    border-color:\n        var(--cocoa-green) !important;\n\n    background:\n        var(--cocoa-green) !important;\n\n    background-color:\n        var(--cocoa-green) !important;\n\n    color:\n        var(--cocoa-text) !important;\n}\n\n\n\/* =========================================\n   EMPTY \/ ERROR\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__empty,\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__error {\n\n    grid-column:\n        1 \/ -1;\n\n    display: flex;\n\n    min-height:\n        280px;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-direction:\n        column;\n\n    gap:\n        12px;\n\n    padding:\n        40px;\n\n    border-radius:\n        10px;\n\n    background:\n        var(--cocoa-cream);\n\n    text-align:\n        center;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__empty strong,\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__error strong {\n\n    color:\n        var(--cocoa-gold);\n\n    font-size:\n        25px;\n\n    font-weight:\n        500;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__empty p,\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__error p {\n\n    max-width:\n        520px;\n\n    margin:\n        0;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.5;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__empty a,\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__error a,\n\n.cocoa-body-care-shop\n.cocoa-shop-tabs__fallback a {\n\n    color:\n        var(--cocoa-gold);\n}\n\n\n\/* =========================================\n   SKELETON\n========================================= *\/\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton {\n\n    overflow:\n        hidden;\n\n    border-radius:\n        8px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__image,\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__line {\n\n    background:\n        linear-gradient(\n            100deg,\n            rgba(241, 237, 229, 0.8) 20%,\n            rgba(255, 255, 255, 0.94) 40%,\n            rgba(241, 237, 229, 0.8) 60%\n        );\n\n    background-size:\n        220% 100%;\n\n    animation:\n        cocoaBodyShopShimmer\n        1.25s\n        linear\n        infinite;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__image {\n\n    aspect-ratio:\n        0.88;\n\n    border-radius:\n        8px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__line {\n\n    height:\n        13px;\n\n    margin-top:\n        13px;\n\n    border-radius:\n        999px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__line:nth-child(2) {\n\n    width:\n        74%;\n\n    height:\n        20px;\n\n    margin-top:\n        18px;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__line:nth-child(3) {\n    width: 92%;\n}\n\n\n.cocoa-body-care-shop\n.cocoa-shop-skeleton__line:nth-child(4) {\n    width: 34%;\n}\n\n\n@keyframes cocoaBodyShopShimmer {\n\n    to {\n        background-position:\n            -220% 0;\n    }\n\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1024px) {\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro {\n\n        gap:\n            35px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__nav-wrap {\n\n        top:\n            74px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .cocoa-body-care-shop {\n\n        width:\n            100%;\n\n        max-width:\n            100%;\n\n        padding-right:\n            12px;\n\n        padding-left:\n            12px;\n\n        overflow:\n            hidden;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            10px;\n\n        margin-bottom:\n            16px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__eyebrow {\n\n        margin-bottom:\n            7px;\n\n        font-size:\n            9px;\n\n        letter-spacing:\n            1px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro h2 {\n\n        max-width:\n            100%;\n\n        font-size:\n            clamp(\n                28px,\n                8vw,\n                34px\n            );\n\n        line-height:\n            1.02;\n\n        letter-spacing:\n            -0.55px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro h2 br {\n\n        display:\n            none;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro p {\n\n        max-width:\n            100%;\n\n        margin:\n            0;\n\n        font-size:\n            12px;\n\n        line-height:\n            1.42;\n    }\n\n\n    \/* CATEGORY TABS *\/\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__nav-wrap {\n\n        position:\n            relative;\n\n        top:\n            auto;\n\n        width:\n            100%;\n\n        margin:\n            0 0 16px;\n\n        padding:\n            6px;\n\n        overflow:\n            visible;\n\n        border:\n            1px solid\n            rgba(150, 111, 42, 0.12);\n\n        border-radius:\n            16px;\n\n        background:\n            rgba(247, 245, 240, 0.92);\n\n        box-shadow:\n            0 8px 20px\n            rgba(111, 98, 81, 0.045);\n\n        backdrop-filter:\n            blur(14px)\n            saturate(135%);\n\n        -webkit-backdrop-filter:\n            blur(14px)\n            saturate(135%);\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__nav {\n\n        display:\n            grid;\n\n        width:\n            100%;\n\n        min-width:\n            0;\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            6px;\n    }\n\n\n    .cocoa-body-care-shop\n    button.cocoa-shop-tab {\n\n        width:\n            100%;\n\n        min-width:\n            0;\n\n        min-height:\n            42px;\n\n        padding:\n            9px 8px !important;\n\n        border-color:\n            rgba(150, 111, 42, 0.10) !important;\n\n        border-radius:\n            12px !important;\n\n        font-size:\n            11px !important;\n\n        line-height:\n            1.08 !important;\n\n        white-space:\n            normal;\n    }\n\n\n    .cocoa-body-care-shop\n    button.cocoa-shop-tab:not(.is-active) {\n\n        background:\n            rgba(255, 255, 255, 0.52) !important;\n    }\n\n\n    .cocoa-body-care-shop\n    button.cocoa-shop-tab:not(.is-active):hover,\n\n    .cocoa-body-care-shop\n    button.cocoa-shop-tab:not(.is-active):focus {\n\n        background:\n            var(--cocoa-tab-hover) !important;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tab span {\n\n        min-width:\n            0;\n\n        overflow-wrap:\n            anywhere;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__status {\n\n        min-height:\n            14px;\n\n        margin-bottom:\n            10px;\n\n        font-size:\n            9px;\n    }\n\n\n    \/* PRODUCTS *\/\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            20px\n            10px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card {\n\n        min-width:\n            0;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__media {\n\n        width:\n            100%;\n\n        border-radius:\n            6px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__body {\n\n        min-width:\n            0;\n\n        padding:\n            10px\n            1px\n            0;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__title {\n\n        font-size:\n            14px;\n\n        line-height:\n            1.14;\n\n        overflow-wrap:\n            anywhere;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__description {\n\n        display:\n            none;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__scent {\n\n        min-height:\n            11px;\n\n        margin-bottom:\n            4px;\n\n        font-size:\n            7px;\n\n        letter-spacing:\n            0.7px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__meta {\n\n        align-items:\n            flex-start;\n\n        flex-direction:\n            column;\n\n        gap:\n            4px;\n\n        margin-bottom:\n            9px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__price {\n\n        font-size:\n            11px;\n\n        line-height:\n            1.2;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__stock {\n\n        font-size:\n            7px;\n\n        line-height:\n            1.2;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__action {\n\n        min-height:\n            40px;\n\n        padding:\n            9px 6px;\n\n        font-size:\n            8px;\n\n        letter-spacing:\n            0.42px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__badges {\n\n        top:\n            7px;\n\n        left:\n            7px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__badge {\n\n        min-height:\n            20px;\n\n        padding:\n            4px 7px;\n\n        font-size:\n            6px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 390px) {\n\n    .cocoa-body-care-shop {\n\n        padding-right:\n            10px;\n\n        padding-left:\n            10px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro {\n\n        gap:\n            8px;\n\n        margin-bottom:\n            14px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro h2 {\n\n        font-size:\n            26px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__intro p {\n\n        font-size:\n            11px;\n\n        line-height:\n            1.38;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__nav-wrap {\n\n        margin-bottom:\n            14px;\n\n        padding:\n            5px;\n\n        border-radius:\n            14px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__nav {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            5px;\n    }\n\n\n    .cocoa-body-care-shop\n    button.cocoa-shop-tab {\n\n        min-height:\n            40px;\n\n        padding:\n            8px 6px !important;\n\n        border-radius:\n            11px !important;\n\n        font-size:\n            10px !important;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            18px\n            8px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__body {\n\n        padding-top:\n            10px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__title {\n\n        font-size:\n            13px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__scent {\n\n        font-size:\n            6px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__price {\n\n        font-size:\n            10px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__stock {\n\n        font-size:\n            6px;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__action {\n\n        min-height:\n            38px;\n\n        font-size:\n            7px;\n\n        letter-spacing:\n            0.36px;\n    }\n\n}\n\n\n\/* =========================================\n   TOUCH\n========================================= *\/\n\n@media (hover: none) {\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__image--secondary {\n\n        display:\n            none;\n    }\n\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card:hover\n    .cocoa-shop-card__image--primary {\n\n        opacity:\n            1;\n\n        transform:\n            none;\n    }\n\n}\n\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cocoa-body-care-shop\n    .cocoa-shop-tab,\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__image,\n\n    .cocoa-body-care-shop\n    .cocoa-shop-card__action,\n\n    .cocoa-body-care-shop\n    .cocoa-shop-skeleton__image,\n\n    .cocoa-body-care-shop\n    .cocoa-shop-skeleton__line {\n\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(() => {\n\n    \"use strict\";\n\n\n    \/* =========================================\n       DEFINITIONS\n    ========================================= *\/\n\n    const DEFINITIONS = [\n\n        {\n            key:\n                \"body-creams\",\n\n            slug:\n                \"body-creams\",\n\n            label:\n                \"Body Cream\"\n        },\n\n        {\n            key:\n                \"hand-creams\",\n\n            slug:\n                \"hand-creams\",\n\n            label:\n                \"Hand Cream\"\n        }\n\n    ];\n\n\n    const COLLECTIONS = [\n\n        {\n            aliases: [\n                \"tiny pink\",\n                \"tiny-pink\"\n            ],\n\n            label:\n                \"Tiny Pink\"\n        },\n\n        {\n            aliases: [\n                \"deep ocean\",\n                \"deep-ocean\"\n            ],\n\n            label:\n                \"Deep Ocean\"\n        },\n\n        {\n            aliases: [\n                \"victory\"\n            ],\n\n            label:\n                \"Victory\"\n        }\n\n    ];\n\n\n    \/* =========================================\n       HELPERS\n    ========================================= *\/\n\n    const normalize = (\n        value = \"\"\n    ) =>\n\n        String(value)\n\n            .toLocaleLowerCase()\n\n            .replace(\n                \/&\/g,\n                \" and \"\n            )\n\n            .normalize(\n                \"NFKD\"\n            )\n\n            .replace(\n                \/[^\\p{L}\\p{N}]+\/gu,\n                \"-\"\n            )\n\n            .replace(\n                \/^-+|-+$\/g,\n                \"\"\n            );\n\n\n    const escapeHTML = (\n        value = \"\"\n    ) =>\n\n        String(value)\n\n            .replace(\n                \/&\/g,\n                \"&amp;\"\n            )\n\n            .replace(\n                \/<\/g,\n                \"&lt;\"\n            )\n\n            .replace(\n                \/>\/g,\n                \"&gt;\"\n            )\n\n            .replace(\n                \/\"\/g,\n                \"&quot;\"\n            )\n\n            .replace(\n                \/'\/g,\n                \"&#039;\"\n            );\n\n\n    const stripHTML = (\n        value = \"\"\n    ) => {\n\n        const element =\n            document.createElement(\n                \"div\"\n            );\n\n\n        element.innerHTML =\n            value;\n\n\n        return (\n            element.textContent\n            ||\n            element.innerText\n            ||\n            \"\"\n        )\n\n            .replace(\n                \/\\s+\/g,\n                \" \"\n            )\n\n            .trim();\n\n    };\n\n\n    const truncate = (\n        value,\n        length = 112\n    ) =>\n\n        value.length > length\n\n            ? `${value\n                .slice(\n                    0,\n                    length\n                )\n                .trim()}\u2026`\n\n            : value;\n\n\n    \/* =========================================\n       CATEGORY MATCH\n    ========================================= *\/\n\n    const matchesDefinition = (\n        product,\n        definition\n    ) => {\n\n        const categories =\n            Array.isArray(\n                product.categories\n            )\n\n                ? product.categories\n\n                : [];\n\n\n        const categorySlugs =\n            new Set(\n\n                categories.map(\n                    (category) =>\n                        normalize(\n                            category.slug\n                        )\n                )\n\n            );\n\n\n        return categorySlugs.has(\n            normalize(\n                definition.slug\n            )\n        );\n\n    };\n\n\n    \/* =========================================\n       COLLECTION\n    ========================================= *\/\n\n    const collectionName = (\n        product\n    ) => {\n\n        const categories =\n            Array.isArray(\n                product.categories\n            )\n\n                ? product.categories\n\n                : [];\n\n\n        for (\n            const collection\n            of COLLECTIONS\n        ) {\n\n            const aliases =\n                new Set(\n\n                    collection.aliases\n                        .map(\n                            normalize\n                        )\n\n                );\n\n\n            const found =\n                categories.some(\n\n                    (category) =>\n\n                        aliases.has(\n                            normalize(\n                                category.name\n                            )\n                        )\n\n                        ||\n\n                        aliases.has(\n                            normalize(\n                                category.slug\n                            )\n                        )\n\n                );\n\n\n            if (\n                found\n            ) {\n\n                return collection.label;\n            }\n\n        }\n\n\n        const normalizedName =\n            normalize(\n                product.name\n            );\n\n\n        for (\n            const collection\n            of COLLECTIONS\n        ) {\n\n            if (\n\n                collection.aliases\n\n                    .map(\n                        normalize\n                    )\n\n                    .some(\n\n                        (alias) =>\n\n                            normalizedName\n                                .includes(\n                                    alias\n                                )\n\n                    )\n\n            ) {\n\n                return collection.label;\n            }\n\n        }\n\n\n        return \"\";\n\n    };\n\n\n    \/* =========================================\n       PRICE\n    ========================================= *\/\n\n    const money = (\n        rawPrice,\n        prices\n    ) => {\n\n        if (\n            rawPrice === null\n            ||\n            rawPrice === undefined\n            ||\n            rawPrice === \"\"\n        ) {\n\n            return \"\";\n        }\n\n\n        const minor =\n            Number(\n                prices.currency_minor_unit\n                ?? 2\n            );\n\n\n        const amount =\n            Number(\n                rawPrice\n            )\n\n            \/\n\n            Math.pow(\n                10,\n                minor\n            );\n\n\n        const symbol =\n            prices.currency_symbol\n            ||\n            \"\u20aa\";\n\n\n        if (\n            !Number.isFinite(\n                amount\n            )\n        ) {\n\n            return \"\";\n        }\n\n\n        return `${amount.toFixed(minor)} ${symbol}`;\n\n    };\n\n\n    const priceHTML = (\n        product\n    ) => {\n\n        const prices =\n            product.prices\n            ||\n            {};\n\n\n        const current =\n            money(\n                prices.price,\n                prices\n            );\n\n\n        const regular =\n            money(\n                prices.regular_price,\n                prices\n            );\n\n\n        if (\n            product.on_sale\n            &&\n            current\n            &&\n            regular\n            &&\n            current !== regular\n        ) {\n\n            return `\n                <del>${escapeHTML(regular)}<\/del>\n                <ins>${escapeHTML(current)}<\/ins>\n            `;\n\n        }\n\n\n        return escapeHTML(\n            current\n            ||\n            regular\n            ||\n            \"\"\n        );\n\n    };\n\n\n    \/* =========================================\n       SKELETON\n    ========================================= *\/\n\n    const skeletons = () =>\n\n        Array\n            .from(\n                {\n                    length:\n                        3\n                },\n\n                () => `\n\n                    <div\n                        class=\"cocoa-shop-skeleton\"\n                        aria-hidden=\"true\"\n                    >\n\n                        <div\n                            class=\"cocoa-shop-skeleton__image\"\n                        ><\/div>\n\n                        <div\n                            class=\"cocoa-shop-skeleton__line\"\n                        ><\/div>\n\n                        <div\n                            class=\"cocoa-shop-skeleton__line\"\n                        ><\/div>\n\n                        <div\n                            class=\"cocoa-shop-skeleton__line\"\n                        ><\/div>\n\n                    <\/div>\n\n                `\n            )\n\n            .join(\"\");\n\n\n    \/* =========================================\n       PRODUCT CARD\n    ========================================= *\/\n\n    const renderCard = (\n        product\n    ) => {\n\n        const images =\n            Array.isArray(\n                product.images\n            )\n\n                ? product.images\n\n                : [];\n\n\n        const primary =\n            images[0]?.src\n            ||\n            \"\";\n\n\n        const secondary =\n            images[1]?.src\n            ||\n            primary;\n\n\n        const alt =\n            images[0]?.alt\n            ||\n            product.name\n            ||\n            \"Cocoa Me product\";\n\n\n        const scent =\n            collectionName(\n                product\n            );\n\n\n        const description =\n            truncate(\n\n                stripHTML(\n\n                    product.short_description\n                    ||\n                    product.description\n                    ||\n                    \"\"\n\n                ),\n\n                112\n\n            );\n\n\n        const simpleProduct =\n\n            product.type ===\n            \"simple\"\n\n            &&\n\n            product.is_purchasable\n\n            &&\n\n            product.is_in_stock\n\n            &&\n\n            !product.has_options;\n\n\n        let action =\n            \"\";\n\n\n        if (\n            !product.is_in_stock\n        ) {\n\n            action = `\n\n                <button\n                    class=\"cocoa-shop-card__action\"\n                    type=\"button\"\n                    disabled\n                >\n                    OUT OF STOCK\n                <\/button>\n\n            `;\n\n        }\n\n        else if (\n            simpleProduct\n        ) {\n\n            action = `\n\n                <button\n                    class=\"\n                        cocoa-shop-card__action\n                        cocoa-shop-add\n                    \"\n                    type=\"button\"\n                    data-product-id=\"${Number(product.id)}\"\n                >\n                    QUICK ADD\n                <\/button>\n\n            `;\n\n        }\n\n        else {\n\n            action = `\n\n                <a\n                    class=\"cocoa-shop-card__action\"\n                    href=\"${escapeHTML(\n                        product.permalink\n                        ||\n                        \"#\"\n                    )}\"\n                >\n                    VIEW OPTIONS\n                <\/a>\n\n            `;\n\n        }\n\n\n        const badges = [\n\n            product.on_sale\n\n                ? `\n                    <span\n                        class=\"cocoa-shop-card__badge\"\n                    >\n                        SALE\n                    <\/span>\n                `\n\n                : \"\",\n\n\n            product.is_in_stock\n\n                ? \"\"\n\n                : `\n                    <span\n                        class=\"cocoa-shop-card__badge\"\n                    >\n                        SOLD OUT\n                    <\/span>\n                `\n\n        ].join(\"\");\n\n\n        return `\n\n            <article\n                class=\"\n                    cocoa-shop-card\n                    ${\n                        images.length < 2\n                            ? \"is-single-image\"\n                            : \"\"\n                    }\n                \"\n            >\n\n                <a\n                    class=\"cocoa-shop-card__media\"\n                    href=\"${escapeHTML(\n                        product.permalink\n                        ||\n                        \"#\"\n                    )}\"\n                    aria-label=\"${escapeHTML(\n                        product.name\n                    )}\"\n                >\n\n                    <div\n                        class=\"cocoa-shop-card__badges\"\n                    >\n                        ${badges}\n                    <\/div>\n\n\n                    ${\n                        primary\n\n                            ? `\n                                <img\n                                    class=\"\n                                        cocoa-shop-card__image\n                                        cocoa-shop-card__image--primary\n                                    \"\n                                    src=\"${escapeHTML(primary)}\"\n                                    alt=\"${escapeHTML(alt)}\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n                            `\n\n                            : \"\"\n                    }\n\n\n                    ${\n                        secondary\n\n                            ? `\n                                <img\n                                    class=\"\n                                        cocoa-shop-card__image\n                                        cocoa-shop-card__image--secondary\n                                    \"\n                                    src=\"${escapeHTML(secondary)}\"\n                                    alt=\"\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n                            `\n\n                            : \"\"\n                    }\n\n                <\/a>\n\n\n                <div\n                    class=\"cocoa-shop-card__body\"\n                >\n\n                    <div\n                        class=\"cocoa-shop-card__scent\"\n                    >\n                        ${escapeHTML(scent)}\n                    <\/div>\n\n\n                    <h3\n                        class=\"cocoa-shop-card__title\"\n                    >\n\n                        <a\n                            href=\"${escapeHTML(\n                                product.permalink\n                                ||\n                                \"#\"\n                            )}\"\n                        >\n                            ${escapeHTML(\n                                product.name\n                            )}\n                        <\/a>\n\n                    <\/h3>\n\n\n                    <p\n                        class=\"cocoa-shop-card__description\"\n                    >\n                        ${escapeHTML(\n                            description\n                        )}\n                    <\/p>\n\n\n                    <div\n                        class=\"cocoa-shop-card__meta\"\n                    >\n\n                        <span\n                            class=\"cocoa-shop-card__price\"\n                        >\n                            ${priceHTML(product)}\n                        <\/span>\n\n\n                        <span\n                            class=\"cocoa-shop-card__stock\"\n                        >\n                            ${\n                                product.is_in_stock\n\n                                    ? \"IN STOCK\"\n\n                                    : \"UNAVAILABLE\"\n                            }\n                        <\/span>\n\n                    <\/div>\n\n\n                    ${action}\n\n                <\/div>\n\n            <\/article>\n\n        `;\n\n    };\n\n\n    \/* =========================================\n       CART FRAGMENTS\n    ========================================= *\/\n\n    const updateFragments = (\n        fragments\n    ) => {\n\n        if (\n            !fragments\n            ||\n            typeof fragments !==\n            \"object\"\n        ) {\n\n            return;\n        }\n\n\n        Object\n            .entries(\n                fragments\n            )\n            .forEach(\n\n                ([\n                    selector,\n                    html\n                ]) => {\n\n                    document\n                        .querySelectorAll(\n                            selector\n                        )\n                        .forEach(\n                            (element) => {\n\n                                const replacement =\n                                    document\n                                        .createRange()\n                                        .createContextualFragment(\n                                            html\n                                        );\n\n\n                                element.replaceWith(\n                                    replacement\n                                );\n\n                            }\n                        );\n\n                }\n\n            );\n\n    };\n\n\n    \/* =========================================\n       QUICK ADD\n    ========================================= *\/\n\n    const addToCart =\n        async (\n            button\n        ) => {\n\n            const productId =\n                button.dataset.productId;\n\n\n            if (\n                !productId\n                ||\n                button.classList.contains(\n                    \"is-loading\"\n                )\n            ) {\n\n                return;\n            }\n\n\n            const initialText =\n                button.textContent.trim();\n\n\n            button.classList.add(\n                \"is-loading\"\n            );\n\n\n            button.textContent =\n                \"ADDING\u2026\";\n\n\n            try {\n\n                const ajaxUrl =\n\n                    window\n                        .wc_add_to_cart_params\n                        ?.wc_ajax_url\n                        ?.replace(\n                            \"%%endpoint%%\",\n                            \"add_to_cart\"\n                        )\n\n                    ||\n\n                    \"\/?wc-ajax=add_to_cart\";\n\n\n                const body =\n                    new URLSearchParams({\n\n                        product_id:\n                            productId,\n\n                        quantity:\n                            \"1\"\n\n                    });\n\n\n                const response =\n                    await fetch(\n\n                        ajaxUrl,\n\n                        {\n                            method:\n                                \"POST\",\n\n                            credentials:\n                                \"same-origin\",\n\n                            headers: {\n\n                                \"Content-Type\":\n                                    \"application\/x-www-form-urlencoded; charset=UTF-8\"\n\n                            },\n\n                            body\n                        }\n\n                    );\n\n\n                if (\n                    !response.ok\n                ) {\n\n                    throw new Error(\n                        `Add to cart failed: ${response.status}`\n                    );\n                }\n\n\n                const payload =\n                    await response.json();\n\n\n                if (\n                    payload.error\n                    &&\n                    payload.product_url\n                ) {\n\n                    window.location.href =\n                        payload.product_url;\n\n                    return;\n                }\n\n\n                updateFragments(\n                    payload.fragments\n                );\n\n\n                if (\n                    window.jQuery\n                ) {\n\n                    window\n                        .jQuery(\n                            document.body\n                        )\n                        .trigger(\n                            \"added_to_cart\",\n                            [\n                                payload.fragments,\n                                payload.cart_hash,\n                                window.jQuery(\n                                    button\n                                )\n                            ]\n                        );\n\n                }\n\n\n                button.classList.remove(\n                    \"is-loading\"\n                );\n\n\n                button.classList.add(\n                    \"is-added\"\n                );\n\n\n                button.textContent =\n                    \"ADDED TO BAG\";\n\n\n                window.setTimeout(\n                    () => {\n\n                        button.classList.remove(\n                            \"is-added\"\n                        );\n\n\n                        button.textContent =\n                            initialText;\n\n                    },\n\n                    1800\n                );\n\n            }\n\n            catch (\n                error\n            ) {\n\n                console.error(\n                    \"Cocoa Me quick add:\",\n                    error\n                );\n\n\n                button.classList.remove(\n                    \"is-loading\"\n                );\n\n\n                button.textContent =\n                    \"TRY AGAIN\";\n\n            }\n\n        };\n\n\n    \/* =========================================\n       INIT\n    ========================================= *\/\n\n    const init =\n        async (\n            root\n        ) => {\n\n\n            if (\n                root.dataset.cocoaShopReady\n                ===\n                \"true\"\n            ) {\n\n                return;\n            }\n\n\n            root.dataset.cocoaShopReady =\n                \"true\";\n\n\n            const grid =\n                root.querySelector(\n                    \".cocoa-shop-tabs__grid\"\n                );\n\n\n            const panel =\n                root.querySelector(\n                    \".cocoa-shop-tabs__panel\"\n                );\n\n\n            const status =\n                root.querySelector(\n                    \".cocoa-shop-tabs__status\"\n                );\n\n\n            const tabs =\n                Array.from(\n\n                    root.querySelectorAll(\n                        \".cocoa-shop-tab\"\n                    )\n\n                );\n\n\n            let products =\n                [];\n\n\n            let activeKey =\n                \"body-creams\";\n\n\n            \/* SELECT TAB *\/\n\n            const selectTab = (\n                key,\n                focusPanel = false\n            ) => {\n\n                activeKey =\n                    key;\n\n\n                tabs.forEach(\n                    (tab) => {\n\n                        const active =\n                            tab.dataset.tab\n                            ===\n                            key;\n\n\n                        tab.classList.toggle(\n                            \"is-active\",\n                            active\n                        );\n\n\n                        tab.setAttribute(\n                            \"aria-selected\",\n                            String(active)\n                        );\n\n\n                        tab.tabIndex =\n                            active\n                                ? 0\n                                : -1;\n\n                    }\n                );\n\n\n                const definition =\n\n                    DEFINITIONS.find(\n                        (item) =>\n                            item.key ===\n                            key\n                    )\n\n                    ||\n\n                    DEFINITIONS[0];\n\n\n                const filtered =\n                    products.filter(\n                        (product) =>\n                            matchesDefinition(\n                                product,\n                                definition\n                            )\n                    );\n\n\n                status.textContent =\n                    \"\";\n\n\n                if (\n                    !filtered.length\n                ) {\n\n                    grid.innerHTML = `\n\n                        <div\n                            class=\"cocoa-shop-tabs__empty\"\n                        >\n\n                            <strong>\n                                ${escapeHTML(\n                                    definition.label\n                                )}\n                            <\/strong>\n\n                            <p>\n                                No products were found in this category yet.\n                                Check the WooCommerce category assignment or browse all products.\n                            <\/p>\n\n                            <a href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\">\n                                VIEW ALL PRODUCTS\n                            <\/a>\n\n                        <\/div>\n\n                    `;\n\n                }\n\n                else {\n\n                    grid.innerHTML =\n                        filtered\n                            .map(\n                                renderCard\n                            )\n                            .join(\"\");\n\n                }\n\n\n                if (\n                    focusPanel\n                ) {\n\n                    panel.focus({\n                        preventScroll:\n                            true\n                    });\n\n                }\n\n            };\n\n\n            \/* TAB EVENTS *\/\n\n            tabs.forEach(\n                (\n                    tab,\n                    index\n                ) => {\n\n\n                    tab.addEventListener(\n                        \"click\",\n                        () => {\n\n                            selectTab(\n                                tab.dataset.tab,\n                                true\n                            );\n\n                        }\n                    );\n\n\n                    tab.addEventListener(\n                        \"keydown\",\n                        (\n                            event\n                        ) => {\n\n                            if (\n                                ![\n                                    \"ArrowLeft\",\n                                    \"ArrowRight\",\n                                    \"Home\",\n                                    \"End\"\n                                ].includes(\n                                    event.key\n                                )\n                            ) {\n\n                                return;\n                            }\n\n\n                            event.preventDefault();\n\n\n                            let nextIndex =\n                                index;\n\n\n                            if (\n                                event.key ===\n                                \"ArrowRight\"\n                            ) {\n\n                                nextIndex =\n                                    (\n                                        index + 1\n                                    )\n                                    %\n                                    tabs.length;\n\n                            }\n\n                            else if (\n                                event.key ===\n                                \"ArrowLeft\"\n                            ) {\n\n                                nextIndex =\n                                    (\n                                        index\n                                        -\n                                        1\n                                        +\n                                        tabs.length\n                                    )\n                                    %\n                                    tabs.length;\n\n                            }\n\n                            else if (\n                                event.key ===\n                                \"Home\"\n                            ) {\n\n                                nextIndex =\n                                    0;\n\n                            }\n\n                            else if (\n                                event.key ===\n                                \"End\"\n                            ) {\n\n                                nextIndex =\n                                    tabs.length\n                                    -\n                                    1;\n\n                            }\n\n\n                            tabs[\n                                nextIndex\n                            ].focus();\n\n\n                            selectTab(\n                                tabs[\n                                    nextIndex\n                                ].dataset.tab\n                            );\n\n                        }\n                    );\n\n                }\n\n            );\n\n\n            \/* QUICK ADD *\/\n\n            root.addEventListener(\n                \"click\",\n                (\n                    event\n                ) => {\n\n                    const button =\n                        event.target.closest(\n                            \".cocoa-shop-add\"\n                        );\n\n\n                    if (\n                        button\n                        &&\n                        root.contains(\n                            button\n                        )\n                    ) {\n\n                        addToCart(\n                            button\n                        );\n\n                    }\n\n                }\n            );\n\n\n            \/* LOAD PRODUCTS *\/\n\n            grid.innerHTML =\n                skeletons();\n\n\n            status.textContent =\n                \"Loading products\u2026\";\n\n\n            try {\n\n                const endpoint =\n\n                    \"\/en\/wp-json\/wc\/store\/v1\/products\"\n\n                    +\n\n                    \"?per_page=100&orderby=menu_order&order=asc&lang=en\";\n\n\n                const response =\n                    await fetch(\n\n                        endpoint,\n\n                        {\n                            credentials:\n                                \"same-origin\",\n\n                            headers: {\n\n                                \"Accept\":\n                                    \"application\/json\"\n\n                            }\n                        }\n\n                    );\n\n\n                if (\n                    !response.ok\n                ) {\n\n                    throw new Error(\n                        `Products request failed: ${response.status}`\n                    );\n                }\n\n\n                const payload =\n                    await response.json();\n\n\n                products =\n                    Array.isArray(\n                        payload\n                    )\n\n                        ? payload\n\n                        : [];\n\n\n                selectTab(\n                    activeKey\n                );\n\n            }\n\n            catch (\n                error\n            ) {\n\n                console.error(\n                    \"Cocoa Me Body Care shop:\",\n                    error\n                );\n\n\n                status.textContent =\n                    \"\";\n\n\n                grid.innerHTML = `\n\n                    <div\n                        class=\"cocoa-shop-tabs__error\"\n                    >\n\n                        <strong>\n                            We could not load the products.\n                        <\/strong>\n\n                        <p>\n                            The layout is ready, but the WooCommerce Store API did not respond.\n                            You can still open the regular shop page.\n                        <\/p>\n\n                        <a href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\">\n                            OPEN SHOP\n                        <\/a>\n\n                    <\/div>\n\n                `;\n\n            }\n\n        };\n\n\n    \/* =========================================\n       BOOT\n    ========================================= *\/\n\n    const boot = () => {\n\n        document\n            .querySelectorAll(\n                \".cocoa-body-care-shop\"\n            )\n            .forEach(\n                init\n            );\n\n    };\n\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            boot\n        );\n\n    }\n\n    else {\n\n        boot();\n    }\n\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        boot\n    );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73a6c8e e-flex e-con-boxed e-con e-child\" data-id=\"73a6c8e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-16eff4d e-con-full e-flex e-con e-child\" data-id=\"16eff4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12a4502 e-con-full e-flex e-con e-child\" data-id=\"12a4502\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a525fd elementor-widget elementor-widget-heading\" data-id=\"6a525fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TINY PINK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-252a2d8 elementor-widget elementor-widget-text-editor\" data-id=\"252a2d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"qMYqUG_convSearchResultHighlightRoot\"><p><span style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\">Tiny Pink blends red peony and lush cherry into a soft, playful floral sweetness. Sultry vanilla leaves a warm, feminine trail that feels delicate yet unforgettable.<\/span><\/p><\/div><div class=\"pointer-events-none -mt-px h-px translate-y-(--scroll-root-safe-area-inset-bottom)\" aria-hidden=\"true\">\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b93d92b e-flex e-con-boxed e-con e-child\" data-id=\"b93d92b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f313a2 e-con-full e-flex e-con e-child\" data-id=\"3f313a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b29c23 e-con-full e-flex e-con e-child\" data-id=\"2b29c23\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86a4122 elementor-widget elementor-widget-heading\" data-id=\"86a4122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DEEP OCEAN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-477d182 elementor-widget elementor-widget-text-editor\" data-id=\"477d182\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"qMYqUG_convSearchResultHighlightRoot\"><p>A timeless blend of fresh mandarin and elegant orange blossom, grounded by a warm heart of solar notes, white florals, and rich amber.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1401c38 e-flex e-con-boxed e-con e-child\" data-id=\"1401c38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7386339 e-con-full e-flex e-con e-child\" data-id=\"7386339\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a00f16d e-con-full e-flex e-con e-child\" data-id=\"a00f16d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6225c8b elementor-widget elementor-widget-heading\" data-id=\"6225c8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VICTORY<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-166c884 elementor-widget elementor-widget-text-editor\" data-id=\"166c884\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"qMYqUG_convSearchResultHighlightRoot\"><div class=\"qMYqUG_convSearchResultHighlightRoot\"><div class=\"\" data-turn-id-container=\"request-6a5f2698-1938-83eb-bfe9-24e4413220ba-2\" data-is-intersecting=\"true\"><section class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" data-turn-id=\"request-6a5f2698-1938-83eb-bfe9-24e4413220ba-2\" data-turn-id-container=\"request-6a5f2698-1938-83eb-bfe9-24e4413220ba-2\" data-testid=\"conversation-turn-12\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-15 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" data-conversation-screenshot-content=\"\"><div class=\"flex max-w-full flex-col gap-4 grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&amp;]:mt-1\" dir=\"auto\" tabindex=\"0\" data-message-author-role=\"assistant\" data-message-id=\"e4727423-2e0b-48ab-9fea-a7bdf9eae1ab\" data-turn-start-message=\"true\" data-message-model-slug=\"gpt-5-6-thinking\"><div class=\"flex w-full flex-col gap-1 empty:hidden\"><div class=\"markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\"><p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"27\" data-end=\"223\" data-is-last-node=\"\" data-is-only-node=\"\">Victory blends fresh peony and juicy lychee into a crisp, elegant floral brightness. Warm amber and cedar leave a sophisticated, timeless trail that feels empowering yet unforgettable.<\/p><\/div><\/div><\/div><\/div><\/div><\/div><\/section><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Body Care BODY CARE Soft skin, every day. Explore Cocoa Me body care essentials in one place. Choose between nourishing body creams and everyday hand creams. Body Cream Hand Cream JavaScript is required for the product tabs. View all products. TINY PINK Tiny Pink blends red peony and lush cherry into a soft, playful floral [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/comments?post=945"}],"version-history":[{"count":37,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/945\/revisions"}],"predecessor-version":[{"id":1515,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/945\/revisions\/1515"}],"wp:attachment":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/media?parent=945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}