{"id":561,"date":"2026-07-16T08:43:51","date_gmt":"2026-07-16T08:43:51","guid":{"rendered":"https:\/\/cocoame.co.il\/?page_id=561"},"modified":"2026-08-31T13:33:43","modified_gmt":"2026-08-31T13:33:43","slug":"cocoa-shop","status":"publish","type":"page","link":"https:\/\/cocoame.co.il\/en\/cocoa-shop\/","title":{"rendered":"cocoa shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"561\" class=\"elementor elementor-561\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35d75a51 e-flex e-con-boxed e-con e-parent\" data-id=\"35d75a51\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<section class=\"elementor-element elementor-element-2152018b e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"2152018b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/cocoame.co.il\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/0716.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-1c7bdf4e e-con-full e-flex e-con e-child\" data-id=\"1c7bdf4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7420b3bc elementor-widget elementor-widget-heading\" data-id=\"7420b3bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">SHOP COCOA ME<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf62f4 elementor-widget elementor-widget-heading\" data-id=\"bf62f4\" 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\">Find Your<br>Everyday Ritual<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6aebd2dd elementor-widget elementor-widget-text-editor\" data-id=\"6aebd2dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Soft body care and dreamy home fragrance, arranged by the way you love to use them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<section class=\"elementor-element elementor-element-7d6daac e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"7d6daac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/cocoame.co.il\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/0716.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-aff7617 e-con-full e-flex e-con e-child\" data-id=\"aff7617\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cec2dfc elementor-widget elementor-widget-heading\" data-id=\"cec2dfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">SHOP COCOA ME<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de9dcfc elementor-widget elementor-widget-heading\" data-id=\"de9dcfc\" 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\">Find Your<br>Everyday Ritual<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e88e997 elementor-widget elementor-widget-text-editor\" data-id=\"e88e997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Soft body care and dreamy home fragrance, arranged by the way you love to use them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5606c220 e-flex e-con-boxed e-con e-parent\" data-id=\"5606c220\" 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-43a3b2dd elementor-widget elementor-widget-html\" data-id=\"43a3b2dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"cocoa-shop\" class=\"cocoa-shop-tabs\" dir=\"ltr\" aria-label=\"Shop Cocoa Me by product type\">\n\n    <div class=\"cocoa-shop-tabs__intro\">\n        <div>\n            <span class=\"cocoa-shop-tabs__eyebrow\">SHOP BY PRODUCT<\/span>\n\n            <h2>\n                Everything you love,<br>\n                sorted your way.\n            <\/h2>\n        <\/div>\n\n        <p>\n            Move between body care and home fragrance without leaving the page.\n            Every tab loads the matching WooCommerce products automatically.\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=\"Product 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=\"all\"\n            >\n                <span>All<\/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=\"body-cream\"\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-cream\"\n            >\n                <span>Hand 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=\"diffuser\"\n            >\n                <span>Diffuser<\/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=\"fragrance-spray\"\n            >\n                <span>Fragrance Spray<\/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=\"gifts-bags\"\n            >\n                <span>Gifts &amp; Bags<\/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 SHOP\n========================================= *\/\n\n.cocoa-shop-tabs,\n.cocoa-shop-tabs * {\n    box-sizing: border-box;\n}\n\n\n.cocoa-shop-tabs {\n\n    --cocoa-gold: #966f2a;\n    --cocoa-text: #6f6251;\n    --cocoa-cream: #f7f5f0;\n    --cocoa-tab-hover: #f1ede5;\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-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-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    line-height: 1;\n\n    letter-spacing: 1.4px;\n}\n\n\n.cocoa-shop-tabs__intro h2 {\n\n    margin: 0;\n\n    color: var(--cocoa-gold);\n\n    font-size: 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-shop-tabs__intro p {\n\n    max-width: 440px;\n\n    margin: 0 0 3px auto;\n\n    color: 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-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-shop-tabs__nav {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, minmax(0, 1fr));\n\n    gap: 6px;\n}\n\n\n\/* =========================================\n   TAB \u2014 BASE\n========================================= *\/\n\n.cocoa-shop-tabs button.cocoa-shop-tab {\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 54px;\n\n    margin: 0;\n\n    padding: 11px 16px;\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;\n\n    font-size: 14px;\n    font-weight: 500;\n\n    line-height: 1;\n\n    text-align: center;\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-shop-tabs button.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-shop-tabs button.cocoa-shop-tab:focus,\n.cocoa-shop-tabs button.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 ACTIVE\n========================================= *\/\n\n.cocoa-shop-tabs button.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-shop-tabs button.cocoa-shop-tab.is-active,\n.cocoa-shop-tabs button.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.cocoa-shop-tabs button.cocoa-shop-tab.is-active:hover,\n.cocoa-shop-tabs button.cocoa-shop-tab[aria-selected=\"true\"]:hover,\n.cocoa-shop-tabs button.cocoa-shop-tab.is-active:focus,\n.cocoa-shop-tabs button.cocoa-shop-tab[aria-selected=\"true\"]:focus,\n.cocoa-shop-tabs button.cocoa-shop-tab.is-active:focus-visible,\n.cocoa-shop-tabs button.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    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.cocoa-shop-tabs button.cocoa-shop-tab::before,\n.cocoa-shop-tabs button.cocoa-shop-tab::after {\n\n    content:\n        none !important;\n\n    display:\n        none !important;\n}\n\n\n\/* =========================================\n   HIDDEN STATUS\n========================================= *\/\n\n.cocoa-shop-tabs__status {\n\n    position: absolute !important;\n\n    width: 1px !important;\n    height: 1px !important;\n\n    padding: 0 !important;\n    margin: -1px !important;\n\n    overflow: hidden !important;\n\n    clip:\n        rect(0, 0, 0, 0) !important;\n\n    clip-path:\n        inset(50%) !important;\n\n    white-space:\n        nowrap !important;\n\n    border:\n        0 !important;\n}\n\n\n\/* =========================================\n   PRODUCTS GRID\n========================================= *\/\n\n.cocoa-shop-tabs__panel {\n    outline: none;\n}\n\n\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-shop-card {\n\n    position: relative;\n\n    display: flex;\n\n    min-width: 0;\n\n    flex-direction: column;\n}\n\n\n.cocoa-shop-card__media {\n\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n\n    height:\n        auto !important;\n\n    aspect-ratio:\n        var(\n            --cocoa-primary-ratio,\n            1 \/ 1\n        );\n\n    overflow: hidden;\n\n    border-radius: 8px;\n\n    background: transparent;\n\n    line-height: 0;\n\n    transition:\n        aspect-ratio 0.35s ease;\n}\n\n\n.cocoa-shop-card.has-secondary-image:hover\n.cocoa-shop-card__media {\n\n    aspect-ratio:\n        var(\n            --cocoa-secondary-ratio,\n            var(\n                --cocoa-primary-ratio,\n                1 \/ 1\n            )\n        );\n}\n\n\n.cocoa-shop-card__image {\n\n    position: absolute;\n\n    inset: 0;\n\n    display: block;\n\n    width:\n        100% !important;\n\n    max-width:\n        100%;\n\n    height:\n        100% !important;\n\n    object-fit:\n        contain !important;\n\n    object-position:\n        center;\n\n    transition:\n        opacity 0.45s ease,\n        transform 0.55s\n        cubic-bezier(\n            0.22,\n            1,\n            0.36,\n            1\n        );\n}\n\n\n.cocoa-shop-card__image--primary {\n\n    position: relative;\n\n    opacity: 1;\n\n    transform:\n        scale(1);\n}\n\n\n.cocoa-shop-card__image--secondary {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    opacity: 0;\n\n    transform:\n        scale(1);\n}\n\n\n.cocoa-shop-card:hover\n.cocoa-shop-card__image--primary {\n\n    opacity: 0;\n}\n\n\n.cocoa-shop-card:hover\n.cocoa-shop-card__image--secondary {\n\n    opacity: 1;\n}\n\n\n.cocoa-shop-card.is-single-image:hover\n.cocoa-shop-card__image--primary {\n\n    opacity: 1;\n}\n\n\n\/* Gifts & Bags *\/\n\n.cocoa-shop-card.is-gift-product:hover\n.cocoa-shop-card__media {\n\n    aspect-ratio:\n        var(\n            --cocoa-primary-ratio,\n            1 \/ 1\n        );\n}\n\n\n.cocoa-shop-card.is-gift-product:hover\n.cocoa-shop-card__image--primary {\n\n    opacity: 1;\n\n    transform:\n        scale(1.18);\n}\n\n\n.cocoa-shop-card.is-gift-product:hover\n.cocoa-shop-card__image--secondary {\n\n    opacity: 0;\n}\n\n\n\/* =========================================\n   BADGES\n========================================= *\/\n\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-shop-card__badge {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    min-height: 26px;\n\n    padding:\n        6px\n        10px;\n\n    border-radius:\n        999px;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            0.88\n        );\n\n    color:\n        var(--cocoa-gold);\n\n    font-size: 9px;\n\n    font-weight: 600;\n\n    line-height: 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-shop-card__body {\n\n    display: flex;\n\n    flex: 1;\n\n    flex-direction: column;\n\n    padding:\n        18px\n        3px\n        0;\n}\n\n\n.cocoa-shop-card__scent {\n\n    min-height: 15px;\n\n    margin-bottom: 7px;\n\n    color:\n        var(--cocoa-gold);\n\n    font-size: 10px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing:\n        1px;\n\n    text-transform:\n        uppercase;\n}\n\n\n.cocoa-shop-card__title {\n\n    margin: 0;\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 21px;\n\n    font-weight: 500;\n\n    line-height: 1.12;\n\n    letter-spacing:\n        -0.25px;\n}\n\n\n.cocoa-shop-card__title a {\n\n    color: inherit;\n\n    text-decoration: none;\n}\n\n\n.cocoa-shop-card__description {\n\n    min-height: 42px;\n\n    margin:\n        10px\n        0\n        16px;\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    opacity: 0.82;\n}\n\n\n\/* =========================================\n   PRICE \/ STOCK\n========================================= *\/\n\n.cocoa-shop-card__meta {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content:\n        space-between;\n\n    gap: 12px;\n\n    margin-top: auto;\n\n    margin-bottom: 13px;\n}\n\n\n.cocoa-shop-card__price {\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 14px;\n\n    font-weight: 500;\n\n    line-height: 1;\n}\n\n\n.cocoa-shop-card__price del {\n\n    margin-right: 7px;\n\n    opacity: 0.45;\n}\n\n\n.cocoa-shop-card__price ins {\n\n    color:\n        var(--cocoa-gold);\n\n    text-decoration: none;\n}\n\n\n.cocoa-shop-card__stock {\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    letter-spacing:\n        0.6px;\n\n    text-transform:\n        uppercase;\n\n    opacity: 0.62;\n}\n\n\n\/* =========================================\n   PRODUCT ACTION BUTTON\n========================================= *\/\n\n.cocoa-shop-tabs\n.cocoa-shop-card__action {\n\n    appearance: none;\n    -webkit-appearance: none;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n\n    min-height: 48px;\n\n    padding:\n        12px\n        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    color:\n        var(--cocoa-gold) !important;\n\n    font-family:\n        \"Ploni\",\n        \"Microsoft Sans Serif\",\n        Assistant,\n        Arial,\n        sans-serif;\n\n    font-size: 11px;\n\n    font-weight: 600;\n\n    line-height: 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: 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-shop-tabs\n.cocoa-shop-card__action:hover,\n.cocoa-shop-tabs\n.cocoa-shop-card__action:focus-visible {\n\n    outline:\n        none !important;\n\n    border-color:\n        var(--cocoa-gold) !important;\n\n    background:\n        var(--cocoa-gold) !important;\n\n    background-color:\n        var(--cocoa-gold) !important;\n\n    color:\n        #ffffff !important;\n\n    box-shadow:\n        0 10px 24px\n        rgba(\n            150,\n            111,\n            42,\n            0.14\n        ) !important;\n}\n\n\n.cocoa-shop-tabs\n.cocoa-shop-card__action[disabled] {\n\n    border-color:\n        rgba(\n            111,\n            98,\n            81,\n            0.22\n        ) !important;\n\n    background:\n        transparent !important;\n\n    color:\n        rgba(\n            111,\n            98,\n            81,\n            0.52\n        ) !important;\n\n    cursor:\n        not-allowed;\n\n    box-shadow:\n        none !important;\n}\n\n\n.cocoa-shop-card__action.is-loading {\n\n    pointer-events:\n        none;\n\n    opacity:\n        0.66;\n}\n\n\n.cocoa-shop-tabs\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-shop-tabs__empty,\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: 12px;\n\n    padding: 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-shop-tabs__empty strong,\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-shop-tabs__empty p,\n.cocoa-shop-tabs__error p {\n\n    max-width:\n        520px;\n\n    margin: 0;\n\n    font-size:\n        14px;\n\n    line-height:\n        1.5;\n}\n\n\n.cocoa-shop-tabs__empty a,\n.cocoa-shop-tabs__error a,\n.cocoa-shop-tabs__fallback a {\n\n    color:\n        var(--cocoa-gold);\n}\n\n\n\/* =========================================\n   SKELETON\n========================================= *\/\n\n.cocoa-shop-skeleton {\n\n    overflow: hidden;\n\n    border-radius:\n        8px;\n}\n\n\n.cocoa-shop-skeleton__image,\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        cocoaShopShimmer\n        1.25s\n        linear\n        infinite;\n}\n\n\n.cocoa-shop-skeleton__image {\n\n    aspect-ratio:\n        0.88;\n\n    border-radius:\n        8px;\n}\n\n\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-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-shop-skeleton__line:nth-child(3) {\n    width: 92%;\n}\n\n\n.cocoa-shop-skeleton__line:nth-child(4) {\n    width: 34%;\n}\n\n\n@keyframes cocoaShopShimmer {\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-shop-tabs__intro {\n        gap: 35px;\n    }\n\n\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n    }\n\n\n    .cocoa-shop-tabs__nav-wrap {\n        top: 74px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .cocoa-shop-tabs {\n\n        width: 100%;\n\n        max-width: 100%;\n\n        padding-right:\n            14px;\n\n        padding-left:\n            14px;\n\n        overflow:\n            hidden;\n    }\n\n\n    .cocoa-shop-tabs__intro {\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            11px;\n\n        margin-bottom:\n            18px;\n    }\n\n\n    .cocoa-shop-tabs__eyebrow {\n\n        margin-bottom:\n            7px;\n\n        font-size:\n            9px;\n\n        letter-spacing:\n            1.1px;\n    }\n\n\n    .cocoa-shop-tabs__intro h2 {\n\n        max-width:\n            100%;\n\n        font-size:\n            clamp(\n                28px,\n                8vw,\n                35px\n            );\n\n        line-height:\n            1.02;\n\n        letter-spacing:\n            -0.7px;\n    }\n\n\n    .cocoa-shop-tabs__intro h2 br {\n        display: none;\n    }\n\n\n    .cocoa-shop-tabs__intro p {\n\n        max-width:\n            100%;\n\n        margin: 0;\n\n        font-size:\n            12px;\n\n        line-height:\n            1.45;\n    }\n\n\n    .cocoa-shop-tabs__nav-wrap {\n\n        position:\n            relative;\n\n        top: auto;\n\n        width:\n            100%;\n\n        margin:\n            0\n            0\n            18px;\n\n        padding:\n            5px;\n\n        overflow:\n            visible;\n\n        border:\n            1px solid\n            rgba(\n                150,\n                111,\n                42,\n                0.14\n            );\n\n        border-radius:\n            16px;\n\n        background:\n            rgba(\n                247,\n                245,\n                240,\n                0.92\n            );\n\n        box-shadow:\n            0 6px 18px\n            rgba(\n                111,\n                98,\n                81,\n                0.05\n            );\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-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                6,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            5px;\n    }\n\n\n    .cocoa-shop-tabs\n    button.cocoa-shop-tab {\n\n        width:\n            100%;\n\n        min-width:\n            0;\n\n        min-height:\n            40px;\n\n        padding:\n            7px\n            4px;\n\n        border-color:\n            rgba(\n                150,\n                111,\n                42,\n                0.11\n            ) !important;\n\n        border-radius:\n            11px !important;\n\n        font-size:\n            10.5px;\n\n        line-height:\n            1.1;\n\n        white-space:\n            normal;\n    }\n\n\n    .cocoa-shop-tab:nth-child(1),\n    .cocoa-shop-tab:nth-child(2),\n    .cocoa-shop-tab:nth-child(3),\n    .cocoa-shop-tab:nth-child(4),\n    .cocoa-shop-tab:nth-child(5),\n    .cocoa-shop-tab:nth-child(6) {\n\n        grid-column:\n            span 2;\n    }\n\n\n    .cocoa-shop-tab span {\n\n        min-width:\n            0;\n\n        overflow-wrap:\n            normal;\n\n        word-break:\n            normal;\n    }\n\n\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            24px\n            10px;\n    }\n\n\n    .cocoa-shop-card {\n        min-width: 0;\n    }\n\n\n    .cocoa-shop-card__media {\n\n        width:\n            100%;\n\n        border-radius:\n            6px;\n    }\n\n\n    .cocoa-shop-card__body {\n\n        min-width:\n            0;\n\n        padding:\n            12px\n            1px\n            0;\n    }\n\n\n    .cocoa-shop-card__title {\n\n        font-size:\n            15px;\n\n        line-height:\n            1.15;\n\n        overflow-wrap:\n            anywhere;\n    }\n\n\n    .cocoa-shop-card__description {\n        display: none;\n    }\n\n\n    .cocoa-shop-card__scent {\n\n        min-height:\n            12px;\n\n        margin-bottom:\n            5px;\n\n        font-size:\n            7px;\n\n        letter-spacing:\n            0.75px;\n    }\n\n\n    .cocoa-shop-card__meta {\n\n        align-items:\n            flex-start;\n\n        flex-direction:\n            column;\n\n        gap:\n            5px;\n\n        margin-bottom:\n            10px;\n    }\n\n\n    .cocoa-shop-card__price {\n\n        font-size:\n            12px;\n\n        line-height:\n            1.2;\n    }\n\n\n    .cocoa-shop-card__stock {\n\n        font-size:\n            7px;\n\n        line-height:\n            1.2;\n    }\n\n\n    .cocoa-shop-tabs\n    .cocoa-shop-card__action {\n\n        min-height:\n            42px;\n\n        padding:\n            9px\n            6px;\n\n        font-size:\n            8px;\n\n        letter-spacing:\n            0.45px;\n    }\n\n\n    .cocoa-shop-card__badges {\n\n        top:\n            7px;\n\n        left:\n            7px;\n    }\n\n\n    .cocoa-shop-card__badge {\n\n        min-height:\n            21px;\n\n        padding:\n            5px\n            7px;\n\n        font-size:\n            6px;\n    }\n\n\n    .cocoa-shop-tabs__empty,\n    .cocoa-shop-tabs__error {\n\n        min-height:\n            220px;\n\n        padding:\n            28px\n            18px;\n    }\n\n\n    .cocoa-shop-tabs__empty strong,\n    .cocoa-shop-tabs__error strong {\n\n        font-size:\n            21px;\n    }\n\n\n    .cocoa-shop-tabs__empty p,\n    .cocoa-shop-tabs__error p {\n\n        font-size:\n            12px;\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 390px) {\n\n    .cocoa-shop-tabs {\n\n        padding-right:\n            11px;\n\n        padding-left:\n            11px;\n    }\n\n\n    .cocoa-shop-tabs__nav-wrap {\n\n        padding:\n            4px;\n\n        margin-bottom:\n            16px;\n    }\n\n\n    .cocoa-shop-tabs__nav {\n        gap: 4px;\n    }\n\n\n    .cocoa-shop-tabs\n    button.cocoa-shop-tab {\n\n        min-height:\n            39px;\n\n        padding:\n            6px\n            3px;\n\n        font-size:\n            10px;\n\n        border-radius:\n            10px !important;\n    }\n\n\n    .cocoa-shop-tabs__grid {\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            22px\n            8px;\n    }\n\n\n    .cocoa-shop-card__body {\n        padding-top: 10px;\n    }\n\n\n    .cocoa-shop-card__title {\n\n        font-size:\n            14px;\n\n        line-height:\n            1.12;\n    }\n\n\n    .cocoa-shop-card__scent {\n        font-size: 7px;\n    }\n\n\n    .cocoa-shop-card__price {\n        font-size: 11px;\n    }\n\n\n    .cocoa-shop-card__stock {\n        font-size: 7px;\n    }\n\n\n    .cocoa-shop-tabs\n    .cocoa-shop-card__action {\n\n        min-height:\n            40px;\n\n        padding:\n            8px\n            4px;\n\n        font-size:\n            7.5px;\n\n        letter-spacing:\n            0.3px;\n    }\n\n}\n\n\n\/* =========================================\n   TOUCH DEVICES\n========================================= *\/\n\n@media (hover: none) {\n\n    .cocoa-shop-card__image--secondary {\n        display: none;\n    }\n\n\n    .cocoa-shop-card:hover\n    .cocoa-shop-card__image--primary {\n\n        opacity: 1;\n\n        transform:\n            none;\n    }\n\n\n    .cocoa-shop-card.is-gift-product:hover\n    .cocoa-shop-card__image--primary {\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-shop-tab,\n    .cocoa-shop-card__media,\n    .cocoa-shop-card__image,\n    .cocoa-shop-card__action,\n    .cocoa-shop-skeleton__image,\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    \/* =========================================\n       CATEGORY DEFINITIONS\n    ========================================= *\/\n\n    const DEFINITIONS = [\n\n        {\n            key: \"all\",\n\n            label: \"All\",\n\n            aliases: []\n        },\n\n\n        {\n            key: \"body-cream\",\n\n            label: \"Body Cream\",\n\n            aliases: [\n                \"body cream\",\n                \"body creams\",\n                \"body-cream\",\n                \"body-creams\",\n                \"\u05e7\u05e8\u05dd \u05d2\u05d5\u05e3\",\n                \"\u05e7\u05e8\u05de\u05d9 \u05d2\u05d5\u05e3\"\n            ]\n        },\n\n\n        {\n            key: \"hand-cream\",\n\n            label: \"Hand Cream\",\n\n            aliases: [\n                \"hand cream\",\n                \"hand creams\",\n                \"hand-cream\",\n                \"hand-creams\",\n                \"\u05e7\u05e8\u05dd \u05d9\u05d3\u05d9\u05d9\u05dd\",\n                \"\u05e7\u05e8\u05de\u05d9 \u05d9\u05d3\u05d9\u05d9\u05dd\"\n            ]\n        },\n\n\n        {\n            key: \"diffuser\",\n\n            label: \"Diffuser\",\n\n            aliases: [\n                \"diffuser\",\n                \"diffusers\",\n                \"scent diffuser\",\n                \"scent diffusers\",\n                \"reed diffuser\",\n                \"reed diffusers\",\n                \"home diffuser\",\n                \"\u05d3\u05d9\u05e4\u05d9\u05d5\u05d6\u05e8\",\n                \"\u05d3\u05d9\u05e4\u05d9\u05d5\u05d6\u05e8\u05d9\u05dd\",\n                \"\u05de\u05e4\u05d9\u05e5 \u05e8\u05d9\u05d7\",\n                \"\u05de\u05e4\u05d9\u05e6\u05d9 \u05e8\u05d9\u05d7\"\n            ]\n        },\n\n\n        {\n            key: \"fragrance-spray\",\n\n            label: \"Fragrance Spray\",\n\n            aliases: [\n                \"fragrance spray\",\n                \"fragrance sprays\",\n                \"room textile spray\",\n                \"room and textile spray\",\n                \"room & textile spray\",\n                \"home textile spray\",\n                \"home and textile spray\",\n                \"home & textile spray\",\n                \"room spray\",\n                \"room sprays\",\n                \"textile spray\",\n                \"\u05de\u05d1\u05e9\u05dd \u05d0\u05d5\u05d5\u05d9\u05e8\u05d4 \u05d5\u05d8\u05e7\u05e1\u05d8\u05d9\u05dc\",\n                \"\u05de\u05d1\u05e9\u05dd \u05d0\u05d5\u05d5\u05d9\u05e8\u05d4\",\n                \"\u05e1\u05e4\u05e8\u05d9\u05d9 \u05de\u05d1\u05e9\u05dd\",\n                \"\u05e1\u05e4\u05e8\u05d9\u05d9 \u05e8\u05d9\u05d7\"\n            ]\n        },\n\n\n        {\n            key: \"gifts-bags\",\n\n            label: \"Gifts & Bags\",\n\n            aliases: [\n                \"gifts-bags\",\n                \"gifts bags\",\n                \"gift bags\",\n                \"gifts & bags\",\n                \"gifts and bags\",\n                \"gift bag\",\n                \"gift-bag\",\n                \"\u05de\u05ea\u05e0\u05d5\u05ea\",\n                \"\u05e9\u05e7\u05d9\u05d5\u05ea \u05de\u05ea\u05e0\u05d4\",\n                \"\u05de\u05d0\u05e8\u05d6\u05d9 \u05de\u05ea\u05e0\u05d4\"\n            ]\n        }\n\n    ];\n\n\n    \/* =========================================\n       COLLECTION DEFINITIONS\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        {\n            aliases: [\n                \"deep ocean\",\n                \"deep-ocean\"\n            ],\n\n            label:\n                \"Deep Ocean\"\n        },\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 = (value = \"\") =>\n\n        String(value)\n\n            .toLocaleLowerCase()\n\n            .replace(\n                \/&\/g,\n                \" and \"\n            )\n\n            .normalize(\"NFKD\")\n\n            .replace(\n                \/[^\\p{L}\\p{N}]+\/gu,\n                \"-\"\n            )\n\n            .replace(\n                \/^-+|-+$\/g,\n                \"\"\n            );\n\n\n    const escapeHTML = (value = \"\") =>\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 = (value = \"\") => {\n\n        const element =\n            document.createElement(\n                \"div\"\n            );\n\n        element.innerHTML =\n            value;\n\n        return (\n            element.textContent ||\n            element.innerText ||\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(0, length)\n                .trim()}\u2026`\n\n            : value;\n\n\n    const aliasSet = (\n        definition\n    ) =>\n\n        new Set(\n            definition.aliases\n                .map(normalize)\n        );\n\n\n    \/* =========================================\n       MATCH PRODUCT TO CATEGORY\n    ========================================= *\/\n\n    const matchesDefinition = (\n        product,\n        definition\n    ) => {\n\n        const aliases =\n            aliasSet(\n                definition\n            );\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        const categoryNames =\n            new Set(\n\n                categories.map(\n                    (category) =>\n                        normalize(\n                            category.name\n                        )\n                )\n\n            );\n\n\n        const giftDefinition =\n            DEFINITIONS.find(\n                (item) =>\n                    item.key ===\n                    \"gifts-bags\"\n            );\n\n\n        const giftAliases =\n            giftDefinition\n\n                ? aliasSet(\n                    giftDefinition\n                )\n\n                : new Set([\n                    \"gifts-bags\"\n                ]);\n\n\n        const isGiftProduct =\n            Array\n                .from(\n                    giftAliases\n                )\n                .some(\n                    (alias) =>\n                        categorySlugs\n                            .has(alias)\n\n                        ||\n\n                        categoryNames\n                            .has(alias)\n                );\n\n\n        if (\n            definition.key ===\n            \"gifts-bags\"\n        ) {\n\n            return isGiftProduct;\n        }\n\n\n        if (\n            isGiftProduct\n        ) {\n\n            return false;\n        }\n\n\n        return Array\n            .from(\n                aliases\n            )\n            .some(\n\n                (alias) =>\n\n                    categorySlugs\n                        .has(alias)\n\n                    ||\n\n                    categoryNames\n                        .has(alias)\n\n            );\n\n    };\n\n\n    \/* =========================================\n       COLLECTION NAME\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(normalize)\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(normalize)\n\n                    .some(\n\n                        (alias) =>\n                            normalizedName\n                                .includes(alias)\n\n                    )\n\n            ) {\n\n                return collection.label;\n            }\n\n        }\n\n\n        return \"\";\n    };\n\n\n    \/* =========================================\n       PRICE\n    ========================================= *\/\n\n    const money = (\n        rawPrice,\n        prices\n    ) => {\n\n        if (\n\n            rawPrice === null\n\n            ||\n\n            rawPrice === undefined\n\n            ||\n\n            rawPrice === \"\"\n\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(rawPrice)\n\n            \/\n\n            Math.pow(\n                10,\n                minor\n            );\n\n\n        const symbol =\n            prices.currency_symbol\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    const priceHTML = (\n        product\n    ) => {\n\n        const prices =\n            product.prices\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\n            product.on_sale\n\n            &&\n\n            current\n\n            &&\n\n            regular\n\n            &&\n\n            current !== regular\n\n        ) {\n\n            return `\n                <del>\n                    ${escapeHTML(regular)}\n                <\/del>\n\n                <ins>\n                    ${escapeHTML(current)}\n                <\/ins>\n            `;\n        }\n\n\n        return escapeHTML(\n            current ||\n            regular ||\n            \"\"\n        );\n\n    };\n\n\n    \/* =========================================\n       SKELETON\n    ========================================= *\/\n\n    const skeletons = () =>\n\n        Array\n            .from(\n                {\n                    length: 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        const secondary =\n            images[1]?.src\n            || primary;\n\n\n        const giftDefinition =\n            DEFINITIONS.find(\n                (item) =>\n                    item.key ===\n                    \"gifts-bags\"\n            );\n\n\n        const isGiftProduct =\n            giftDefinition\n\n                ? matchesDefinition(\n                    product,\n                    giftDefinition\n                )\n\n                : false;\n\n\n        const alt =\n            images[0]?.alt\n            ||\n\n            product.name\n            ||\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                    ||\n\n                    product.description\n\n                    ||\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\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\n        else {\n\n            action = `\n\n                <a\n                    class=\"cocoa-shop-card__action\"\n                    href=\"${escapeHTML(\n                        product.permalink\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                        images.length > 1\n                            ? \"has-secondary-image\"\n                            : \"\"\n                    }\n                    ${\n                        isGiftProduct\n                            ? \"is-gift-product\"\n                            : \"\"\n                    }\n                \"\n            >\n\n                <a\n                    class=\"cocoa-shop-card__media\"\n                    href=\"${escapeHTML(\n                        product.permalink\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\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                    ${\n                        secondary\n\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\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                            ${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                            ${\n                                product.is_in_stock\n\n                                    ? \"IN STOCK\"\n\n                                    : \"UNAVAILABLE\"\n                            }\n\n                        <\/span>\n\n                    <\/div>\n\n\n                    ${action}\n\n                <\/div>\n\n            <\/article>\n\n        `;\n\n    };\n\n\n    \/* =========================================\n       IMAGE RATIOS\n    ========================================= *\/\n\n    const prepareImageRatios = (\n        container\n    ) => {\n\n        container\n            .querySelectorAll(\n                \".cocoa-shop-card\"\n            )\n            .forEach(\n                (card) => {\n\n                    const primaryImage =\n                        card.querySelector(\n                            \".cocoa-shop-card__image--primary\"\n                        );\n\n\n                    const secondaryImage =\n                        card.querySelector(\n                            \".cocoa-shop-card__image--secondary\"\n                        );\n\n\n                    const applyRatio = (\n                        image,\n                        propertyName\n                    ) => {\n\n                        if (\n                            !image\n                        ) {\n                            return;\n                        }\n\n\n                        const update = () => {\n\n                            if (\n                                image.naturalWidth > 0\n                                &&\n                                image.naturalHeight > 0\n                            ) {\n\n                                card.style.setProperty(\n                                    propertyName,\n                                    `${image.naturalWidth} \/ ${image.naturalHeight}`\n                                );\n\n                            }\n\n                        };\n\n\n                        if (\n                            image.complete\n                            &&\n                            image.naturalWidth > 0\n                        ) {\n\n                            update();\n\n                        }\n\n                        else {\n\n                            image.addEventListener(\n                                \"load\",\n                                update,\n                                {\n                                    once:\n                                        true\n                                }\n                            );\n\n                        }\n\n                    };\n\n\n                    applyRatio(\n                        primaryImage,\n                        \"--cocoa-primary-ratio\"\n                    );\n\n\n                    applyRatio(\n                        secondaryImage,\n                        \"--cocoa-secondary-ratio\"\n                    );\n\n                }\n            );\n\n    };\n\n\n    \/* =========================================\n       WOOCOMMERCE CART FRAGMENTS\n    ========================================= *\/\n\n    const updateFragments = (\n        fragments\n    ) => {\n\n        if (\n\n            !fragments\n\n            ||\n\n            typeof fragments !==\n            \"object\"\n\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 (button) => {\n\n            const productId =\n                button.dataset.productId;\n\n\n            if (\n\n                !productId\n\n                ||\n\n                button.classList\n                    .contains(\n                        \"is-loading\"\n                    )\n\n            ) {\n\n                return;\n            }\n\n\n            const initialText =\n                button.textContent\n                    .trim();\n\n\n            button.classList\n                .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\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\n                if (\n                    !response.ok\n                ) {\n\n                    throw new Error(\n                        `Add to cart failed: ${response.status}`\n                    );\n\n                }\n\n\n                const payload =\n                    await response.json();\n\n\n                if (\n\n                    payload.error\n\n                    &&\n\n                    payload.product_url\n\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\n                            \"added_to_cart\",\n\n                            [\n\n                                payload.fragments,\n\n                                payload.cart_hash,\n\n                                window.jQuery(\n                                    button\n                                )\n\n                            ]\n\n                        );\n\n                }\n\n\n                button.classList\n                    .remove(\n                        \"is-loading\"\n                    );\n\n\n                button.classList\n                    .add(\n                        \"is-added\"\n                    );\n\n\n                button.textContent =\n                    \"ADDED TO BAG\";\n\n\n                window.setTimeout(\n                    () => {\n\n                        button.classList\n                            .remove(\n                                \"is-added\"\n                            );\n\n\n                        button.textContent =\n                            initialText;\n\n                    },\n\n                    1800\n                );\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\n                    .remove(\n                        \"is-loading\"\n                    );\n\n\n                button.textContent =\n                    \"TRY AGAIN\";\n\n            }\n\n        };\n\n\n    \/* =========================================\n       INIT SHOP\n    ========================================= *\/\n\n    const init =\n        async (root) => {\n\n\n            if (\n                root.dataset\n                    .cocoaShopReady\n                ===\n                \"true\"\n            ) {\n\n                return;\n            }\n\n\n            root.dataset\n                .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            const urlParameters =\n                new URLSearchParams(\n                    window.location.search\n                );\n\n\n            const requestedTab =\n                urlParameters.get(\n                    \"tab\"\n                );\n\n\n            const requestedDefinition =\n                DEFINITIONS.find(\n                    (item) =>\n                        item.key ===\n                        requestedTab\n                );\n\n\n            let activeKey =\n                requestedDefinition\n\n                    ? requestedDefinition.key\n\n                    : \"all\";\n\n\n            \/* =================================\n               SELECT CATEGORY\n            ================================= *\/\n\n            const selectTab = (\n                key,\n                focusPanel = false,\n                updateAddress = false\n            ) => {\n\n                activeKey =\n                    key;\n\n\n                tabs.forEach(\n                    (tab) => {\n\n                        const active =\n                            tab.dataset.tab\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                if (\n                    updateAddress\n                    &&\n                    window.history\n                    &&\n                    window.history.replaceState\n                ) {\n\n                    const nextUrl =\n                        new URL(\n                            window.location.href\n                        );\n\n\n                    nextUrl.searchParams.set(\n                        \"tab\",\n                        definition.key\n                    );\n\n\n                    nextUrl.hash =\n                        \"cocoa-shop\";\n\n\n                    window.history.replaceState(\n                        {},\n                        \"\",\n                        nextUrl.toString()\n                    );\n\n                }\n\n\n                let filtered =\n                    [];\n\n\n                \/* =================================\n                   ALL:\n                   FIRST 4 FROM EACH CATEGORY\n                ================================= *\/\n\n                if (\n                    definition.key ===\n                    \"all\"\n                ) {\n\n                    const seenProductIds =\n                        new Set();\n\n\n                    const categoryDefinitions =\n                        DEFINITIONS.filter(\n                            (item) =>\n                                item.key !==\n                                \"all\"\n                        );\n\n\n                    categoryDefinitions.forEach(\n                        (categoryDefinition) => {\n\n                            const categoryProducts =\n                                products\n\n                                    .filter(\n                                        (product) =>\n                                            matchesDefinition(\n                                                product,\n                                                categoryDefinition\n                                            )\n                                    )\n\n                                    .slice(\n                                        0,\n                                        4\n                                    );\n\n\n                            categoryProducts.forEach(\n                                (product) => {\n\n                                    const productKey =\n                                        String(\n                                            product.id\n                                            ??\n                                            product.permalink\n                                            ??\n                                            product.name\n                                        );\n\n\n                                    if (\n                                        seenProductIds.has(\n                                            productKey\n                                        )\n                                    ) {\n\n                                        return;\n                                    }\n\n\n                                    seenProductIds.add(\n                                        productKey\n                                    );\n\n\n                                    filtered.push(\n                                        product\n                                    );\n\n                                }\n                            );\n\n                        }\n                    );\n\n                }\n\n\n                \/* =================================\n                   NORMAL CATEGORY\n                ================================= *\/\n\n                else {\n\n                    filtered =\n                        products.filter(\n\n                            (product) =>\n                                matchesDefinition(\n                                    product,\n                                    definition\n                                )\n\n                        );\n\n                }\n\n\n                status.textContent =\n                    `${definition.label} selected`;\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 name or browse all products.\n                            <\/p>\n\n                            <a\n                                href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\"\n                            >\n                                VIEW ALL PRODUCTS\n                            <\/a>\n\n                        <\/div>\n\n                    `;\n\n                }\n\n\n                else {\n\n                    grid.innerHTML =\n                        filtered\n                            .map(\n                                renderCard\n                            )\n                            .join(\"\");\n\n\n                    prepareImageRatios(\n                        grid\n                    );\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            \/* =================================\n               TAB EVENTS\n            ================================= *\/\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                                true\n                            );\n\n                        }\n                    );\n\n\n                    tab.addEventListener(\n                        \"keydown\",\n                        (event) => {\n\n\n                            if (\n\n                                ![\n                                    \"ArrowLeft\",\n                                    \"ArrowRight\",\n                                    \"Home\",\n                                    \"End\"\n                                ]\n                                .includes(\n                                    event.key\n                                )\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\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\n                            else if (\n                                event.key ===\n                                \"Home\"\n                            ) {\n\n                                nextIndex =\n                                    0;\n\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\n                                tabs[\n                                    nextIndex\n                                ].dataset.tab,\n\n                                false,\n\n                                true\n\n                            );\n\n                        }\n                    );\n\n                }\n            );\n\n\n            \/* =================================\n               QUICK ADD EVENT\n            ================================= *\/\n\n            root.addEventListener(\n                \"click\",\n                (event) => {\n\n                    const button =\n                        event.target\n                            .closest(\n                                \".cocoa-shop-add\"\n                            );\n\n\n                    if (\n\n                        button\n\n                        &&\n\n                        root.contains(\n                            button\n                        )\n\n                    ) {\n\n                        addToCart(\n                            button\n                        );\n\n                    }\n\n                }\n            );\n\n\n            \/* =================================\n               LOAD PRODUCTS\n            ================================= *\/\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\n                            credentials:\n                                \"same-origin\",\n\n                            headers: {\n\n                                \"Accept\":\n                                    \"application\/json\"\n\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\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                if (\n                    requestedDefinition\n                    &&\n                    window.location.hash ===\n                        \"#cocoa-shop\"\n                ) {\n\n                    window.setTimeout(\n                        () => {\n\n                            root.scrollIntoView({\n                                behavior:\n                                    \"smooth\",\n                                block:\n                                    \"start\"\n                            });\n\n                        },\n\n                        120\n                    );\n\n                }\n\n            }\n\n\n            catch (\n                error\n            ) {\n\n                console.error(\n                    \"Cocoa Me shop tabs:\",\n                    error\n                );\n\n\n                status.textContent =\n                    \"Products could not be loaded\";\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\n                            href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\"\n                        >\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-shop-tabs\"\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\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-5f9d83ba e-con-full e-flex e-con e-parent\" data-id=\"5f9d83ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-190ce959 e-con-full e-flex e-con e-child\" data-id=\"190ce959\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-528a9b0b elementor-widget elementor-widget-heading\" data-id=\"528a9b0b\" 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\">Prefer to shop<br>by scent?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1090359 elementor-widget elementor-widget-text-editor\" data-id=\"1090359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Discover Tiny Pink, Deep Ocean and Victory \u2014 three fragrance worlds, each with its own mood.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22e9fd09 elementor-align-left cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"22e9fd09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cocoame.co.il\/en\/collections\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">EXPLORE COLLECTIONS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6433d62 e-flex e-con-boxed e-con e-parent\" data-id=\"6433d62\" 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-3d4a1da8 e-con-full e-flex e-con e-child\" data-id=\"3d4a1da8\" 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-21de9fdf e-con-full e-flex e-con e-child\" data-id=\"21de9fdf\" 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-5162ad2b elementor-widget elementor-widget-heading\" data-id=\"5162ad2b\" 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\">Make It<br>a Gift<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7a6dca elementor-widget elementor-widget-text-editor\" data-id=\"f7a6dca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Choose a ready-made set or build a personal box filled with her favorite Cocoa Me products.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33339d73 elementor-align-left cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"33339d73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cocoame.co.il\/en\/gift-sets\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">SHOP GIFT SETS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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>SHOP COCOA ME Find YourEveryday Ritual Soft body care and dreamy home fragrance, arranged by the way you love to use them. SHOP COCOA ME Find YourEveryday Ritual Soft body care and dreamy home fragrance, arranged by the way you love to use them. SHOP BY PRODUCT Everything you love, sorted your way. Move between [&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-561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/561","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=561"}],"version-history":[{"count":59,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/561\/revisions"}],"predecessor-version":[{"id":1591,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/561\/revisions\/1591"}],"wp:attachment":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/media?parent=561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}