{"id":178,"date":"2026-07-12T13:28:31","date_gmt":"2026-07-12T13:28:31","guid":{"rendered":"https:\/\/cocoame.co.il\/?page_id=178"},"modified":"2026-09-07T11:50:18","modified_gmt":"2026-09-07T11:50:18","slug":"cocoa-me-2","status":"publish","type":"page","link":"https:\/\/cocoame.co.il\/en\/","title":{"rendered":"COCOA ME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"178\" class=\"elementor elementor-178\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad7aaee elementor-hidden-tablet elementor-hidden-mobile e-con-full e-flex e-con e-parent\" data-id=\"ad7aaee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ae836a2 e-con-full cocoa-video-hero e-flex e-con e-child\" data-id=\"ae836a2\" 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-df00ec7 e-con-full e-flex e-con e-child\" data-id=\"df00ec7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50f6cda elementor-widget elementor-widget-heading\" data-id=\"50f6cda\" 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\">Fragrance That Feels<br>Like a Gift<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09f4610 elementor-align-left e-transform cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"09f4610\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-230,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-6,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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\/cocoa-shop\/\">\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 NOW<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b026737 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"b026737\" 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\\\/08\\\/0809.mov&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>\t\t<div class=\"elementor-element elementor-element-a7c91bd elementor-widget elementor-widget-heading\" data-id=\"a7c91bd\" 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\">Fragrance That Feels<br>Like a Gift<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe70bbc elementor-align-left cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"fe70bbc\" 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\/cocoa-shop\/\">\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 NOW<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c1bc26 e-flex e-con-boxed e-con e-child\" data-id=\"9c1bc26\" 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-227bd3a e-con-full e-flex e-con e-child\" data-id=\"227bd3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"woocommerce elementor-element elementor-element-0e289d4 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"0e289d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_skin&quot;:&quot;product&quot;,&quot;template_id&quot;:475,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.product\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-475\">.elementor-475 .elementor-element.elementor-element-3fed2926{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"475\" class=\"elementor elementor-475 e-loop-item e-loop-item-101 post-101 product type-product status-publish has-post-thumbnail product_cat-body-creams product_cat-deep-ocean-collection first instock shipping-taxable purchasable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-3fed2926 e-con-full e-flex e-con e-parent\" data-id=\"3fed2926\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7ebb65 elementor-widget elementor-widget-ewlc_woo_hover_product_card\" data-id=\"6c7ebb65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ewlc_woo_hover_product_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<a class=\"ewlc-product-card\" href=\"https:\/\/cocoame.co.il\/en\/product\/%d7%a7%d7%a8%d7%9d-%d7%92%d7%95%d7%a3-deep-ocean-350-%d7%9e%d7%b4%d7%9c\/\" style=\"--ewlc-featured-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/deep-ocean-body-cream.webp&#039;); --ewlc-gallery-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-2.webp&#039;);\" aria-label=\"View product: Body Cream | Deep Ocean\">\n\t\t\t\t<div class=\"ewlc-product-card__content\">\n\t\t\t\t\t<div class=\"ewlc-product-card__top\">\n\t\t\t\t\t\t<h3 class=\"ewlc-product-card__title\">Body Cream | Deep Ocean<\/h3>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ewlc-product-card__bottom\">\n\t\t\t\t\t\t<div class=\"ewlc-product-card__description\">Perfect softness and an intoxicating scent<\/div>\n\t\t\t\t\t\t<div class=\"ewlc-product-card__price\"><span class=\"woocommerce-Price-amount amount\">69.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#8362;<\/span><\/span><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"475\" class=\"elementor elementor-475 e-loop-item e-loop-item-98 post-98 product type-product status-publish has-post-thumbnail product_cat-hand-creams product_cat-victory-collection  instock shipping-taxable purchasable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-3fed2926 e-con-full e-flex e-con e-parent\" data-id=\"3fed2926\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7ebb65 elementor-widget elementor-widget-ewlc_woo_hover_product_card\" data-id=\"6c7ebb65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ewlc_woo_hover_product_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<a class=\"ewlc-product-card\" href=\"https:\/\/cocoame.co.il\/en\/product\/%d7%a7%d7%a8%d7%9d-%d7%99%d7%93%d7%99%d7%99%d7%9d-victory-100-%d7%9e%d7%b4%d7%9c\/\" style=\"--ewlc-featured-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/victory-hand-cream-copy.webp&#039;); --ewlc-gallery-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/victory-cream-hand-hover.webp&#039;);\" aria-label=\"View product: Hand Cream | Victory\">\n\t\t\t\t<div class=\"ewlc-product-card__content\">\n\t\t\t\t\t<div class=\"ewlc-product-card__top\">\n\t\t\t\t\t\t<h3 class=\"ewlc-product-card__title\">Hand Cream | Victory<\/h3>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ewlc-product-card__bottom\">\n\t\t\t\t\t\t<div class=\"ewlc-product-card__description\">Silky-soft hands with a delicate, lasting fragrance.<\/div>\n\t\t\t\t\t\t<div class=\"ewlc-product-card__price\"><span class=\"woocommerce-Price-amount amount\">39.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#8362;<\/span><\/span><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"475\" class=\"elementor elementor-475 e-loop-item e-loop-item-95 post-95 product type-product status-publish has-post-thumbnail product_cat-diffusers-scent product_cat-tiny-pink-collection  instock shipping-taxable purchasable product-type-simple\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-3fed2926 e-con-full e-flex e-con e-parent\" data-id=\"3fed2926\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7ebb65 elementor-widget elementor-widget-ewlc_woo_hover_product_card\" data-id=\"6c7ebb65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ewlc_woo_hover_product_card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<a class=\"ewlc-product-card\" href=\"https:\/\/cocoame.co.il\/en\/product\/%d7%93%d7%99%d7%a4%d7%99%d7%95%d7%96%d7%a8-%d7%a0%d7%a2%d7%a8%d7%95%d7%aa-tiny-pink-150-%d7%9e%d7%b4%d7%9c\/\" style=\"--ewlc-featured-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/\u05d8\u05d9\u05d9\u05e0\u05d9-\u05e4\u05d9\u05e0\u05e7-\u05e7\u05d5\u05e4\u05e1\u05d0-1.webp&#039;); --ewlc-gallery-image: url(&#039;https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/difusser.webp&#039;);\" aria-label=\"View product: Scent Diffuser | Tiny Pink\">\n\t\t\t\t<div class=\"ewlc-product-card__content\">\n\t\t\t\t\t<div class=\"ewlc-product-card__top\">\n\t\t\t\t\t\t<h3 class=\"ewlc-product-card__title\">Scent Diffuser | Tiny Pink<\/h3>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"ewlc-product-card__bottom\">\n\t\t\t\t\t\t<div class=\"ewlc-product-card__description\">Diffuser with a sweet scent<\/div>\n\t\t\t\t\t\t<div class=\"ewlc-product-card__price\"><span class=\"woocommerce-Price-amount amount\">79.00&nbsp;<span class=\"woocommerce-Price-currencySymbol\">&#8362;<\/span><\/span><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\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-c707230 e-flex e-con-boxed e-con e-parent\" data-id=\"c707230\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e4d72 elementor-widget elementor-widget-shortcode\" data-id=\"c7e4d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <section\r\n        id=\"cocoa-product-carousel-1\"\r\n        class=\"cocoa-product-carousel\"\r\n        data-cocoa-product-carousel\r\n        dir=\"ltr\"\r\n        aria-roledescription=\"carousel\"\r\n        aria-label=\"Featured Cocoa Me products\"\r\n    >\r\n\r\n        <div class=\"cocoa-product-carousel__viewport\">\r\n\r\n            \r\n                <article\r\n                    class=\"cocoa-product-slide is-active\"\r\n                    data-slide-index=\"0\"\r\n                    aria-hidden=\"false\"\r\n                >\r\n\r\n                    <div class=\"cocoa-product-slide__model\">\r\n\r\n                        <img\r\n                            src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-16-2.webp\"\r\n                            alt=\"Victory hand cream by Cocoa Me\"\r\n                            loading=\"eager\"\r\n                            decoding=\"async\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cocoa-product-slide__card\"\r\n                        style=\"--cocoa-card-background: rgba(233, 230, 213, 0.93);\"\r\n                    >\r\n\r\n                        <div class=\"cocoa-product-slide__art-mask\">\r\n\r\n                            <img\r\n                                class=\"cocoa-product-slide__art\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-27-2.webp\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                                loading=\"eager\"\r\n                                decoding=\"async\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__top\">\r\n\r\n                            <h2>\r\n                                Hand cream                            <\/h2>\r\n\r\n                            <p>\r\n                                Soft texture, clean scent and a daily moment that feels entirely yours.                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__bottom\">\r\n\r\n                            <div class=\"cocoa-product-slide__product-name\">\r\n                                VICTORY HAND CREAM                            <\/div>\r\n\r\n                            <div class=\"cocoa-product-slide__product-size\">\r\n                                100 ML                            <\/div>\r\n\r\n                            <a\r\n                                class=\"cocoa-product-slide__product-link\"\r\n                                href=\"https:\/\/cocoame.co.il\/product\/%d7%a7%d7%a8%d7%9d-%d7%99%d7%93%d7%99%d7%99%d7%9d-victory-100-%d7%9e%d7%b4%d7%9c\/\"\r\n                                aria-label=\"View VICTORY HAND CREAM\"\r\n                            >\r\n                                ADD TO CART\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            class=\"cocoa-product-slide__next\"\r\n                            type=\"button\"\r\n                            aria-label=\"Show next product\"\r\n                        >\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/%D7%97%D7%99%D7%A6%D7%99%D7%9D-10.png\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            \r\n                <article\r\n                    class=\"cocoa-product-slide \"\r\n                    data-slide-index=\"1\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <div class=\"cocoa-product-slide__model\">\r\n\r\n                        <img\r\n                            src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-left-img-scaled.webp\"\r\n                            alt=\"Deep Ocean body cream by Cocoa Me\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cocoa-product-slide__card\"\r\n                        style=\"--cocoa-card-background: rgba(239, 234, 228, 0.93);\"\r\n                    >\r\n\r\n                        <div class=\"cocoa-product-slide__art-mask\">\r\n\r\n                            <img\r\n                                class=\"cocoa-product-slide__art\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-right-img.webp\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                                loading=\"lazy\"\r\n                                decoding=\"async\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__top\">\r\n\r\n                            <h2>\r\n                                Body cream                            <\/h2>\r\n\r\n                            <p>\r\n                                Deep hydration, a clean ocean scent and soft skin throughout the day.                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__bottom\">\r\n\r\n                            <div class=\"cocoa-product-slide__product-name\">\r\n                                DEEP OCEAN BODY CREAM                            <\/div>\r\n\r\n                            <div class=\"cocoa-product-slide__product-size\">\r\n                                350 ML                            <\/div>\r\n\r\n                            <a\r\n                                class=\"cocoa-product-slide__product-link\"\r\n                                href=\"https:\/\/cocoame.co.il\/product\/%d7%a7%d7%a8%d7%9d-%d7%92%d7%95%d7%a3-deep-ocean-350-%d7%9e%d7%b4%d7%9c\/\"\r\n                                aria-label=\"View DEEP OCEAN BODY CREAM\"\r\n                            >\r\n                                ADD TO CART\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            class=\"cocoa-product-slide__next\"\r\n                            type=\"button\"\r\n                            aria-label=\"Show next product\"\r\n                        >\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/%D7%97%D7%99%D7%A6%D7%99%D7%9D-10.png\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            \r\n                <article\r\n                    class=\"cocoa-product-slide \"\r\n                    data-slide-index=\"2\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n                    <div class=\"cocoa-product-slide__model\">\r\n\r\n                        <img\r\n                            src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-last-right-img-scaled.webp\"\r\n                            alt=\"Tiny Pink home and textile spray by Cocoa Me\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cocoa-product-slide__card\"\r\n                        style=\"--cocoa-card-background: rgba(245, 228, 223, 0.93);\"\r\n                    >\r\n\r\n                        <div class=\"cocoa-product-slide__art-mask\">\r\n\r\n                            <img\r\n                                class=\"cocoa-product-slide__art\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-last-left-img.webp\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                                loading=\"lazy\"\r\n                                decoding=\"async\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__top\">\r\n\r\n                            <h2>\r\n                                Home fragrance                            <\/h2>\r\n\r\n                            <p>\r\n                                A delicate floral scent for fabrics, rooms and everyday rituals.                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cocoa-product-slide__bottom\">\r\n\r\n                            <div class=\"cocoa-product-slide__product-name\">\r\n                                TINY PINK HOME &amp; TEXTILE SPRAY                            <\/div>\r\n\r\n                            <div class=\"cocoa-product-slide__product-size\">\r\n                                250 ML                            <\/div>\r\n\r\n                            <a\r\n                                class=\"cocoa-product-slide__product-link\"\r\n                                href=\"https:\/\/cocoame.co.il\/product\/%d7%a1%d7%a4%d7%a8%d7%99%d7%99-%d7%9e%d7%91%d7%a9%d7%9d-%d7%90%d7%95%d7%95%d7%99%d7%a8%d7%94-%d7%95%d7%98%d7%a7%d7%a1%d7%98%d7%99%d7%9c-%d7%a0%d7%a2%d7%a8%d7%95%d7%aa-tiny-pink-250-%d7%9e%d7%b4%d7%9c\/\"\r\n                                aria-label=\"View TINY PINK HOME &amp; TEXTILE SPRAY\"\r\n                            >\r\n                                ADD TO CART\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            class=\"cocoa-product-slide__next\"\r\n                            type=\"button\"\r\n                            aria-label=\"Show next product\"\r\n                        >\r\n\r\n                            <img decoding=\"async\"\r\n                                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/%D7%97%D7%99%D7%A6%D7%99%D7%9D-10.png\"\r\n                                alt=\"\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n            \r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"cocoa-product-carousel__status cocoa-sr-only\"\r\n            aria-live=\"polite\"\r\n        ><\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    \r\n        <style>\r\n\r\n        \/* ==========================================================\r\n           COCOA ME \u2014 PRODUCT CAROUSEL\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-carousel,\r\n        .cocoa-product-carousel * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel {\r\n            width: 100%;\r\n            max-width: 1380px;\r\n\r\n            margin: 0 auto;\r\n\r\n            padding:\r\n                20px\r\n                70px\r\n                80px;\r\n\r\n            background: #ffffff;\r\n\r\n            overflow: hidden;\r\n\r\n            touch-action: pan-y;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           VIEWPORT\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-carousel__viewport {\r\n            position: relative;\r\n\r\n            width: 100%;\r\n\r\n            height: 674px;\r\n            min-height: 674px;\r\n\r\n            transition:\r\n                height 0.45s\r\n                cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           SLIDE\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide {\r\n            position: absolute;\r\n            inset: 0;\r\n\r\n            display: flex;\r\n\r\n            flex-direction: row;\r\n\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            opacity: 0;\r\n            visibility: hidden;\r\n\r\n            pointer-events: none;\r\n\r\n            transform:\r\n                translate3d(\r\n                    34px,\r\n                    0,\r\n                    0\r\n                );\r\n\r\n            transition:\r\n                opacity 0.48s ease,\r\n                transform 0.65s\r\n                cubic-bezier(0.22, 1, 0.36, 1),\r\n                visibility 0s linear 0.65s;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide.is-active {\r\n            z-index: 2;\r\n\r\n            opacity: 1;\r\n            visibility: visible;\r\n\r\n            pointer-events: auto;\r\n\r\n            transform:\r\n                translate3d(\r\n                    0,\r\n                    0,\r\n                    0\r\n                );\r\n\r\n            transition:\r\n                opacity 0.48s ease,\r\n                transform 0.65s\r\n                cubic-bezier(0.22, 1, 0.36, 1),\r\n                visibility 0s;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide.is-exiting {\r\n            z-index: 1;\r\n\r\n            visibility: visible;\r\n\r\n            opacity: 0;\r\n\r\n            transform:\r\n                translate3d(\r\n                    -34px,\r\n                    0,\r\n                    0\r\n                );\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           LEFT IMAGE\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__model {\r\n            position: relative;\r\n\r\n            flex:\r\n                0\r\n                0\r\n                50.159%;\r\n\r\n            width: 50.159%;\r\n\r\n            height: 674px;\r\n            min-height: 674px;\r\n\r\n            overflow: hidden;\r\n\r\n            border-radius: 8px;\r\n\r\n            background: #f7f5f0;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__model img {\r\n            display: block;\r\n\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            object-fit: cover;\r\n            object-position: center;\r\n\r\n            border-radius: inherit;\r\n\r\n            transform: scale(1);\r\n\r\n            transition:\r\n                transform 1.05s\r\n                cubic-bezier(0.22, 1, 0.36, 1);\r\n        }\r\n\r\n\r\n        .cocoa-product-slide.is-active\r\n        .cocoa-product-slide__model img {\r\n            transform: scale(1.012);\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           RIGHT CARD\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__card {\r\n            --cocoa-card-background:\r\n                rgba(\r\n                    233,\r\n                    230,\r\n                    213,\r\n                    0.93\r\n                );\r\n\r\n            position: relative;\r\n\r\n            z-index: 3;\r\n\r\n            flex:\r\n                0\r\n                0\r\n                40%;\r\n\r\n            width: 40%;\r\n\r\n            height: 552px;\r\n            min-height: 552px;\r\n\r\n            margin:\r\n                0\r\n                0\r\n                0\r\n                -80px;\r\n\r\n            padding: 45px;\r\n\r\n            display: flex;\r\n\r\n            flex-direction: column;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            align-items:\r\n                stretch;\r\n\r\n            border-radius: 8px;\r\n\r\n            background:\r\n                var(\r\n                    --cocoa-card-background\r\n                );\r\n\r\n            isolation: isolate;\r\n\r\n            \/*\r\n             * Keep visible so the arrow\r\n             * can extend outside the card.\r\n             *\/\r\n            overflow: visible;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           ART MASK\r\n           THIS MASK CONTROLS THE IMAGE ONLY.\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__art-mask {\r\n            position: absolute;\r\n\r\n            inset: 0;\r\n\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            z-index: 0;\r\n\r\n            overflow: hidden;\r\n\r\n            border-radius: inherit;\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           RIGHT BACKGROUND \/ PRODUCT ART\r\n           \r\n           IMPORTANT:\r\n           Full width + full height + fill\r\n           means the image covers the ENTIRE card.\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__art {\r\n            position: absolute;\r\n\r\n            inset: 0;\r\n\r\n            display: block;\r\n\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n\r\n            min-width: 100%;\r\n            min-height: 100%;\r\n\r\n            max-width: none !important;\r\n            max-height: none !important;\r\n\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n\r\n            \/*\r\n             * EXACTLY fills the complete rectangle.\r\n             *\/\r\n            object-fit: fill !important;\r\n\r\n            object-position:\r\n                center center !important;\r\n\r\n            transform: none !important;\r\n\r\n            border: 0;\r\n\r\n            border-radius: 0;\r\n\r\n            background: transparent;\r\n\r\n            pointer-events: none;\r\n\r\n            user-select: none;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           CONTENT\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__top,\r\n        .cocoa-product-slide__bottom {\r\n            position: relative;\r\n\r\n            z-index: 2;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__top {\r\n            width: 100%;\r\n\r\n            max-width: 74%;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__top h2 {\r\n            margin: 0;\r\n            padding: 0;\r\n\r\n            color: #966f2a;\r\n\r\n            font-family:\r\n                \"bakemono-variable\",\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-variation-settings:\r\n                \"MONO\" 0;\r\n\r\n            font-size: 34px;\r\n\r\n            font-weight: 600;\r\n\r\n            line-height: 1.05;\r\n\r\n            letter-spacing: -1.1px;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__top p {\r\n            width: 100%;\r\n\r\n            margin:\r\n                7px\r\n                0\r\n                0;\r\n\r\n            color: #6f6251;\r\n\r\n            font-family:\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-size: 16px;\r\n\r\n            font-weight: 400;\r\n\r\n            line-height: 1.45;\r\n        }\r\n\r\n\r\n        html[lang^=\"he\"]\r\n        .cocoa-product-slide__top h2 {\r\n            font-family:\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-variation-settings:\r\n                normal;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           PRODUCT DETAILS\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__bottom {\r\n            width: 55%;\r\n\r\n            color: #6f6251;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__product-name {\r\n            font-family:\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-size: 15px;\r\n\r\n            font-weight: 400;\r\n\r\n            line-height: 1.2;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__product-size {\r\n            margin-top: 2px;\r\n\r\n            font-family:\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-size: 14px;\r\n\r\n            font-weight: 400;\r\n\r\n            line-height: 1.2;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           ADD TO CART\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-slide__product-link {\r\n            display: inline-flex;\r\n\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            min-width: 134px;\r\n            min-height: 56px;\r\n\r\n            margin-top: 20px;\r\n\r\n            padding:\r\n                15px\r\n                25px;\r\n\r\n            border:\r\n                1px solid\r\n                #966f2a;\r\n\r\n            border-radius: 999px;\r\n\r\n            background: transparent;\r\n\r\n            color: #966f2a;\r\n\r\n            font-family:\r\n                \"Ploni\",\r\n                \"Assistant\",\r\n                Arial,\r\n                sans-serif !important;\r\n\r\n            font-size: 12px;\r\n\r\n            font-weight: 500;\r\n\r\n            line-height: 1;\r\n\r\n            text-decoration: none;\r\n\r\n            transition:\r\n                color 0.25s ease,\r\n                background-color 0.25s ease;\r\n        }\r\n\r\n\r\n        .cocoa-product-slide__product-link:hover,\r\n        .cocoa-product-slide__product-link:focus-visible {\r\n            color: #ffffff;\r\n\r\n            background: #966f2a;\r\n\r\n            text-decoration: none;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           NEXT ARROW\r\n        ========================================================== *\/\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next {\r\n            position: absolute;\r\n\r\n            z-index: 10;\r\n\r\n            top: 50%;\r\n            right: -58px;\r\n\r\n            display: block;\r\n\r\n            width: 118px;\r\n            min-width: 118px;\r\n            max-width: 118px;\r\n\r\n            height: 118px;\r\n            min-height: 118px;\r\n            max-height: 118px;\r\n\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n\r\n            border: 0 !important;\r\n\r\n            border-radius:\r\n                50% !important;\r\n\r\n            background:\r\n                transparent !important;\r\n\r\n            background-color:\r\n                transparent !important;\r\n\r\n            box-shadow:\r\n                none !important;\r\n\r\n            cursor: pointer;\r\n\r\n            transform:\r\n                translateY(-50%);\r\n\r\n            transition:\r\n                transform 0.25s ease;\r\n\r\n            appearance:\r\n                none !important;\r\n\r\n            -webkit-appearance:\r\n                none !important;\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next:hover,\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next:focus,\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next:active {\r\n            border:\r\n                0 !important;\r\n\r\n            background:\r\n                transparent !important;\r\n\r\n            box-shadow:\r\n                none !important;\r\n\r\n            outline: none;\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next:hover {\r\n            transform:\r\n                translateY(-50%)\r\n                translateX(5px);\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next:focus-visible {\r\n            outline:\r\n                2px solid\r\n                #966f2a;\r\n\r\n            outline-offset:\r\n                5px;\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next::before,\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next::after {\r\n            content: none !important;\r\n\r\n            display: none !important;\r\n        }\r\n\r\n\r\n        .cocoa-product-carousel\r\n        button.cocoa-product-slide__next img {\r\n            display: block;\r\n\r\n            width: 100%;\r\n            height: 100%;\r\n\r\n            margin: 0;\r\n            padding: 0;\r\n\r\n            object-fit: contain;\r\n\r\n            background:\r\n                transparent !important;\r\n\r\n            border: 0;\r\n\r\n            box-shadow:\r\n                none !important;\r\n\r\n            pointer-events: none;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           SCROLL REVEAL\r\n        ========================================================== *\/\r\n\r\n        @media (prefers-reduced-motion: no-preference) {\r\n\r\n            .cocoa-product-carousel.is-reveal-ready:not(.is-in-view)\r\n            .cocoa-product-slide.is-active\r\n            .cocoa-product-slide__model {\r\n                opacity: 0;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        -22px,\r\n                        18px,\r\n                        0\r\n                    );\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel.is-reveal-ready:not(.is-in-view)\r\n            .cocoa-product-slide.is-active\r\n            .cocoa-product-slide__card {\r\n                opacity: 0;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        22px,\r\n                        18px,\r\n                        0\r\n                    );\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel.is-in-view\r\n            .cocoa-product-slide.is-active\r\n            .cocoa-product-slide__model {\r\n                opacity: 1;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        0,\r\n                        0,\r\n                        0\r\n                    );\r\n\r\n                transition:\r\n                    opacity 0.7s ease,\r\n                    transform 0.85s\r\n                    cubic-bezier(\r\n                        0.22,\r\n                        1,\r\n                        0.36,\r\n                        1\r\n                    );\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel.is-in-view\r\n            .cocoa-product-slide.is-active\r\n            .cocoa-product-slide__card {\r\n                opacity: 1;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        0,\r\n                        0,\r\n                        0\r\n                    );\r\n\r\n                transition:\r\n                    opacity 0.72s ease 0.08s,\r\n                    transform 0.85s\r\n                    cubic-bezier(\r\n                        0.22,\r\n                        1,\r\n                        0.36,\r\n                        1\r\n                    )\r\n                    0.08s;\r\n            }\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           SCREEN READER\r\n        ========================================================== *\/\r\n\r\n        .cocoa-sr-only {\r\n            position:\r\n                absolute !important;\r\n\r\n            width:\r\n                1px !important;\r\n\r\n            height:\r\n                1px !important;\r\n\r\n            margin:\r\n                -1px !important;\r\n\r\n            padding:\r\n                0 !important;\r\n\r\n            overflow:\r\n                hidden !important;\r\n\r\n            clip:\r\n                rect(\r\n                    0,\r\n                    0,\r\n                    0,\r\n                    0\r\n                ) !important;\r\n\r\n            white-space:\r\n                nowrap !important;\r\n\r\n            border:\r\n                0 !important;\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           TABLET\r\n        ========================================================== *\/\r\n\r\n        @media (max-width: 1100px) {\r\n\r\n            .cocoa-product-carousel {\r\n                max-width: 100%;\r\n\r\n                padding-right:\r\n                    38px;\r\n\r\n                padding-left:\r\n                    38px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__model {\r\n                flex-basis:\r\n                    54%;\r\n\r\n                width: 54%;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__card {\r\n                flex-basis:\r\n                    46%;\r\n\r\n                width: 46%;\r\n\r\n                margin-left:\r\n                    -60px;\r\n\r\n                padding:\r\n                    38px;\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel\r\n            button.cocoa-product-slide__next {\r\n                right:\r\n                    -48px;\r\n\r\n                width:\r\n                    100px;\r\n\r\n                min-width:\r\n                    100px;\r\n\r\n                max-width:\r\n                    100px;\r\n\r\n                height:\r\n                    100px;\r\n\r\n                min-height:\r\n                    100px;\r\n\r\n                max-height:\r\n                    100px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           MOBILE\r\n        ========================================================== *\/\r\n\r\n        @media (max-width: 767px) {\r\n\r\n            .cocoa-product-carousel {\r\n                width: 100%;\r\n                max-width: 100%;\r\n\r\n                margin-inline:\r\n                    auto;\r\n\r\n                padding:\r\n                    24px\r\n                    14px\r\n                    42px;\r\n\r\n                overflow: hidden;\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel__viewport {\r\n                position:\r\n                    relative;\r\n\r\n                width: 100%;\r\n\r\n                height: auto;\r\n\r\n                min-height: 0;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide {\r\n                width: 100%;\r\n\r\n                height: auto;\r\n\r\n                flex-direction:\r\n                    column;\r\n\r\n                align-items:\r\n                    center;\r\n\r\n                justify-content:\r\n                    flex-start;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        22px,\r\n                        0,\r\n                        0\r\n                    );\r\n            }\r\n\r\n\r\n            .cocoa-product-slide.is-active {\r\n                position:\r\n                    relative;\r\n\r\n                inset: auto;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        0,\r\n                        0,\r\n                        0\r\n                    );\r\n            }\r\n\r\n\r\n            .cocoa-product-slide.is-exiting {\r\n                position:\r\n                    absolute;\r\n\r\n                inset: 0;\r\n\r\n                transform:\r\n                    translate3d(\r\n                        -22px,\r\n                        0,\r\n                        0\r\n                    );\r\n            }\r\n\r\n\r\n            \/* LEFT *\/\r\n\r\n            .cocoa-product-slide__model {\r\n                flex: none;\r\n\r\n                width: 100%;\r\n\r\n                height: auto;\r\n\r\n                min-height: 0;\r\n\r\n                aspect-ratio:\r\n                    1 \/ 1.06;\r\n\r\n                border-radius:\r\n                    8px;\r\n            }\r\n\r\n\r\n            \/* CARD *\/\r\n\r\n            .cocoa-product-slide__card {\r\n                flex: none;\r\n\r\n                width:\r\n                    calc(\r\n                        100% - 20px\r\n                    );\r\n\r\n                height:\r\n                    auto;\r\n\r\n                min-height:\r\n                    clamp(\r\n                        350px,\r\n                        94vw,\r\n                        390px\r\n                    );\r\n\r\n                margin:\r\n                    -30px\r\n                    auto\r\n                    0;\r\n\r\n                padding:\r\n                    26px\r\n                    22px\r\n                    24px;\r\n\r\n                border-radius:\r\n                    8px;\r\n            }\r\n\r\n\r\n            \/*\r\n             * Image ALWAYS exactly matches\r\n             * the mobile card too.\r\n             *\/\r\n            .cocoa-product-slide__art {\r\n                width:\r\n                    100% !important;\r\n\r\n                height:\r\n                    100% !important;\r\n\r\n                object-fit:\r\n                    fill !important;\r\n\r\n                object-position:\r\n                    center !important;\r\n\r\n                transform:\r\n                    none !important;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__top {\r\n                max-width:\r\n                    70%;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__top h2 {\r\n                font-size:\r\n                    clamp(\r\n                        25px,\r\n                        7.2vw,\r\n                        29px\r\n                    );\r\n\r\n                line-height:\r\n                    1.04;\r\n\r\n                letter-spacing:\r\n                    -0.65px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__top p {\r\n                margin-top:\r\n                    6px;\r\n\r\n                font-size:\r\n                    14px;\r\n\r\n                line-height:\r\n                    1.35;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__bottom {\r\n                width:\r\n                    55%;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__product-name {\r\n                font-size:\r\n                    13px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__product-size {\r\n                font-size:\r\n                    12px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__product-link {\r\n                min-width:\r\n                    118px;\r\n\r\n                min-height:\r\n                    46px;\r\n\r\n                margin-top:\r\n                    14px;\r\n\r\n                padding:\r\n                    12px\r\n                    16px;\r\n\r\n                font-size:\r\n                    11px;\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel\r\n            button.cocoa-product-slide__next {\r\n                top:\r\n                    51%;\r\n\r\n                right:\r\n                    -10px;\r\n\r\n                width:\r\n                    72px;\r\n\r\n                min-width:\r\n                    72px;\r\n\r\n                max-width:\r\n                    72px;\r\n\r\n                height:\r\n                    72px;\r\n\r\n                min-height:\r\n                    72px;\r\n\r\n                max-height:\r\n                    72px;\r\n            }\r\n\r\n\r\n            @media (prefers-reduced-motion: no-preference) {\r\n\r\n                .cocoa-product-carousel.is-reveal-ready:not(.is-in-view)\r\n                .cocoa-product-slide.is-active\r\n                .cocoa-product-slide__model,\r\n\r\n                .cocoa-product-carousel.is-reveal-ready:not(.is-in-view)\r\n                .cocoa-product-slide.is-active\r\n                .cocoa-product-slide__card {\r\n                    transform:\r\n                        translate3d(\r\n                            0,\r\n                            20px,\r\n                            0\r\n                        );\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           SMALL MOBILE\r\n        ========================================================== *\/\r\n\r\n        @media (max-width: 374px) {\r\n\r\n            .cocoa-product-carousel {\r\n                padding-inline:\r\n                    12px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__card {\r\n                width:\r\n                    calc(\r\n                        100% - 16px\r\n                    );\r\n\r\n                min-height:\r\n                    344px;\r\n\r\n                margin-top:\r\n                    -26px;\r\n\r\n                padding:\r\n                    23px\r\n                    18px\r\n                    21px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__top {\r\n                max-width:\r\n                    72%;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__top p {\r\n                font-size:\r\n                    13px;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__bottom {\r\n                width:\r\n                    57%;\r\n            }\r\n\r\n\r\n            .cocoa-product-slide__product-link {\r\n                min-width:\r\n                    110px;\r\n\r\n                min-height:\r\n                    44px;\r\n            }\r\n\r\n\r\n            .cocoa-product-carousel\r\n            button.cocoa-product-slide__next {\r\n                right:\r\n                    -8px;\r\n\r\n                width:\r\n                    66px;\r\n\r\n                min-width:\r\n                    66px;\r\n\r\n                max-width:\r\n                    66px;\r\n\r\n                height:\r\n                    66px;\r\n\r\n                min-height:\r\n                    66px;\r\n\r\n                max-height:\r\n                    66px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* ==========================================================\r\n           REDUCED MOTION\r\n        ========================================================== *\/\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n\r\n            .cocoa-product-slide,\r\n            .cocoa-product-slide__model,\r\n            .cocoa-product-slide__model img,\r\n            .cocoa-product-slide__card,\r\n            .cocoa-product-slide__product-link,\r\n            .cocoa-product-carousel__viewport {\r\n                transition:\r\n                    none !important;\r\n\r\n                animation:\r\n                    none !important;\r\n            }\r\n        }\r\n\r\n        <\/style>\r\n\r\n\r\n        <script>\r\n\r\n        (() => {\r\n\r\n            const initializeCocoaCarousels = () => {\r\n\r\n                document\r\n                    .querySelectorAll(\r\n                        '[data-cocoa-product-carousel]'\r\n                    )\r\n                    .forEach((carousel) => {\r\n\r\n\r\n                        \/* ======================================\r\n                           SCROLL REVEAL\r\n                        ====================================== *\/\r\n\r\n                        if (\r\n                            carousel.dataset.cocoaRevealInitialized !==\r\n                            'true'\r\n                        ) {\r\n\r\n                            carousel.dataset.cocoaRevealInitialized =\r\n                                'true';\r\n\r\n                            const reducedMotion =\r\n                                window.matchMedia(\r\n                                    '(prefers-reduced-motion: reduce)'\r\n                                ).matches;\r\n\r\n\r\n                            if (reducedMotion) {\r\n\r\n                                carousel.classList.add(\r\n                                    'is-in-view'\r\n                                );\r\n\r\n                            } else {\r\n\r\n                                carousel.classList.add(\r\n                                    'is-reveal-ready'\r\n                                );\r\n\r\n\r\n                                if (\r\n                                    'IntersectionObserver'\r\n                                    in window\r\n                                ) {\r\n\r\n                                    const observer =\r\n                                        new IntersectionObserver(\r\n                                            (entries) => {\r\n\r\n                                                entries.forEach(\r\n                                                    (entry) => {\r\n\r\n                                                        if (\r\n                                                            !entry.isIntersecting\r\n                                                        ) {\r\n                                                            return;\r\n                                                        }\r\n\r\n\r\n                                                        carousel\r\n                                                            .classList\r\n                                                            .add(\r\n                                                                'is-in-view'\r\n                                                            );\r\n\r\n\r\n                                                        observer\r\n                                                            .unobserve(\r\n                                                                carousel\r\n                                                            );\r\n\r\n                                                    }\r\n                                                );\r\n\r\n                                            },\r\n                                            {\r\n                                                threshold:\r\n                                                    0.15,\r\n\r\n                                                rootMargin:\r\n                                                    '0px 0px -5% 0px'\r\n                                            }\r\n                                        );\r\n\r\n\r\n                                    observer.observe(\r\n                                        carousel\r\n                                    );\r\n\r\n                                } else {\r\n\r\n                                    carousel.classList.add(\r\n                                        'is-in-view'\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n\r\n                        \/* ======================================\r\n                           PREVENT DOUBLE INIT\r\n                        ====================================== *\/\r\n\r\n                        if (\r\n                            carousel.dataset.cocoaInitialized ===\r\n                            'true'\r\n                        ) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        carousel.dataset.cocoaInitialized =\r\n                            'true';\r\n\r\n\r\n                        const viewport =\r\n                            carousel.querySelector(\r\n                                '.cocoa-product-carousel__viewport'\r\n                            );\r\n\r\n\r\n                        const slides =\r\n                            Array.from(\r\n                                carousel.querySelectorAll(\r\n                                    '.cocoa-product-slide'\r\n                                )\r\n                            );\r\n\r\n\r\n                        const status =\r\n                            carousel.querySelector(\r\n                                '.cocoa-product-carousel__status'\r\n                            );\r\n\r\n\r\n                        if (\r\n                            !viewport ||\r\n                            !slides.length\r\n                        ) {\r\n                            return;\r\n                        }\r\n\r\n\r\n                        let activeIndex = 0;\r\n\r\n                        let transitionLocked = false;\r\n\r\n                        let touchStartX = 0;\r\n\r\n                        let touchStartY = 0;\r\n\r\n\r\n                        \/* ======================================\r\n                           HEIGHT\r\n                        ====================================== *\/\r\n\r\n                        const updateViewportHeight = () => {\r\n\r\n                            const activeSlide =\r\n                                slides[activeIndex];\r\n\r\n\r\n                            if (!activeSlide) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            const isMobile =\r\n                                window.matchMedia(\r\n                                    '(max-width: 767px)'\r\n                                ).matches;\r\n\r\n\r\n                            if (!isMobile) {\r\n\r\n                                viewport.style.height =\r\n                                    '674px';\r\n\r\n                                return;\r\n                            }\r\n\r\n\r\n                            viewport.style.height =\r\n                                'auto';\r\n\r\n\r\n                            requestAnimationFrame(\r\n                                () => {\r\n\r\n                                    viewport.style.height =\r\n                                        `${activeSlide.offsetHeight}px`;\r\n\r\n                                }\r\n                            );\r\n\r\n                        };\r\n\r\n\r\n                        \/* ======================================\r\n                           ACCESSIBILITY\r\n                        ====================================== *\/\r\n\r\n                        const announceSlide = () => {\r\n\r\n                            const heading =\r\n                                slides[activeIndex]\r\n                                    .querySelector('h2')\r\n                                    ?.textContent\r\n                                    ?.trim();\r\n\r\n\r\n                            if (\r\n                                status &&\r\n                                heading\r\n                            ) {\r\n\r\n                                status.textContent =\r\n                                    `${heading}, slide ${\r\n                                        activeIndex + 1\r\n                                    } of ${\r\n                                        slides.length\r\n                                    }`;\r\n\r\n                            }\r\n\r\n                        };\r\n\r\n\r\n                        \/* ======================================\r\n                           SHOW SLIDE\r\n                        ====================================== *\/\r\n\r\n                        const showSlide = (\r\n                            requestedIndex\r\n                        ) => {\r\n\r\n                            if (\r\n                                transitionLocked ||\r\n                                slides.length < 2\r\n                            ) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            const nextIndex =\r\n                                (\r\n                                    requestedIndex +\r\n                                    slides.length\r\n                                ) %\r\n                                slides.length;\r\n\r\n\r\n                            if (\r\n                                nextIndex ===\r\n                                activeIndex\r\n                            ) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            transitionLocked =\r\n                                true;\r\n\r\n\r\n                            const currentSlide =\r\n                                slides[\r\n                                    activeIndex\r\n                                ];\r\n\r\n\r\n                            const nextSlide =\r\n                                slides[\r\n                                    nextIndex\r\n                                ];\r\n\r\n\r\n                            currentSlide\r\n                                .classList\r\n                                .add(\r\n                                    'is-exiting'\r\n                                );\r\n\r\n\r\n                            currentSlide\r\n                                .classList\r\n                                .remove(\r\n                                    'is-active'\r\n                                );\r\n\r\n\r\n                            currentSlide\r\n                                .setAttribute(\r\n                                    'aria-hidden',\r\n                                    'true'\r\n                                );\r\n\r\n\r\n                            activeIndex =\r\n                                nextIndex;\r\n\r\n\r\n                            nextSlide\r\n                                .classList\r\n                                .remove(\r\n                                    'is-exiting'\r\n                                );\r\n\r\n\r\n                            nextSlide\r\n                                .classList\r\n                                .add(\r\n                                    'is-active'\r\n                                );\r\n\r\n\r\n                            nextSlide\r\n                                .setAttribute(\r\n                                    'aria-hidden',\r\n                                    'false'\r\n                                );\r\n\r\n\r\n                            updateViewportHeight();\r\n\r\n                            announceSlide();\r\n\r\n\r\n                            window.setTimeout(\r\n                                () => {\r\n\r\n                                    currentSlide\r\n                                        .classList\r\n                                        .remove(\r\n                                            'is-exiting'\r\n                                        );\r\n\r\n\r\n                                    transitionLocked =\r\n                                        false;\r\n\r\n                                },\r\n                                680\r\n                            );\r\n\r\n                        };\r\n\r\n\r\n                        \/* ======================================\r\n                           BUTTON\r\n                        ====================================== *\/\r\n\r\n                        carousel\r\n                            .querySelectorAll(\r\n                                '.cocoa-product-slide__next'\r\n                            )\r\n                            .forEach(\r\n                                (button) => {\r\n\r\n                                    button.addEventListener(\r\n                                        'click',\r\n                                        () => {\r\n\r\n                                            showSlide(\r\n                                                activeIndex +\r\n                                                1\r\n                                            );\r\n\r\n                                        }\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        \/* ======================================\r\n                           SWIPE\r\n                        ====================================== *\/\r\n\r\n                        carousel.addEventListener(\r\n                            'touchstart',\r\n                            (event) => {\r\n\r\n                                const touch =\r\n                                    event.touches[0];\r\n\r\n\r\n                                touchStartX =\r\n                                    touch.clientX;\r\n\r\n\r\n                                touchStartY =\r\n                                    touch.clientY;\r\n\r\n                            },\r\n                            {\r\n                                passive: true\r\n                            }\r\n                        );\r\n\r\n\r\n                        carousel.addEventListener(\r\n                            'touchend',\r\n                            (event) => {\r\n\r\n                                const touch =\r\n                                    event.changedTouches[0];\r\n\r\n\r\n                                const differenceX =\r\n                                    touch.clientX -\r\n                                    touchStartX;\r\n\r\n\r\n                                const differenceY =\r\n                                    touch.clientY -\r\n                                    touchStartY;\r\n\r\n\r\n                                if (\r\n                                    Math.abs(\r\n                                        differenceX\r\n                                    ) < 55 ||\r\n\r\n                                    Math.abs(\r\n                                        differenceX\r\n                                    ) <\r\n                                    Math.abs(\r\n                                        differenceY\r\n                                    )\r\n                                ) {\r\n                                    return;\r\n                                }\r\n\r\n\r\n                                if (\r\n                                    differenceX <\r\n                                    0\r\n                                ) {\r\n\r\n                                    showSlide(\r\n                                        activeIndex +\r\n                                        1\r\n                                    );\r\n\r\n                                } else {\r\n\r\n                                    showSlide(\r\n                                        activeIndex -\r\n                                        1\r\n                                    );\r\n\r\n                                }\r\n\r\n                            },\r\n                            {\r\n                                passive: true\r\n                            }\r\n                        );\r\n\r\n\r\n                        \/* ======================================\r\n                           IMAGE LOAD\r\n                        ====================================== *\/\r\n\r\n                        carousel\r\n                            .querySelectorAll(\r\n                                'img'\r\n                            )\r\n                            .forEach(\r\n                                (image) => {\r\n\r\n                                    if (\r\n                                        !image.complete\r\n                                    ) {\r\n\r\n                                        image.addEventListener(\r\n                                            'load',\r\n                                            updateViewportHeight,\r\n                                            {\r\n                                                once: true\r\n                                            }\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        \/* ======================================\r\n                           RESIZE\r\n                        ====================================== *\/\r\n\r\n                        let resizeTimer;\r\n\r\n\r\n                        window.addEventListener(\r\n                            'resize',\r\n                            () => {\r\n\r\n                                clearTimeout(\r\n                                    resizeTimer\r\n                                );\r\n\r\n\r\n                                resizeTimer =\r\n                                    setTimeout(\r\n                                        updateViewportHeight,\r\n                                        120\r\n                                    );\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                        if (\r\n                            document.fonts?.ready\r\n                        ) {\r\n\r\n                            document.fonts.ready.then(\r\n                                updateViewportHeight\r\n                            );\r\n\r\n                        }\r\n\r\n\r\n                        updateViewportHeight();\r\n\r\n                        announceSlide();\r\n\r\n                    });\r\n\r\n            };\r\n\r\n\r\n            if (\r\n                document.readyState ===\r\n                'loading'\r\n            ) {\r\n\r\n                document.addEventListener(\r\n                    'DOMContentLoaded',\r\n                    initializeCocoaCarousels\r\n                );\r\n\r\n            } else {\r\n\r\n                initializeCocoaCarousels();\r\n\r\n            }\r\n\r\n\r\n            window.addEventListener(\r\n                'elementor\/frontend\/init',\r\n                initializeCocoaCarousels\r\n            );\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n        <\/div>\n\t\t\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-c2554db e-con-full e-flex e-con e-child\" data-id=\"c2554db\" 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-8434aff elementor-widget elementor-widget-shortcode\" data-id=\"8434aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <section\r\n        id=\"cocoa-favorites-1\"\r\n        class=\"cocoa-favorites\"\r\n        aria-label=\"Our All-Time Favorites\"\r\n    >\r\n\r\n        <div class=\"cocoa-favorites__scene\">\r\n\r\n            <h2 class=\"cocoa-favorites__heading\">\r\n                Our All-Time<br>Favorites\r\n            <\/h2>\r\n\r\n\r\n            <div\r\n                class=\"cocoa-favorites__backgrounds\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                \r\n                    <img\r\n                        class=\"cocoa-favorites__background is-active\"\r\n                        src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-blur-scaled.webp\"\r\n                        alt=\"\"\r\n                        loading=\"eager\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                \r\n                    <img\r\n                        class=\"cocoa-favorites__background\"\r\n                        src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-blur-2-scaled.webp\"\r\n                        alt=\"\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                \r\n                    <img\r\n                        class=\"cocoa-favorites__background\"\r\n                        src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-blur-3-scaled.webp\"\r\n                        alt=\"\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                \r\n            <\/div>\r\n\r\n\r\n            <div class=\"cocoa-favorites__viewport\">\r\n\r\n                <div class=\"cocoa-favorites__track\">\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cream-1.webp\"\r\n                                    alt=\"Body cream\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Body cream                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Soft body care                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/hand-cream-1.webp\"\r\n                                    alt=\"Hand Cream\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Hand Cream                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Pocket softness                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/smell-1.webp\"\r\n                                    alt=\"Diffusers\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Diffusers                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Home fragrance                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/spray-1.webp\"\r\n                                    alt=\"Room Spray\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Room Spray                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Fresh textiles                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/06\/visa.webp\"\r\n                                    alt=\"Gift Card\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Gift Card                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Ready to give                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            class=\"cocoa-favorites__card\"\r\n                            href=\"https:\/\/cocoame.co.il\/cocoa-shop\/\"\r\n                        >\r\n\r\n                            <div class=\"cocoa-favorites__icon-wrap\">\r\n\r\n                                <img\r\n                                    class=\"cocoa-favorites__icon\"\r\n                                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/present.webp\"\r\n                                    alt=\"Gift Sets\"\r\n                                    loading=\"lazy\"\r\n                                    decoding=\"async\"\r\n                                >\r\n\r\n                            <\/div>\r\n\r\n                            <h3 class=\"cocoa-favorites__title\">\r\n                                Gift Sets                            <\/h3>\r\n\r\n                            <p class=\"cocoa-favorites__subtitle\">\r\n                                Ready to give                            <\/p>\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cocoa-favorites__controls\">\r\n\r\n                <button\r\n                    class=\"cocoa-favorites__control cocoa-favorites__control--prev\"\r\n                    type=\"button\"\r\n                    aria-label=\"Previous categories\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/left-arrow.webp\"\r\n                        alt=\"\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                <\/button>\r\n\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"cocoa-favorites__slash\"\r\n                    src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/dash.webp\"\r\n                    alt=\"\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n\r\n\r\n                <button\r\n                    class=\"cocoa-favorites__control cocoa-favorites__control--next\"\r\n                    type=\"button\"\r\n                    aria-label=\"Next categories\"\r\n                >\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/right-arrow.webp\"\r\n                        alt=\"\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <style>\r\n\r\n    \/* =====================================================\r\n       BASE\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1 {\r\n\r\n        --cocoa-bg: #f1ede5;\r\n        --cocoa-gold: #966f2a;\r\n        --cocoa-text: #6f6251;\r\n\r\n        --cocoa-card-width:\r\n            clamp(250px, 19.8vw, 330px);\r\n\r\n        --cocoa-card-height:\r\n            clamp(350px, 24.7vw, 410px);\r\n\r\n        --cocoa-gap:\r\n            clamp(18px, 1.55vw, 26px);\r\n\r\n        width: 100%;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--cocoa-bg);\r\n\r\n        color:\r\n            var(--cocoa-text);\r\n\r\n        font-family:\r\n            Ploni,\r\n            Assistant,\r\n            Heebo,\r\n            Arial,\r\n            sans-serif;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1 * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       SCENE\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__scene {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        min-height:\r\n            clamp(720px, 55.8vw, 930px);\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       HEADING\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__heading {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 4;\r\n\r\n        top:\r\n            clamp(82px, 7.5vw, 126px);\r\n\r\n        left:\r\n            max(\r\n                40px,\r\n                calc(\r\n                    (100vw - 1660px) \/ 2\r\n                    + 145px\r\n                )\r\n            );\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--cocoa-gold);\r\n\r\n        font-size:\r\n            clamp(34px, 2.75vw, 46px);\r\n\r\n        font-weight: 700;\r\n\r\n        line-height: 1.02;\r\n\r\n        letter-spacing:\r\n            -0.02em;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       BACKGROUNDS\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__backgrounds {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 1;\r\n\r\n        top:\r\n            clamp(82px, 5.9vw, 98px);\r\n\r\n        left: 50%;\r\n\r\n        width:\r\n            clamp(420px, 35.3vw, 585px);\r\n\r\n        height:\r\n            clamp(560px, 44vw, 730px);\r\n\r\n        transform:\r\n            translateX(-50%);\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__background {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: cover;\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            scale(1.025);\r\n\r\n        transition:\r\n            opacity .55s ease,\r\n            transform .8s ease;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__background.is-active {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       VIEWPORT\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__viewport {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top:\r\n            clamp(260px, 19.4vw, 322px);\r\n\r\n        left: 0;\r\n\r\n        width: 100%;\r\n\r\n        overflow: hidden;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TRACK\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__track {\r\n\r\n        display: flex;\r\n\r\n        align-items: stretch;\r\n\r\n        gap:\r\n            var(--cocoa-gap);\r\n\r\n        width:\r\n            max-content;\r\n\r\n        margin: 0;\r\n        padding: 0;\r\n\r\n        will-change:\r\n            transform;\r\n\r\n        transition:\r\n            transform\r\n            .68s\r\n            cubic-bezier(\r\n                .22,\r\n                .75,\r\n                .22,\r\n                1\r\n            );\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__track.no-transition {\r\n\r\n        transition:\r\n            none !important;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CARDS\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__card {\r\n\r\n        flex:\r\n            0 0\r\n            var(--cocoa-card-width);\r\n\r\n        width:\r\n            var(--cocoa-card-width);\r\n\r\n        height:\r\n            var(--cocoa-card-height);\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        justify-content:\r\n            flex-end;\r\n\r\n        padding:\r\n            clamp(22px, 1.7vw, 28px)\r\n            clamp(16px, 1.2vw, 20px)\r\n            clamp(26px, 1.8vw, 30px);\r\n\r\n        border-radius:\r\n            clamp(15px, 1.15vw, 19px);\r\n\r\n        background:\r\n            #ffffff;\r\n\r\n        color:\r\n            inherit;\r\n\r\n        text-align:\r\n            center;\r\n\r\n        text-decoration:\r\n            none;\r\n\r\n        overflow:\r\n            hidden;\r\n\r\n        box-shadow:\r\n            0 8px 24px\r\n            rgba(\r\n                111,\r\n                98,\r\n                81,\r\n                .025\r\n            );\r\n\r\n        transition:\r\n            transform .25s ease,\r\n            box-shadow .25s ease;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    a.cocoa-favorites__card:hover {\r\n\r\n        transform:\r\n            translateY(-5px);\r\n\r\n        box-shadow:\r\n            0 16px 38px\r\n            rgba(\r\n                111,\r\n                98,\r\n                81,\r\n                .08\r\n            );\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ICON\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__icon-wrap {\r\n\r\n        flex:\r\n            1 1 auto;\r\n\r\n        min-height: 0;\r\n\r\n        width: 100%;\r\n\r\n        display: flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            center;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__icon {\r\n\r\n        display: block;\r\n\r\n        width:\r\n            min(88%, 245px);\r\n\r\n        max-height: 100%;\r\n\r\n        object-fit:\r\n            contain;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TEXT\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__title {\r\n\r\n        margin:\r\n            9px 0 2px;\r\n\r\n        color:\r\n            var(--cocoa-gold);\r\n\r\n        font-size:\r\n            clamp(\r\n                20px,\r\n                1.55vw,\r\n                26px\r\n            );\r\n\r\n        font-weight:\r\n            500;\r\n\r\n        line-height:\r\n            1.06;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__subtitle {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--cocoa-text);\r\n\r\n        font-size:\r\n            clamp(\r\n                15px,\r\n                1.1vw,\r\n                18px\r\n            );\r\n\r\n        font-weight:\r\n            400;\r\n\r\n        line-height:\r\n            1.15;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       CONTROLS\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__controls {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 5;\r\n\r\n        right:\r\n            max(\r\n                40px,\r\n                calc(\r\n                    (100vw - 1660px) \/ 2\r\n                    + 130px\r\n                )\r\n            );\r\n\r\n        bottom:\r\n            clamp(\r\n                68px,\r\n                6.5vw,\r\n                108px\r\n            );\r\n\r\n        display: flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        gap:\r\n            17px;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__control {\r\n\r\n        width:\r\n            clamp(54px, 4.3vw, 72px);\r\n\r\n        height:\r\n            clamp(42px, 3.3vw, 55px);\r\n\r\n        display:\r\n            inline-flex;\r\n\r\n        align-items:\r\n            center;\r\n\r\n        justify-content:\r\n            center;\r\n\r\n        padding: 0;\r\n        margin: 0;\r\n\r\n        border: 0;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            transform .2s ease,\r\n            opacity .2s ease;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__control:hover {\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n        opacity:\r\n            .72;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__control:focus-visible {\r\n\r\n        outline:\r\n            2px solid\r\n            var(--cocoa-gold);\r\n\r\n        outline-offset:\r\n            5px;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__control img,\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__slash {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit:\r\n            contain;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__slash {\r\n\r\n        width:\r\n            clamp(22px, 2vw, 34px);\r\n\r\n        height:\r\n            clamp(42px, 3.3vw, 55px);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TABLET\r\n    ===================================================== *\/\r\n\r\n    @media (max-width: 1024px) {\r\n\r\n        #cocoa-favorites-1 {\r\n\r\n            --cocoa-card-width:\r\n                clamp(230px, 30vw, 285px);\r\n\r\n            --cocoa-card-height:\r\n                clamp(330px, 40vw, 380px);\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__scene {\r\n\r\n            min-height:\r\n                760px;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__heading {\r\n\r\n            left:\r\n                42px;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__controls {\r\n\r\n            right:\r\n                42px;\r\n        }\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE\r\n    ===================================================== *\/\r\n\r\n    @media (max-width: 767px) {\r\n\r\n        #cocoa-favorites-1 {\r\n\r\n            --cocoa-card-width:\r\n                min(78vw, 318px);\r\n\r\n            --cocoa-card-height:\r\n                395px;\r\n\r\n            --cocoa-gap:\r\n                14px;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__scene {\r\n\r\n            min-height:\r\n                790px;\r\n\r\n            padding:\r\n                44px 0 34px;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__heading {\r\n\r\n            position:\r\n                relative;\r\n\r\n            top: auto;\r\n            left: auto;\r\n\r\n            margin:\r\n                0 20px 24px;\r\n\r\n            font-size:\r\n                36px;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__backgrounds {\r\n\r\n            position:\r\n                relative;\r\n\r\n            top: auto;\r\n            left: auto;\r\n\r\n            width:\r\n                76vw;\r\n\r\n            height:\r\n                470px;\r\n\r\n            margin:\r\n                0 auto;\r\n\r\n            transform:\r\n                none;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__viewport {\r\n\r\n            position:\r\n                absolute;\r\n\r\n            top:\r\n                265px;\r\n\r\n            left:\r\n                0;\r\n\r\n            width:\r\n                100%;\r\n\r\n            padding:\r\n                0;\r\n\r\n            touch-action:\r\n                pan-y;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__track {\r\n\r\n            transition-duration:\r\n                .82s;\r\n        }\r\n\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__controls {\r\n\r\n            right:\r\n                20px;\r\n\r\n            bottom:\r\n                24px;\r\n\r\n            gap:\r\n                10px;\r\n        }\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TYPOGRAPHY\r\n    ===================================================== *\/\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__heading,\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__title {\r\n\r\n        font-family:\r\n            \"bakemono-variable\",\r\n            \"Ploni\",\r\n            \"Assistant\",\r\n            Arial,\r\n            sans-serif !important;\r\n\r\n        font-variation-settings:\r\n            \"MONO\" 0;\r\n    }\r\n\r\n\r\n    #cocoa-favorites-1    .cocoa-favorites__subtitle {\r\n\r\n        font-family:\r\n            \"Ploni\",\r\n            \"Assistant\",\r\n            \"Heebo\",\r\n            Arial,\r\n            sans-serif !important;\r\n    }\r\n\r\n\r\n    html[lang^=\"he\"]\r\n    #cocoa-favorites-1    .cocoa-favorites__heading,\r\n\r\n    html[lang^=\"he\"]\r\n    #cocoa-favorites-1    .cocoa-favorites__title {\r\n\r\n        font-family:\r\n            \"Ploni\",\r\n            \"Assistant\",\r\n            \"Heebo\",\r\n            Arial,\r\n            sans-serif !important;\r\n\r\n        font-variation-settings:\r\n            normal;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REDUCED MOTION\r\n    ===================================================== *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__track,\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__background,\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__card,\r\n\r\n        #cocoa-favorites-1        .cocoa-favorites__control {\r\n\r\n            transition:\r\n                none !important;\r\n        }\r\n    }\r\n\r\n    <\/style>\r\n\r\n\r\n    <script>\r\n\r\n    (function () {\r\n\r\n        \"use strict\";\r\n\r\n\r\n        const root =\r\n            document.getElementById(\r\n                \"cocoa-favorites-1\"            );\r\n\r\n\r\n        if (\r\n            !root ||\r\n            root.dataset.ready === \"1\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        const track =\r\n            root.querySelector(\r\n                \".cocoa-favorites__track\"\r\n            );\r\n\r\n\r\n        const cards =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    \".cocoa-favorites__card\"\r\n                )\r\n            );\r\n\r\n\r\n        const backgrounds =\r\n            Array.from(\r\n                root.querySelectorAll(\r\n                    \".cocoa-favorites__background\"\r\n                )\r\n            );\r\n\r\n\r\n        const viewport =\r\n            root.querySelector(\r\n                \".cocoa-favorites__viewport\"\r\n            );\r\n\r\n\r\n        const prev =\r\n            root.querySelector(\r\n                \".cocoa-favorites__control--prev\"\r\n            );\r\n\r\n\r\n        const next =\r\n            root.querySelector(\r\n                \".cocoa-favorites__control--next\"\r\n            );\r\n\r\n\r\n        if (\r\n            !track ||\r\n            !cards.length ||\r\n            !backgrounds.length ||\r\n            !viewport ||\r\n            !prev ||\r\n            !next\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        root.dataset.ready =\r\n            \"1\";\r\n\r\n\r\n        const totalCards =\r\n            cards.length;\r\n\r\n\r\n        const mobileQuery =\r\n            window.matchMedia(\r\n                \"(max-width: 767px)\"\r\n            );\r\n\r\n\r\n        const reducedMotionQuery =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            );\r\n\r\n\r\n        let cardIndex =\r\n            0;\r\n\r\n\r\n        let locked =\r\n            false;\r\n\r\n\r\n        let touchStartX =\r\n            0;\r\n\r\n\r\n        let touchStartY =\r\n            0;\r\n\r\n\r\n        \/* =================================================\r\n           VISIBLE CARDS \/ STEP\r\n        ================================================= *\/\r\n\r\n        const getVisibleCount = () => {\r\n\r\n            return mobileQuery.matches\r\n                ? 1\r\n                : 2;\r\n        };\r\n\r\n\r\n        const getStep = () => {\r\n\r\n            return getVisibleCount();\r\n        };\r\n\r\n\r\n        const getLastIndex = () => {\r\n\r\n            return Math.max(\r\n                0,\r\n                totalCards -\r\n                getVisibleCount()\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           ORIGINAL START POSITION\r\n           \r\n           This recreates the original design:\r\n           \r\n           Desktop = original 142px-based alignment\r\n           Tablet = 42px\r\n           Mobile = 20px\r\n        ================================================= *\/\r\n\r\n        const getStartOffset = () => {\r\n\r\n            const width =\r\n                window.innerWidth;\r\n\r\n\r\n            if (\r\n                width <= 767\r\n            ) {\r\n\r\n                return 20;\r\n            }\r\n\r\n\r\n            if (\r\n                width <= 1024\r\n            ) {\r\n\r\n                return 42;\r\n            }\r\n\r\n\r\n            return Math.max(\r\n                40,\r\n                (\r\n                    (\r\n                        width -\r\n                        1660\r\n                    ) \/ 2\r\n                ) +\r\n                142\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           CARD DISTANCE\r\n        ================================================= *\/\r\n\r\n        const getDistance = () => {\r\n\r\n            if (!cards[0]) {\r\n                return 0;\r\n            }\r\n\r\n\r\n            const cardWidth =\r\n                cards[0]\r\n                    .getBoundingClientRect()\r\n                    .width;\r\n\r\n\r\n            const styles =\r\n                window.getComputedStyle(\r\n                    track\r\n                );\r\n\r\n\r\n            const gap =\r\n                parseFloat(\r\n                    styles.columnGap ||\r\n                    styles.gap ||\r\n                    0\r\n                );\r\n\r\n\r\n            return (\r\n                cardWidth +\r\n                gap\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           FINAL POSITION\r\n           \r\n           Only the last group is centered.\r\n           This prevents the carousel from\r\n           flying past Gift Sets.\r\n        ================================================= *\/\r\n\r\n        const getFinalCenteredTranslate = () => {\r\n\r\n            const visibleCount =\r\n                getVisibleCount();\r\n\r\n\r\n            const lastIndex =\r\n                getLastIndex();\r\n\r\n\r\n            const firstCard =\r\n                cards[lastIndex];\r\n\r\n\r\n            const finalCard =\r\n                cards[\r\n                    Math.min(\r\n                        lastIndex +\r\n                        visibleCount -\r\n                        1,\r\n                        totalCards - 1\r\n                    )\r\n                ];\r\n\r\n\r\n            if (\r\n                !firstCard ||\r\n                !finalCard\r\n            ) {\r\n\r\n                return 0;\r\n            }\r\n\r\n\r\n            const groupLeft =\r\n                firstCard.offsetLeft;\r\n\r\n\r\n            const groupRight =\r\n                finalCard.offsetLeft +\r\n                finalCard.offsetWidth;\r\n\r\n\r\n            const groupCenter =\r\n                (\r\n                    groupLeft +\r\n                    groupRight\r\n                ) \/ 2;\r\n\r\n\r\n            return (\r\n                viewport.clientWidth \/ 2\r\n            ) -\r\n            groupCenter;\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           TRANSLATE FOR EACH STATE\r\n        ================================================= *\/\r\n\r\n        const getTranslateForIndex = (\r\n            index\r\n        ) => {\r\n\r\n            const lastIndex =\r\n                getLastIndex();\r\n\r\n\r\n            \/*\r\n             * START:\r\n             * preserve original layout.\r\n             *\/\r\n\r\n            if (\r\n                index <= 0\r\n            ) {\r\n\r\n                return getStartOffset();\r\n            }\r\n\r\n\r\n            \/*\r\n             * END:\r\n             * center final real items.\r\n             *\/\r\n\r\n            if (\r\n                index >=\r\n                lastIndex\r\n            ) {\r\n\r\n                return getFinalCenteredTranslate();\r\n            }\r\n\r\n\r\n            \/*\r\n             * NORMAL SCROLL:\r\n             * start from the original position\r\n             * and move naturally by card widths.\r\n             *\/\r\n\r\n            return (\r\n                getStartOffset() -\r\n                (\r\n                    index *\r\n                    getDistance()\r\n                )\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           MOVE\r\n        ================================================= *\/\r\n\r\n        const moveToIndex = (\r\n            index,\r\n            animate = true\r\n        ) => {\r\n\r\n            track.classList.toggle(\r\n                \"no-transition\",\r\n                !animate\r\n            );\r\n\r\n\r\n            const translateX =\r\n                getTranslateForIndex(\r\n                    index\r\n                );\r\n\r\n\r\n            track.style.transform =\r\n                `translate3d(${translateX}px, 0, 0)`;\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           BACKGROUND\r\n        ================================================= *\/\r\n\r\n        const setBackground = (\r\n            visibleCardIndex\r\n        ) => {\r\n\r\n            const backgroundIndex =\r\n                Math.min(\r\n                    backgrounds.length - 1,\r\n\r\n                    Math.floor(\r\n                        visibleCardIndex \/ 2\r\n                    )\r\n                );\r\n\r\n\r\n            backgrounds.forEach(\r\n                (\r\n                    image,\r\n                    index\r\n                ) => {\r\n\r\n                    image.classList.toggle(\r\n                        \"is-active\",\r\n                        index ===\r\n                        backgroundIndex\r\n                    );\r\n\r\n                }\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           TRANSITION RESET\r\n        ================================================= *\/\r\n\r\n        const restoreTransition = () => {\r\n\r\n            requestAnimationFrame(\r\n                () => {\r\n\r\n                    requestAnimationFrame(\r\n                        () => {\r\n\r\n                            track\r\n                                .classList\r\n                                .remove(\r\n                                    \"no-transition\"\r\n                                );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           LOCK\r\n        ================================================= *\/\r\n\r\n        const getLockDelay = () => {\r\n\r\n            if (\r\n                reducedMotionQuery.matches\r\n            ) {\r\n\r\n                return 40;\r\n            }\r\n\r\n\r\n            return mobileQuery.matches\r\n                ? 850\r\n                : 700;\r\n        };\r\n\r\n\r\n        const unlockSoon = () => {\r\n\r\n            window.setTimeout(\r\n                () => {\r\n\r\n                    locked =\r\n                        false;\r\n\r\n                },\r\n                getLockDelay()\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           JUMP TO START\r\n        ================================================= *\/\r\n\r\n        const jumpToStart = () => {\r\n\r\n            cardIndex =\r\n                0;\r\n\r\n\r\n            moveToIndex(\r\n                cardIndex,\r\n                false\r\n            );\r\n\r\n\r\n            setBackground(\r\n                cardIndex\r\n            );\r\n\r\n\r\n            restoreTransition();\r\n\r\n\r\n            window.setTimeout(\r\n                () => {\r\n\r\n                    locked =\r\n                        false;\r\n\r\n                },\r\n                80\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           JUMP TO END\r\n        ================================================= *\/\r\n\r\n        const jumpToEnd = () => {\r\n\r\n            cardIndex =\r\n                getLastIndex();\r\n\r\n\r\n            moveToIndex(\r\n                cardIndex,\r\n                false\r\n            );\r\n\r\n\r\n            setBackground(\r\n                cardIndex\r\n            );\r\n\r\n\r\n            restoreTransition();\r\n\r\n\r\n            window.setTimeout(\r\n                () => {\r\n\r\n                    locked =\r\n                        false;\r\n\r\n                },\r\n                80\r\n            );\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           NEXT\r\n        ================================================= *\/\r\n\r\n        const goNext = () => {\r\n\r\n            if (\r\n                locked\r\n            ) {\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            locked =\r\n                true;\r\n\r\n\r\n            const step =\r\n                getStep();\r\n\r\n\r\n            const lastIndex =\r\n                getLastIndex();\r\n\r\n\r\n            \/*\r\n             * We're already at the end.\r\n             * Next click instantly returns\r\n             * to the original start.\r\n             *\/\r\n\r\n            if (\r\n                cardIndex >=\r\n                lastIndex\r\n            ) {\r\n\r\n                jumpToStart();\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            cardIndex =\r\n                Math.min(\r\n                    cardIndex +\r\n                    step,\r\n                    lastIndex\r\n                );\r\n\r\n\r\n            moveToIndex(\r\n                cardIndex,\r\n                true\r\n            );\r\n\r\n\r\n            setBackground(\r\n                cardIndex\r\n            );\r\n\r\n\r\n            unlockSoon();\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           PREVIOUS\r\n        ================================================= *\/\r\n\r\n        const goPrev = () => {\r\n\r\n            if (\r\n                locked\r\n            ) {\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            locked =\r\n                true;\r\n\r\n\r\n            const step =\r\n                getStep();\r\n\r\n\r\n            \/*\r\n             * From the beginning,\r\n             * previous jumps to the final\r\n             * centered position.\r\n             *\/\r\n\r\n            if (\r\n                cardIndex <= 0\r\n            ) {\r\n\r\n                jumpToEnd();\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            cardIndex =\r\n                Math.max(\r\n                    0,\r\n                    cardIndex -\r\n                    step\r\n                );\r\n\r\n\r\n            moveToIndex(\r\n                cardIndex,\r\n                true\r\n            );\r\n\r\n\r\n            setBackground(\r\n                cardIndex\r\n            );\r\n\r\n\r\n            unlockSoon();\r\n        };\r\n\r\n\r\n        \/* =================================================\r\n           BUTTONS\r\n        ================================================= *\/\r\n\r\n        next.addEventListener(\r\n            \"click\",\r\n            goNext\r\n        );\r\n\r\n\r\n        prev.addEventListener(\r\n            \"click\",\r\n            goPrev\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           TOUCH\r\n        ================================================= *\/\r\n\r\n        viewport.addEventListener(\r\n            \"touchstart\",\r\n            (event) => {\r\n\r\n                const touch =\r\n                    event.touches[0];\r\n\r\n\r\n                touchStartX =\r\n                    touch.clientX;\r\n\r\n\r\n                touchStartY =\r\n                    touch.clientY;\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        viewport.addEventListener(\r\n            \"touchend\",\r\n            (event) => {\r\n\r\n                const touch =\r\n                    event.changedTouches[0];\r\n\r\n\r\n                const differenceX =\r\n                    touch.clientX -\r\n                    touchStartX;\r\n\r\n\r\n                const differenceY =\r\n                    touch.clientY -\r\n                    touchStartY;\r\n\r\n\r\n                if (\r\n                    Math.abs(\r\n                        differenceX\r\n                    ) < 48 ||\r\n\r\n                    Math.abs(\r\n                        differenceX\r\n                    ) <=\r\n                    Math.abs(\r\n                        differenceY\r\n                    )\r\n                ) {\r\n\r\n                    return;\r\n                }\r\n\r\n\r\n                if (\r\n                    differenceX < 0\r\n                ) {\r\n\r\n                    goNext();\r\n\r\n                } else {\r\n\r\n                    goPrev();\r\n\r\n                }\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           RESIZE\r\n        ================================================= *\/\r\n\r\n        let resizeTimer;\r\n\r\n\r\n        const recalculate = () => {\r\n\r\n            const step =\r\n                getStep();\r\n\r\n\r\n            const lastIndex =\r\n                getLastIndex();\r\n\r\n\r\n            \/*\r\n             * Returning from mobile to desktop:\r\n             * use 0 \/ 2 \/ 4 only.\r\n             *\/\r\n\r\n            if (\r\n                step === 2 &&\r\n                cardIndex % 2 !== 0\r\n            ) {\r\n\r\n                cardIndex =\r\n                    Math.floor(\r\n                        cardIndex \/ 2\r\n                    ) * 2;\r\n            }\r\n\r\n\r\n            cardIndex =\r\n                Math.min(\r\n                    cardIndex,\r\n                    lastIndex\r\n                );\r\n\r\n\r\n            moveToIndex(\r\n                cardIndex,\r\n                false\r\n            );\r\n\r\n\r\n            setBackground(\r\n                cardIndex\r\n            );\r\n\r\n\r\n            restoreTransition();\r\n        };\r\n\r\n\r\n        window.addEventListener(\r\n            \"resize\",\r\n            () => {\r\n\r\n                window.clearTimeout(\r\n                    resizeTimer\r\n                );\r\n\r\n\r\n                resizeTimer =\r\n                    window.setTimeout(\r\n                        recalculate,\r\n                        140\r\n                    );\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           INITIAL STATE\r\n        ================================================= *\/\r\n\r\n        const initialize = () => {\r\n\r\n            cardIndex =\r\n                0;\r\n\r\n\r\n            moveToIndex(\r\n                0,\r\n                false\r\n            );\r\n\r\n\r\n            setBackground(\r\n                0\r\n            );\r\n\r\n\r\n            restoreTransition();\r\n        };\r\n\r\n\r\n        requestAnimationFrame(\r\n            () => {\r\n\r\n                requestAnimationFrame(\r\n                    initialize\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        if (\r\n            document.fonts &&\r\n            document.fonts.ready\r\n        ) {\r\n\r\n            document.fonts.ready.then(\r\n                initialize\r\n            );\r\n        }\r\n\r\n\r\n        window.addEventListener(\r\n            \"load\",\r\n            initialize,\r\n            {\r\n                once: true\r\n            }\r\n        );\r\n\r\n    })();\r\n\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3127e2f e-flex e-con-boxed e-con e-child\" data-id=\"3127e2f\" data-element_type=\"container\" data-e-type=\"container\" id=\"collections-cocoa-me-2\" 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-3bc5ac5 e-con-full e-flex e-con e-child\" data-id=\"3bc5ac5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-512bca8 elementor-widget elementor-widget-heading\" data-id=\"512bca8\" 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\">Choose Your<br>Scent Mood<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78e6333 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"78e6333\" 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>Three fragrance worlds, each with its own character, mood and story.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-695f2f7 e-con-full e-flex e-con e-child\" data-id=\"695f2f7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3e2d439 e-con-full e-transform e-flex e-con e-child\" data-id=\"3e2d439\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686e35d elementor-widget elementor-widget-heading\" data-id=\"686e35d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Deep Ocean<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b2c0b elementor-widget elementor-widget-button\" data-id=\"34b2c0b\" 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\/cocoa-shop\/\">\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\">DISCOVER THIS SCENT<\/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<div class=\"elementor-element elementor-element-a2c8dec e-con-full e-transform e-flex e-con e-child\" data-id=\"a2c8dec\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12ad8e0 elementor-widget elementor-widget-heading\" data-id=\"12ad8e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tiny Pink<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86ba8c4 elementor-widget elementor-widget-button\" data-id=\"86ba8c4\" 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\/cocoa-shop\/\">\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\">DISCOVER THIS SCENT<\/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<div class=\"elementor-element elementor-element-1a57273 e-con-full e-transform e-flex e-con e-child\" data-id=\"1a57273\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3100b7a elementor-widget elementor-widget-heading\" data-id=\"3100b7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Victory<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5003f elementor-widget elementor-widget-button\" data-id=\"4f5003f\" 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\/cocoa-shop\/\">\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\">DISCOVER THIS SCENT<\/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\t\t<div class=\"elementor-element elementor-element-14549cf elementor-absolute elementor-widget elementor-widget-image\" data-id=\"14549cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"446\" height=\"389\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/3-icon.webp\" class=\"attachment-large size-large wp-image-1239\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/3-icon.webp 446w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/3-icon-300x262.webp 300w\" sizes=\"(max-width: 446px) 100vw, 446px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-f9593b4 e-flex e-con-boxed e-con e-parent\" data-id=\"f9593b4\" 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-1ebad0c e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"1ebad0c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-ed4a107 e-con-full e-flex e-con e-child\" data-id=\"ed4a107\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-290bcf9 elementor-widget elementor-widget-heading\" data-id=\"290bcf9\" 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\">New Year. <br>New Scent\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f56bc4b elementor-widget elementor-widget-text-editor\" data-id=\"f56bc4b\" 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><span style=\"font-weight: 400;\">Curated scents. Beautifully wrapped.<br \/><\/span><span style=\"font-weight: 400;\">Made for New Year gifting.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4360cb e-con-full e-flex e-con e-child\" data-id=\"f4360cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e4f25 elementor-widget elementor-widget-image\" data-id=\"34e4f25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cocoame.co.il\/en\/cocoa-shop\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"524\" height=\"524\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/\u05d7\u05d5\u05e5-\u05e9\u05d7\u05d5\u05e8.webp\" class=\"elementor-animation-float attachment-large size-large wp-image-1538\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/\u05d7\u05d5\u05e5-\u05e9\u05d7\u05d5\u05e8.webp 524w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/\u05d7\u05d5\u05e5-\u05e9\u05d7\u05d5\u05e8-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/\u05d7\u05d5\u05e5-\u05e9\u05d7\u05d5\u05e8-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/\u05d7\u05d5\u05e5-\u05e9\u05d7\u05d5\u05e8-100x100.webp 100w\" sizes=\"(max-width: 524px) 100vw, 524px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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-d4ae768 e-flex e-con-boxed e-con e-child\" data-id=\"d4ae768\" 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-674d7b2 e-con-full e-flex e-con e-child\" data-id=\"674d7b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1becfd6 elementor-widget elementor-widget-heading\" data-id=\"1becfd6\" 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\">Build Your<br>Dream Box<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a52ca82 elementor-widget elementor-widget-text-editor\" data-id=\"a52ca82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tChoose a box, add yourfavorite scents, write a<br>personal note and send a gift that feels made just for<br>her.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4849a78 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"4849a78\" 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\">START BUILDING<\/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<div class=\"elementor-element elementor-element-3c102fd e-con-full e-flex e-con e-child\" data-id=\"3c102fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2860c81 elementor-widget elementor-widget-html\" data-id=\"2860c81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\n     Cocoa Me \u2014 Dream Box Steps\n     Desktop: Hover\n     Mobile: Scroll Reveal\n========================================= -->\n\n<section class=\"cocoa-dream-steps\" dir=\"ltr\">\n\n    <div class=\"cocoa-dream-steps__row\">\n\n        <!-- STEP 1 -->\n        <article\n            class=\"cocoa-dream-step\"\n            tabindex=\"0\"\n            aria-label=\"Step 1: Choose your box\"\n        >\n            <img decoding=\"async\"\n                class=\"cocoa-dream-step__number\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/\u05de\u05e1\u05e4\u05e8\u05d9\u05dd-\u05de\u05e9\u05d5\u05d8\u05d7-06-2.png\"\n                alt=\"Step 1\"\n            >\n\n            <img\n                class=\"cocoa-dream-step__photo\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-11.webp\"\n                alt=\"Choose your Cocoa Me gift box\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n            <p class=\"cocoa-dream-step__label\">\n                Choose your box\n            <\/p>\n        <\/article>\n\n\n        <!-- STEP 2 -->\n        <article\n            class=\"cocoa-dream-step\"\n            tabindex=\"0\"\n            aria-label=\"Step 2: Add products\"\n        >\n            <img decoding=\"async\"\n                class=\"cocoa-dream-step__number\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/\u05de\u05e1\u05e4\u05e8\u05d9\u05dd-\u05de\u05e9\u05d5\u05d8\u05d7-07-2.png\"\n                alt=\"Step 2\"\n            >\n\n            <img\n                class=\"cocoa-dream-step__photo\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-13.webp\"\n                alt=\"Add Cocoa Me products\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n            <p class=\"cocoa-dream-step__label\">\n                Add products\n            <\/p>\n        <\/article>\n\n\n        <!-- STEP 3 -->\n        <article\n            class=\"cocoa-dream-step\"\n            tabindex=\"0\"\n            aria-label=\"Step 3: Write a note\"\n        >\n            <img decoding=\"async\"\n                class=\"cocoa-dream-step__number\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/\u05de\u05e1\u05e4\u05e8\u05d9\u05dd-\u05de\u05e9\u05d5\u05d8\u05d7-08-2.png\"\n                alt=\"Step 3\"\n            >\n\n            <img\n                class=\"cocoa-dream-step__photo\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-10.webp\"\n                alt=\"Write a personal gift note\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n            <p class=\"cocoa-dream-step__label\">\n                Write a note\n            <\/p>\n        <\/article>\n\n\n        <!-- STEP 4 -->\n        <article\n            class=\"cocoa-dream-step\"\n            tabindex=\"0\"\n            aria-label=\"Step 4: Schedule delivery\"\n        >\n            <img decoding=\"async\"\n                class=\"cocoa-dream-step__number\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/\u05de\u05e1\u05e4\u05e8\u05d9\u05dd-\u05de\u05e9\u05d5\u05d8\u05d7-09-2.png\"\n                alt=\"Step 4\"\n            >\n\n            <img\n                class=\"cocoa-dream-step__photo\"\n                src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/cocoa-me-12.webp\"\n                alt=\"Schedule the Cocoa Me gift delivery\"\n                loading=\"lazy\"\n                decoding=\"async\"\n            >\n\n            <p class=\"cocoa-dream-step__label\">\n                Schedule delivery\n            <\/p>\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   BASE\n========================================= *\/\n\n.cocoa-dream-steps,\n.cocoa-dream-steps * {\n    box-sizing: border-box;\n}\n\n\n.cocoa-dream-steps {\n\n    --cocoa-circle-size: 289px;\n    --cocoa-circle-overlap: -22px;\n\n    --cocoa-circle-background:\n        rgba(239, 234, 228, 0.60);\n\n    --cocoa-text: #6f6251;\n    --cocoa-gold: #966f2a;\n\n    width: 100%;\n\n    overflow: visible;\n\n    font-family:\n        \"Ploni\",\n        \"Microsoft Sans Serif\",\n        Assistant,\n        Arial,\n        sans-serif;\n}\n\n\n\/* =========================================\n   ROW\n========================================= *\/\n\n.cocoa-dream-steps__row {\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   CIRCLE\n========================================= *\/\n\n.cocoa-dream-step {\n\n    position: relative;\n\n    isolation: isolate;\n\n    flex:\n        0 0\n        var(--cocoa-circle-size);\n\n    width:\n        var(--cocoa-circle-size);\n\n    height:\n        var(--cocoa-circle-size);\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    border: 0;\n    border-radius: 50%;\n\n    background:\n        var(--cocoa-circle-background);\n\n    cursor: pointer;\n\n    outline: none;\n\n    transform:\n        translateZ(0);\n\n    transition:\n        transform 0.55s\n        cubic-bezier(0.22, 1, 0.36, 1),\n\n        box-shadow 0.5s ease,\n\n        background-color 0.45s ease;\n}\n\n\n.cocoa-dream-step +\n.cocoa-dream-step {\n\n    margin-left:\n        var(--cocoa-circle-overlap);\n}\n\n\n\/* =========================================\n   NUMBER\n========================================= *\/\n\n.cocoa-dream-step__number {\n\n    position: absolute;\n\n    z-index: 3;\n\n    top: 43%;\n    left: 50%;\n\n    display: block;\n\n    width: 60%;\n    height: 150px;\n\n    object-fit: contain;\n\n    opacity: 1;\n    visibility: visible;\n\n    transform:\n        translate(-50%, -50%)\n        scale(1);\n\n    transition:\n        opacity 0.32s ease,\n\n        visibility 0.32s ease,\n\n        transform 0.55s\n        cubic-bezier(0.22, 1, 0.36, 1);\n\n    pointer-events: none;\n\n    user-select: none;\n}\n\n\n\/* =========================================\n   PHOTO\n========================================= *\/\n\n.cocoa-dream-step__photo {\n\n    position: absolute;\n\n    z-index: 1;\n\n    inset: 0;\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    opacity: 0;\n\n    transform:\n        scale(1.11);\n\n    filter:\n        saturate(0.94);\n\n    transition:\n        opacity 0.55s ease,\n\n        transform 0.95s\n        cubic-bezier(0.22, 1, 0.36, 1),\n\n        filter 0.65s ease;\n\n    pointer-events: none;\n\n    user-select: none;\n}\n\n\n\/* =========================================\n   LABEL\n   Moved closer to number\n========================================= *\/\n\n.cocoa-dream-step__label {\n\n    position: absolute;\n\n    z-index: 4;\n\n    right: 20px;\n\n    \/*\n     * \u05d4\u05d9\u05d4 35px.\n     * \u05d4\u05e2\u05dc\u05d9\u05e0\u05d5 \u05db\u05d3\u05d9 \u05e9\u05d4\u05d8\u05e7\u05e1\u05d8 \u05d9\u05d4\u05d9\u05d4 \u05e7\u05e8\u05d5\u05d1 \u05d9\u05d5\u05ea\u05e8 \u05dc\u05de\u05e1\u05e4\u05e8.\n     *\/\n    bottom: 58px;\n\n    left: 20px;\n\n    margin: 0;\n    padding: 0;\n\n    color:\n        var(--cocoa-text);\n\n    font-size: 15px;\n    font-weight: 400;\n\n    line-height: 1.2;\n\n    text-align: center;\n\n    opacity: 1;\n    visibility: visible;\n\n    transform:\n        translateY(0);\n\n    transition:\n        opacity 0.3s ease,\n\n        visibility 0.3s ease,\n\n        transform 0.5s\n        cubic-bezier(0.22, 1, 0.36, 1);\n\n    pointer-events: none;\n}\n\n\n\/* =========================================\n   ACTIVE \/ HOVER\n========================================= *\/\n\n.cocoa-dream-step:hover,\n.cocoa-dream-step:focus-visible,\n.cocoa-dream-step.is-active {\n\n    z-index: 10;\n\n    background:\n        transparent;\n\n    transform:\n        translateY(-5px)\n        scale(1.015);\n\n    box-shadow:\n        0 18px 45px\n        rgba(111, 98, 81, 0.12);\n}\n\n\n\/* NUMBER DISAPPEARS *\/\n\n.cocoa-dream-step:hover\n.cocoa-dream-step__number,\n\n.cocoa-dream-step:focus-visible\n.cocoa-dream-step__number,\n\n.cocoa-dream-step.is-active\n.cocoa-dream-step__number {\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    transform:\n        translate(-50%, -50%)\n        scale(0.86);\n}\n\n\n\/* LABEL DISAPPEARS *\/\n\n.cocoa-dream-step:hover\n.cocoa-dream-step__label,\n\n.cocoa-dream-step:focus-visible\n.cocoa-dream-step__label,\n\n.cocoa-dream-step.is-active\n.cocoa-dream-step__label {\n\n    opacity: 0;\n\n    visibility: hidden;\n\n    transform:\n        translateY(12px);\n}\n\n\n\/* PHOTO APPEARS *\/\n\n.cocoa-dream-step:hover\n.cocoa-dream-step__photo,\n\n.cocoa-dream-step:focus-visible\n.cocoa-dream-step__photo,\n\n.cocoa-dream-step.is-active\n.cocoa-dream-step__photo {\n\n    opacity: 1;\n\n    transform:\n        scale(1);\n\n    filter:\n        saturate(1);\n}\n\n\n\/* =========================================\n   KEYBOARD ACCESSIBILITY\n========================================= *\/\n\n.cocoa-dream-step:focus-visible {\n\n    outline:\n        2px solid\n        var(--cocoa-gold);\n\n    outline-offset: 5px;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 1100px) {\n\n    .cocoa-dream-steps {\n\n        --cocoa-circle-size: 225px;\n        --cocoa-circle-overlap: -16px;\n    }\n\n\n    .cocoa-dream-step__number {\n\n        height: 125px;\n    }\n\n\n    .cocoa-dream-step__label {\n\n        \/*\n         * \u05d4\u05d9\u05d4 28px.\n         * \u05e2\u05db\u05e9\u05d9\u05d5 \u05e6\u05de\u05d5\u05d3 \u05d9\u05d5\u05ea\u05e8 \u05dc\u05de\u05e1\u05e4\u05e8.\n         *\/\n        bottom: 43px;\n\n        font-size: 14px;\n    }\n\n}\n\n\n\/* =========================================\n   MOBILE\n   Scroll controlled reveal\n========================================= *\/\n\n@media (max-width: 767px) {\n\n    .cocoa-dream-steps {\n\n        --cocoa-circle-size: 270px;\n        --cocoa-circle-overlap: 0;\n\n        padding:\n            20px 0 30px;\n    }\n\n\n    .cocoa-dream-steps__row {\n\n        flex-direction: column;\n\n        gap: 28px;\n    }\n\n\n    .cocoa-dream-step +\n    .cocoa-dream-step {\n\n        margin-left: 0;\n    }\n\n\n    .cocoa-dream-step {\n\n        flex:\n            0 0\n            var(--cocoa-circle-size);\n\n        width:\n            var(--cocoa-circle-size);\n\n        height:\n            var(--cocoa-circle-size);\n\n        cursor: default;\n    }\n\n\n    .cocoa-dream-step__number {\n\n        width: 60%;\n\n        height: 140px;\n    }\n\n\n    .cocoa-dream-step__label {\n\n        \/*\n         * \u05d4\u05d9\u05d4 31px.\n         * \u05e2\u05db\u05e9\u05d9\u05d5 \u05e7\u05e8\u05d5\u05d1 \u05d9\u05d5\u05ea\u05e8 \u05dc\u05de\u05e1\u05e4\u05e8.\n         *\/\n        bottom: 50px;\n\n        font-size: 15px;\n    }\n\n\n    \/*\n     * \u05de\u05d1\u05d8\u05dc\u05d9\u05dd hover \"\u05d3\u05d1\u05d9\u05e7\"\n     * \u05d1\u05de\u05db\u05e9\u05d9\u05e8\u05d9 touch.\n     *\/\n\n    .cocoa-dream-step:hover:not(.is-active) {\n\n        z-index: 1;\n\n        background:\n            var(--cocoa-circle-background);\n\n        transform:\n            translateY(0)\n            scale(1);\n\n        box-shadow: none;\n    }\n\n\n    .cocoa-dream-step:hover:not(.is-active)\n    .cocoa-dream-step__number {\n\n        opacity: 1;\n\n        visibility: visible;\n\n        transform:\n            translate(-50%, -50%)\n            scale(1);\n    }\n\n\n    .cocoa-dream-step:hover:not(.is-active)\n    .cocoa-dream-step__label {\n\n        opacity: 1;\n\n        visibility: visible;\n\n        transform:\n            translateY(0);\n    }\n\n\n    .cocoa-dream-step:hover:not(.is-active)\n    .cocoa-dream-step__photo {\n\n        opacity: 0;\n\n        transform:\n            scale(1.11);\n    }\n\n\n    \/*\n     * \u05db\u05e9\u05d4\u05e2\u05d9\u05d2\u05d5\u05dc \u05de\u05d2\u05d9\u05e2 \u05dc\u05d0\u05d6\u05d5\u05e8 \u05d4\u05e4\u05e2\u05d9\u05dc \u05d1\u05d2\u05dc\u05d9\u05dc\u05d4.\n     *\/\n\n    .cocoa-dream-step.is-active {\n\n        transform:\n            translateY(0)\n            scale(1.025);\n\n        box-shadow:\n            0 20px 50px\n            rgba(111, 98, 81, 0.14);\n    }\n\n}\n\n\n\/* =========================================\n   SMALL MOBILE\n========================================= *\/\n\n@media (max-width: 390px) {\n\n    .cocoa-dream-steps {\n\n        --cocoa-circle-size:\n            min(270px, 76vw);\n    }\n\n\n    .cocoa-dream-step__label {\n\n        \/*\n         * \u05d4\u05ea\u05d0\u05de\u05d4 \u05e7\u05d8\u05e0\u05d4 \u05dc\u05de\u05e1\u05db\u05d9\u05dd \u05e6\u05e8\u05d9\u05dd.\n         *\/\n        bottom: 46px;\n    }\n\n}\n\n\n\/* =========================================\n   REDUCED MOTION\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .cocoa-dream-step,\n    .cocoa-dream-step__number,\n    .cocoa-dream-step__photo,\n    .cocoa-dream-step__label {\n\n        transition: none !important;\n\n        animation: none !important;\n    }\n\n}\n\n<\/style>\n\n\n<script>\n\n(() => {\n\n    \"use strict\";\n\n\n    \/* =========================================\n       INITIALIZE\n    ========================================= *\/\n\n    const initializeCocoaDreamSteps = () => {\n\n        document\n            .querySelectorAll(\n                \".cocoa-dream-steps\"\n            )\n            .forEach((section) => {\n\n\n                if (\n                    section.dataset\n                    .cocoaDreamReady === \"true\"\n                ) {\n\n                    return;\n                }\n\n\n                section.dataset\n                    .cocoaDreamReady = \"true\";\n\n\n                const steps =\n                    Array.from(\n                        section.querySelectorAll(\n                            \".cocoa-dream-step\"\n                        )\n                    );\n\n\n                if (!steps.length) {\n\n                    return;\n                }\n\n\n                const mobileQuery =\n                    window.matchMedia(\n                        \"(max-width: 767px)\"\n                    );\n\n\n                let ticking = false;\n\n\n                \/* =========================================\n                   REMOVE ACTIVE\n                ========================================= *\/\n\n                const removeAllActive = () => {\n\n                    steps.forEach((step) => {\n\n                        step.classList.remove(\n                            \"is-active\"\n                        );\n\n                    });\n\n                };\n\n\n                \/* =========================================\n                   MOBILE SCROLL REVEAL\n                ========================================= *\/\n\n                const updateMobileActiveStep = () => {\n\n\n                    \/*\n                     * Desktop:\n                     * JavaScript does nothing.\n                     * Hover controls the cards.\n                     *\/\n\n                    if (!mobileQuery.matches) {\n\n                        removeAllActive();\n\n                        return;\n                    }\n\n\n                    const viewportHeight =\n                        window.innerHeight;\n\n\n                    \/*\n                     * \u05d4\u05d0\u05d6\u05d5\u05e8 \u05e9\u05d0\u05e0\u05d7\u05e0\u05d5 \u05e8\u05d5\u05e6\u05d9\u05dd \u05e9\u05d4\u05e2\u05d9\u05d2\u05d5\u05dc\n                     * \u05d9\u05d4\u05d9\u05d4 \u05d4\u05db\u05d9 \u05e7\u05e8\u05d5\u05d1 \u05d0\u05dc\u05d9\u05d5.\n                     *\/\n\n                    const targetY =\n                        viewportHeight * 0.52;\n\n\n                    let nearestStep = null;\n\n                    let nearestDistance =\n                        Infinity;\n\n\n                    steps.forEach((step) => {\n\n                        const rect =\n                            step.getBoundingClientRect();\n\n\n                        const isVisible =\n                            rect.bottom > 0 &&\n                            rect.top < viewportHeight;\n\n\n                        if (!isVisible) {\n\n                            return;\n                        }\n\n\n                        const centerY =\n                            rect.top +\n                            rect.height \/ 2;\n\n\n                        const distance =\n                            Math.abs(\n                                centerY - targetY\n                            );\n\n\n                        if (\n                            distance <\n                            nearestDistance\n                        ) {\n\n                            nearestDistance =\n                                distance;\n\n                            nearestStep =\n                                step;\n                        }\n\n                    });\n\n\n                    \/*\n                     * \u05e8\u05e7 \u05d4\u05e2\u05d9\u05d2\u05d5\u05dc \u05d4\u05e7\u05e8\u05d5\u05d1 \u05d1\u05d9\u05d5\u05ea\u05e8\n                     * \u05dc\u05de\u05e8\u05db\u05d6 \u05d4\u05de\u05e1\u05da \u05de\u05e7\u05d1\u05dc Active.\n                     *\/\n\n                    steps.forEach((step) => {\n\n                        step.classList.toggle(\n                            \"is-active\",\n                            step === nearestStep\n                        );\n\n                    });\n\n                };\n\n\n                \/* =========================================\n                   REQUEST ANIMATION FRAME\n                ========================================= *\/\n\n                const requestUpdate = () => {\n\n                    if (ticking) {\n\n                        return;\n                    }\n\n\n                    ticking = true;\n\n\n                    window.requestAnimationFrame(\n                        () => {\n\n                            updateMobileActiveStep();\n\n                            ticking = false;\n\n                        }\n                    );\n\n                };\n\n\n                \/* =========================================\n                   SCROLL\n                ========================================= *\/\n\n                window.addEventListener(\n                    \"scroll\",\n                    requestUpdate,\n                    {\n                        passive: true\n                    }\n                );\n\n\n                \/* =========================================\n                   RESIZE\n                ========================================= *\/\n\n                window.addEventListener(\n                    \"resize\",\n                    requestUpdate,\n                    {\n                        passive: true\n                    }\n                );\n\n\n                \/* =========================================\n                   MEDIA QUERY CHANGE\n                ========================================= *\/\n\n                if (\n                    typeof\n                    mobileQuery.addEventListener ===\n                    \"function\"\n                ) {\n\n                    mobileQuery.addEventListener(\n                        \"change\",\n                        requestUpdate\n                    );\n\n                } else {\n\n                    mobileQuery.addListener(\n                        requestUpdate\n                    );\n                }\n\n\n                \/* =========================================\n                   KEYBOARD \u2014 DESKTOP\n                ========================================= *\/\n\n                steps.forEach((step) => {\n\n                    step.addEventListener(\n                        \"keydown\",\n                        (event) => {\n\n                            if (\n                                mobileQuery.matches\n                            ) {\n\n                                return;\n                            }\n\n\n                            if (\n                                event.key !== \"Enter\" &&\n                                event.key !== \" \"\n                            ) {\n\n                                return;\n                            }\n\n\n                            event.preventDefault();\n\n\n                            const wasActive =\n                                step.classList.contains(\n                                    \"is-active\"\n                                );\n\n\n                            removeAllActive();\n\n\n                            if (!wasActive) {\n\n                                step.classList.add(\n                                    \"is-active\"\n                                );\n                            }\n\n                        }\n                    );\n\n                });\n\n\n                \/*\n                 * \u05d4\u05e4\u05e2\u05dc\u05d4 \u05e8\u05d0\u05e9\u05d5\u05e0\u05d9\u05ea.\n                 *\/\n\n                requestUpdate();\n\n            });\n\n    };\n\n\n    \/* =========================================\n       DOM READY\n    ========================================= *\/\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initializeCocoaDreamSteps\n        );\n\n    } else {\n\n        initializeCocoaDreamSteps();\n    }\n\n\n    \/* =========================================\n       ELEMENTOR\n    ========================================= *\/\n\n    window.addEventListener(\n        \"elementor\/frontend\/init\",\n        initializeCocoaDreamSteps\n    );\n\n})();\n\n<\/script>\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-0097377 e-con-full e-flex e-con e-child\" data-id=\"0097377\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-401eb2e e-con-full e-flex e-con e-child\" data-id=\"401eb2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b60df4 elementor-widget elementor-widget-heading\" data-id=\"9b60df4\" 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\">A soft world of scent,<br>care and gifting<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90ab4ea elementor-widget elementor-widget-text-editor\" data-id=\"90ab4ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCreated for girls, women and anyone who loves<br>clean rituals, soft textures and scents that stay<br>beautifully personal.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2399164 elementor-align-left cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"2399164\" 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\/our-story\/\">\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\">OUR STORY<\/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-40117ae e-con-full e-flex e-con e-child\" data-id=\"40117ae\" 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-c2b8909 e-con-full e-flex e-con e-child\" data-id=\"c2b8909\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da7ef4e elementor-invisible elementor-widget elementor-widget-image\" data-id=\"da7ef4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume.webp\" class=\"attachment-1536x1536 size-1536x1536 wp-image-1304\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume.webp 1254w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-1024x1024.webp 1024w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-768x768.webp 768w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-600x600.webp 600w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/perfume-100x100.webp 100w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8f1f8f elementor-widget elementor-widget-text-editor\" data-id=\"b8f1f8f\" 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>Premium Scents<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bfeeaa e-con-full e-flex e-con e-child\" data-id=\"5bfeeaa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d47ac6b elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d47ac6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart.webp\" class=\"attachment-1536x1536 size-1536x1536 wp-image-1303\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart.webp 1254w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-1024x1024.webp 1024w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-768x768.webp 768w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-600x600.webp 600w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/heart-100x100.webp 100w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd212a1 elementor-widget elementor-widget-text-editor\" data-id=\"fd212a1\" 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>Personal Gift Notes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d47da4 e-con-full e-flex e-con e-child\" data-id=\"4d47da4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde46ed elementor-invisible elementor-widget elementor-widget-image\" data-id=\"bde46ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar.webp\" class=\"attachment-1536x1536 size-1536x1536 wp-image-1305\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar.webp 1254w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-1024x1024.webp 1024w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-768x768.webp 768w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-600x600.webp 600w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/calendar-100x100.webp 100w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-269eed8 elementor-widget elementor-widget-text-editor\" data-id=\"269eed8\" 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>Scheduled Delivery<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d78979 e-con-full e-flex e-con e-child\" data-id=\"1d78979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-418adf4 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"418adf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell.webp\" class=\"attachment-1536x1536 size-1536x1536 wp-image-1306\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell.webp 1254w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-1024x1024.webp 1024w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-768x768.webp 768w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-600x600.webp 600w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/bell-100x100.webp 100w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e5e689 elementor-widget elementor-widget-text-editor\" data-id=\"3e5e689\" 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>Back in Stock Alerts<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e16a14 e-con-full e-flex e-con e-child\" data-id=\"6e16a14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fff827 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1fff827\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;,&quot;_animation_delay&quot;:800}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp.webp\" class=\"attachment-1536x1536 size-1536x1536 wp-image-1307\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp.webp 1254w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-300x300.webp 300w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-1024x1024.webp 1024w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-150x150.webp 150w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-768x768.webp 768w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-600x600.webp 600w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/08\/whatsapp-100x100.webp 100w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c22955 elementor-widget elementor-widget-text-editor\" data-id=\"8c22955\" 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>WhatsApp Support<\/p>\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-38d3f0e e-con-full e-flex e-con e-parent\" data-id=\"38d3f0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06eead1 elementor-widget elementor-widget-shortcode\" data-id=\"06eead1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\t<section\r\n\t\tid=\"cocoa-story-carousel-1\"\r\n\t\tclass=\"cocoa-story-carousel\"\r\n\t\tdata-cocoa-story-carousel\r\n\t\tdata-post-limit=\"12\"\r\n\t\taria-label=\"Become Part of Our Story\"\r\n\t\tdir=\"ltr\"\r\n\t>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"cocoa-story-carousel__instagram-source\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t>\r\n\t\t\t        <div\n            class=\"spotlight-instagram-feed\"\n            data-feed-var=\"f261809a\"\n            data-analytics=\"0\"\n            data-instance=\"95\"\n        >\n        <\/div>\n        <input type=\"hidden\" id=\"sli__f__f261809a\" data-json='{&quot;useCase&quot;:&quot;accounts&quot;,&quot;template&quot;:&quot;row&quot;,&quot;layout&quot;:&quot;grid&quot;,&quot;numColumns&quot;:{&quot;desktop&quot;:6,&quot;phone&quot;:3,&quot;tablet&quot;:5},&quot;highlightFreq&quot;:{&quot;desktop&quot;:7},&quot;sliderNumScrollPosts&quot;:{&quot;desktop&quot;:1},&quot;sliderInfinite&quot;:true,&quot;sliderLoop&quot;:false,&quot;sliderArrowPos&quot;:{&quot;desktop&quot;:&quot;inside&quot;},&quot;sliderArrowSize&quot;:{&quot;desktop&quot;:20},&quot;sliderArrowColor&quot;:{&quot;r&quot;:255,&quot;b&quot;:255,&quot;g&quot;:255,&quot;a&quot;:1},&quot;sliderArrowBgColor&quot;:{&quot;r&quot;:0,&quot;b&quot;:0,&quot;g&quot;:0,&quot;a&quot;:0.80000000000000004},&quot;sliderAutoScroll&quot;:false,&quot;sliderAutoInterval&quot;:3,&quot;postOrder&quot;:&quot;date_desc&quot;,&quot;numPosts&quot;:{&quot;desktop&quot;:200,&quot;phone&quot;:3,&quot;tablet&quot;:5},&quot;linkBehavior&quot;:{&quot;desktop&quot;:&quot;lightbox&quot;},&quot;feedWidth&quot;:{&quot;desktop&quot;:0},&quot;feedHeight&quot;:{&quot;desktop&quot;:0},&quot;feedPadding&quot;:{&quot;desktop&quot;:0,&quot;tablet&quot;:0,&quot;phone&quot;:0},&quot;imgPadding&quot;:{&quot;desktop&quot;:0,&quot;tablet&quot;:0,&quot;phone&quot;:0},&quot;ratio&quot;:&quot;classic&quot;,&quot;textSize&quot;:{&quot;desktop&quot;:0,&quot;tablet&quot;:0,&quot;phone&quot;:0},&quot;bgColor&quot;:{&quot;r&quot;:255,&quot;g&quot;:255,&quot;b&quot;:255,&quot;a&quot;:1},&quot;hoverInfo&quot;:[&quot;likes_comments&quot;,&quot;insta_link&quot;,&quot;date&quot;],&quot;textColorHover&quot;:{&quot;r&quot;:255,&quot;g&quot;:255,&quot;b&quot;:255,&quot;a&quot;:1},&quot;bgColorHover&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:0.5},&quot;showHeader&quot;:{&quot;desktop&quot;:false},&quot;headerInfo&quot;:{&quot;desktop&quot;:[&quot;profile_pic&quot;,&quot;bio&quot;]},&quot;headerAccount&quot;:null,&quot;headerStyle&quot;:{&quot;desktop&quot;:&quot;normal&quot;,&quot;phone&quot;:&quot;centered&quot;},&quot;headerTextSize&quot;:{&quot;desktop&quot;:0},&quot;headerPhotoSize&quot;:{&quot;desktop&quot;:50},&quot;headerTextColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:1},&quot;headerBgColor&quot;:{&quot;r&quot;:255,&quot;g&quot;:255,&quot;b&quot;:255,&quot;a&quot;:1},&quot;headerPadding&quot;:{&quot;desktop&quot;:0},&quot;customProfilePic&quot;:&quot;&quot;,&quot;customBioText&quot;:&quot;&quot;,&quot;includeStories&quot;:false,&quot;storiesInterval&quot;:5,&quot;showCaptions&quot;:{&quot;desktop&quot;:false,&quot;tablet&quot;:false},&quot;captionMaxLength&quot;:{&quot;desktop&quot;:0},&quot;captionRemoveDots&quot;:false,&quot;captionSize&quot;:{&quot;desktop&quot;:0},&quot;captionColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:1},&quot;showLikes&quot;:{&quot;desktop&quot;:false,&quot;tablet&quot;:false},&quot;showComments&quot;:{&quot;desktop&quot;:false,&quot;tablet&quot;:false},&quot;lcIconSize&quot;:{&quot;desktop&quot;:14},&quot;likesIconColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:1},&quot;commentsIconColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:1},&quot;lightboxShowSidebar&quot;:false,&quot;lightboxCtaStyle&quot;:&quot;link&quot;,&quot;lightboxCtaDesign&quot;:{&quot;text&quot;:{&quot;color&quot;:{&quot;r&quot;:0,&quot;g&quot;:0,&quot;b&quot;:0,&quot;a&quot;:1},&quot;align&quot;:&quot;center&quot;},&quot;bgColor&quot;:{&quot;r&quot;:230,&quot;g&quot;:230,&quot;b&quot;:230,&quot;a&quot;:1},&quot;border&quot;:{&quot;radius&quot;:3}},&quot;numLightboxComments&quot;:50,&quot;showLoadMoreBtn&quot;:{&quot;desktop&quot;:false},&quot;loadMoreBtnDesign&quot;:{&quot;text&quot;:{&quot;color&quot;:{&quot;r&quot;:255,&quot;g&quot;:255,&quot;b&quot;:255,&quot;a&quot;:1},&quot;align&quot;:&quot;center&quot;},&quot;border&quot;:{&quot;radius&quot;:3},&quot;bgColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:149,&quot;b&quot;:246,&quot;a&quot;:1},&quot;margin&quot;:{&quot;top&quot;:0,&quot;bottom&quot;:0,&quot;left&quot;:0,&quot;right&quot;:0}},&quot;loadMoreBtnText&quot;:&quot;Load more&quot;,&quot;loadMoreBtnScroll&quot;:true,&quot;autoload&quot;:false,&quot;showFollowBtn&quot;:{&quot;desktop&quot;:false,&quot;phone&quot;:false},&quot;followBtnText&quot;:&quot;Follow on Instagram&quot;,&quot;followBtnDesign&quot;:{&quot;text&quot;:{&quot;color&quot;:{&quot;r&quot;:255,&quot;g&quot;:255,&quot;b&quot;:255,&quot;a&quot;:1},&quot;align&quot;:&quot;center&quot;},&quot;border&quot;:{&quot;radius&quot;:3},&quot;bgColor&quot;:{&quot;r&quot;:0,&quot;g&quot;:149,&quot;b&quot;:246,&quot;a&quot;:1},&quot;margin&quot;:{&quot;top&quot;:0,&quot;bottom&quot;:0,&quot;left&quot;:0,&quot;right&quot;:0}},&quot;followBtnLocation&quot;:{&quot;desktop&quot;:&quot;header&quot;,&quot;phone&quot;:&quot;bottom&quot;},&quot;alignFooterButtons&quot;:{&quot;desktop&quot;:false},&quot;customCss&quot;:&quot;\\\/* Enter your custom CSS below *\\\/\\n\\n&quot;,&quot;accounts&quot;:[609],&quot;tagged&quot;:[],&quot;hashtags&quot;:[],&quot;mediaType&quot;:&quot;all&quot;,&quot;hashtagWhitelist&quot;:[],&quot;hashtagBlacklist&quot;:[],&quot;captionWhitelist&quot;:[],&quot;captionBlacklist&quot;:[],&quot;hashtagWhitelistSettings&quot;:true,&quot;hashtagBlacklistSettings&quot;:true,&quot;captionWhitelistSettings&quot;:true,&quot;captionBlacklistSettings&quot;:true,&quot;moderation&quot;:[],&quot;moderationMode&quot;:&quot;blacklist&quot;,&quot;promosVersion&quot;:2,&quot;promosEnabled&quot;:true,&quot;globalPromosEnabled&quot;:true,&quot;autoPromosEnabled&quot;:true,&quot;promoOverrides&quot;:[],&quot;feedPromo&quot;:{&quot;linkSource&quot;:{&quot;type&quot;:null},&quot;linkBehavior&quot;:{&quot;openNewTab&quot;:false,&quot;showPopupBox&quot;:false},&quot;linkText&quot;:&quot;&quot;},&quot;gaCampaignSource&quot;:&quot;&quot;,&quot;gaCampaignMedium&quot;:&quot;&quot;,&quot;gaCampaignName&quot;:&quot;&quot;}' \/>\n        <input type=\"hidden\" id=\"sli__a__f261809a\" data-json='[{&quot;id&quot;:609,&quot;type&quot;:&quot;PERSONAL&quot;,&quot;userId&quot;:&quot;28355352370734425&quot;,&quot;username&quot;:&quot;cocoame_il&quot;,&quot;bio&quot;:&quot;&quot;,&quot;customBio&quot;:&quot;&quot;,&quot;profilePicUrl&quot;:&quot;&quot;,&quot;customProfilePicUrl&quot;:&quot;&quot;,&quot;mediaCount&quot;:&quot;18&quot;,&quot;followersCount&quot;:&quot;0&quot;,&quot;usages&quot;:[],&quot;creationDate&quot;:&quot;2026-07-22 10:15:36&quot;}]' \/>\n        <input type=\"hidden\" id=\"sli__m__f261809a\" data-json='[]' \/>\n        \t\t<\/div>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"cocoa-story-carousel__loading\"\r\n\t\t\trole=\"status\"\r\n\t\t\taria-live=\"polite\"\r\n\t\t>\r\n\t\t\tLoading Instagram\u2026\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"cocoa-story-carousel__viewport\">\r\n\t\t\t<div class=\"cocoa-story-carousel__track\"><\/div>\r\n\t\t<\/div>\r\n\r\n\t\t<div class=\"cocoa-story-carousel__footer\">\r\n\r\n\t\t\t<div class=\"cocoa-story-carousel__content\">\r\n\r\n\t\t\t\t<h2 class=\"cocoa-story-carousel__heading\">\r\n\t\t\t\t\tBecome Part of<br>\r\n\t\t\t\t\tOur Story\r\n\t\t\t\t<\/h2>\r\n\r\n\t\t\t\t<a\r\n\t\t\t\t\tclass=\"cocoa-story-carousel__social\"\r\n\t\t\t\t\thref=\"https:\/\/www.instagram.com\/cocoame_il\/\"\r\n\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t>\r\n\t\t\t\t\tFIND US ON SOCIAL\r\n\t\t\t\t<\/a>\r\n\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclass=\"cocoa-story-carousel__controls\"\r\n\t\t\t\taria-label=\"Carousel navigation\"\r\n\t\t\t>\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"cocoa-story-carousel__control cocoa-story-carousel__control--prev\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\taria-label=\"Previous Instagram post\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/left-arrow.webp\"\r\n\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t>\r\n\t\t\t\t<\/button>\r\n\r\n\t\t\t\t<img\r\n\t\t\t\t\tclass=\"cocoa-story-carousel__slash\"\r\n\t\t\t\t\tsrc=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/dash.webp\"\r\n\t\t\t\t\talt=\"\"\r\n\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tclass=\"cocoa-story-carousel__control cocoa-story-carousel__control--next\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\taria-label=\"Next Instagram post\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/right-arrow.webp\"\r\n\t\t\t\t\t\talt=\"\"\r\n\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t>\r\n\t\t\t\t<\/button>\r\n\t\t\t<\/div>\r\n\r\n\t\t<\/div>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"cocoa-story-carousel__status\"\r\n\t\t\taria-live=\"polite\"\r\n\t\t\taria-atomic=\"true\"\r\n\t\t><\/div>\r\n\r\n\t<\/section>\r\n\r\n\t<style>\r\n\t\t#cocoa-story-carousel-1,\r\n\t\t#cocoa-story-carousel-1 * {\r\n\t\t\tbox-sizing: border-box;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1 {\r\n\t\t\t--story-background: #f1eee7;\r\n\t\t\t--story-gold: #96702A;\r\n\t\t\t--story-text: #6f6251;\r\n\r\n\t\t\t--story-left-space: clamp(72px, 6.7vw, 102px);\r\n\t\t\t--story-right-space: clamp(45px, 5vw, 78px);\r\n\t\t\t--story-gap: clamp(20px, 1.7vw, 27px);\r\n\t\t\t--story-peek: clamp(45px, 4.3vw, 68px);\r\n\r\n\t\t\t--story-card-width: calc(\r\n\t\t\t\t(\r\n\t\t\t\t\t100vw\r\n\t\t\t\t\t- 20px\r\n\t\t\t\t\t- var(--story-left-space)\r\n\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t- var(--story-peek)\r\n\t\t\t\t) \/ 3\r\n\t\t\t);\r\n\r\n\t\t\tposition: relative;\r\n\t\t\twidth: calc(100vw - 20px);\r\n\t\t\tmax-width: none;\r\n\r\n\t\t\tmargin:\r\n\t\t\t\t26px\r\n\t\t\t\t0\r\n\t\t\t\t26px\r\n\t\t\t\tcalc(50% - 50vw + 10px);\r\n\r\n\t\t\tpadding:\r\n\t\t\t\tclamp(62px, 6vw, 84px)\r\n\t\t\t\t0\r\n\t\t\t\tclamp(36px, 3.2vw, 48px)\r\n\t\t\t\tvar(--story-left-space);\r\n\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder-radius: 17px;\r\n\r\n\t\t\tbackground: var(--story-background);\r\n\t\t\tcolor: var(--story-text);\r\n\r\n\t\t\tfont-family:\r\n\t\t\t\t\"Microsoft Sans Serif\",\r\n\t\t\t\tPloni,\r\n\t\t\t\tAssistant,\r\n\t\t\t\tHeebo,\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__instagram-source {\r\n\t\t\tposition: fixed !important;\r\n\t\t\ttop: 0 !important;\r\n\t\t\tleft: 0 !important;\r\n\t\t\tz-index: -99999 !important;\r\n\r\n\t\t\twidth: 340px !important;\r\n\t\t\theight: 340px !important;\r\n\r\n\t\t\toverflow: hidden !important;\r\n\t\t\topacity: 0 !important;\r\n\t\t\tvisibility: visible !important;\r\n\r\n\t\t\tpointer-events: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__instagram-source * {\r\n\t\t\tpointer-events: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__loading {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tmin-height: 260px;\r\n\r\n\t\t\tpadding-right: var(--story-right-space);\r\n\r\n\t\t\tcolor: var(--story-text);\r\n\t\t\tfont-size: 14px;\r\n\t\t\tletter-spacing: 0.08em;\r\n\t\t\ttext-transform: uppercase;\r\n\r\n\t\t\topacity: 0.68;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1.is-ready\r\n\t\t.cocoa-story-carousel__loading {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__viewport {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\toverflow: visible;\r\n\r\n\t\t\topacity: 0;\r\n\r\n\t\t\ttransition: opacity 0.35s ease;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1.is-ready\r\n\t\t.cocoa-story-carousel__viewport {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__track {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: stretch;\r\n\r\n\t\t\tgap: var(--story-gap);\r\n\r\n\t\t\twidth: max-content;\r\n\r\n\t\t\ttransform: translate3d(0, 0, 0);\r\n\t\t\twill-change: transform;\r\n\r\n\t\t\ttransition:\r\n\t\t\t\ttransform 0.68s\r\n\t\t\t\tcubic-bezier(0.22, 0.75, 0.22, 1);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__track.no-transition {\r\n\t\t\ttransition: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__item {\r\n\t\t\tposition: relative;\r\n\r\n\t\t\tflex: 0 0 var(--story-card-width);\r\n\r\n\t\t\twidth: var(--story-card-width);\r\n\r\n\t\t\taspect-ratio: 1.14 \/ 1;\r\n\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\tbackground: #e6e0d7;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__item-link {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\tcolor: inherit;\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__item img {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\tobject-fit: cover;\r\n\t\t\tobject-position: center;\r\n\r\n\t\t\ttransform: scale(1.001);\r\n\r\n\t\t\ttransition:\r\n\t\t\t\ttransform 0.8s\r\n\t\t\t\tcubic-bezier(0.22, 1, 0.36, 1);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__item:hover img {\r\n\t\t\ttransform: scale(1.022);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__footer {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tjustify-content: space-between;\r\n\r\n\t\t\tgap: 40px;\r\n\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\tmargin-top: clamp(24px, 2.2vw, 34px);\r\n\r\n\t\t\tpadding-right: var(--story-right-space);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__content {\r\n\t\t\tflex: 1 1 auto;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__heading {\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\r\n\t\t\tcolor: var(--story-gold);\r\n\r\n\t\t\tfont-family:\r\n\t\t\t\t\"Microsoft Sans Serif\",\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif;\r\n\r\n\t\t\tfont-size: clamp(36px, 2.8vw, 43px);\r\n\t\t\tfont-weight: 600;\r\n\t\t\tline-height: 1.03;\r\n\t\t\tletter-spacing: -0.025em;\r\n\t\t}\r\n\r\n\t\t\/* ==========================================\r\n\t\t   FIND US ON SOCIAL\r\n\t\t   NORMAL: OUTLINE GOLD\r\n\t\t   HOVER: FILLED GOLD\r\n\t\t   ========================================== *\/\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__social {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\tmin-width: 242px;\r\n\t\t\tmin-height: 57px;\r\n\r\n\t\t\tmargin-top: clamp(22px, 1.8vw, 28px);\r\n\t\t\tpadding: 15px 29px;\r\n\r\n\t\t\tborder: 1.5px solid #96702A !important;\r\n\t\t\tborder-radius: 999px;\r\n\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tbackground-color: transparent !important;\r\n\r\n\t\t\tcolor: #96702A !important;\r\n\r\n\t\t\tfont-family:\r\n\t\t\t\t\"Microsoft Sans Serif\",\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif;\r\n\r\n\t\t\tfont-size: 13px;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tline-height: 1;\r\n\t\t\tletter-spacing: 0.16em;\r\n\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-decoration: none !important;\r\n\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\ttransform: none !important;\r\n\r\n\t\t\ttransition:\r\n\t\t\t\tbackground-color 0.25s ease,\r\n\t\t\t\tcolor 0.25s ease,\r\n\t\t\t\tborder-color 0.25s ease;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__social:hover,\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__social:focus-visible,\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__social:active {\r\n\t\t\tbackground: #96702A !important;\r\n\t\t\tbackground-color: #96702A !important;\r\n\r\n\t\t\tborder-color: #96702A !important;\r\n\r\n\t\t\tcolor: #ffffff !important;\r\n\r\n\t\t\ttext-decoration: none !important;\r\n\r\n\t\t\ttransform: none !important;\r\n\t\t\tbox-shadow: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__controls {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex: 0 0 auto;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: flex-end;\r\n\r\n\t\t\tgap: clamp(11px, 1.2vw, 18px);\r\n\r\n\t\t\tmargin-top: 1px;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\twidth: clamp(56px, 4.4vw, 70px);\r\n\t\t\tmin-width: clamp(56px, 4.4vw, 70px);\r\n\t\t\tmax-width: clamp(56px, 4.4vw, 70px);\r\n\r\n\t\t\theight: clamp(42px, 3.7vw, 55px);\r\n\t\t\tmin-height: clamp(42px, 3.7vw, 55px);\r\n\t\t\tmax-height: clamp(42px, 3.7vw, 55px);\r\n\r\n\t\t\tpadding: 0 !important;\r\n\t\t\tmargin: 0 !important;\r\n\r\n\t\t\tborder: 0 !important;\r\n\t\t\tborder-radius: 0 !important;\r\n\r\n\t\t\tbackground: transparent !important;\r\n\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\tappearance: none !important;\r\n\t\t\t-webkit-appearance: none !important;\r\n\r\n\t\t\ttransition:\r\n\t\t\t\ttransform 0.22s ease,\r\n\t\t\t\topacity 0.22s ease;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control:hover,\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control:focus,\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control:active {\r\n\t\t\tborder: 0 !important;\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tbox-shadow: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control--prev:hover {\r\n\t\t\topacity: 0.7;\r\n\t\t\ttransform: translateX(-5px);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control--next:hover {\r\n\t\t\topacity: 0.7;\r\n\t\t\ttransform: translateX(5px);\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control:focus-visible {\r\n\t\t\toutline: 2px solid var(--story-gold) !important;\r\n\t\t\toutline-offset: 5px;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control::before,\r\n\t\t#cocoa-story-carousel-1\t\tbutton.cocoa-story-carousel__control::after {\r\n\t\t\tcontent: none !important;\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__control img {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\r\n\t\t\tobject-fit: contain;\r\n\r\n\t\t\tborder: 0 !important;\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t\tpointer-events: none;\r\n\t\t\tuser-select: none;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__slash {\r\n\t\t\tdisplay: block;\r\n\r\n\t\t\twidth: clamp(24px, 2.2vw, 34px);\r\n\t\t\theight: clamp(42px, 3.7vw, 55px);\r\n\r\n\t\t\tobject-fit: contain;\r\n\r\n\t\t\tpointer-events: none;\r\n\t\t\tuser-select: none;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__status {\r\n\t\t\tposition: absolute !important;\r\n\r\n\t\t\twidth: 1px !important;\r\n\t\t\theight: 1px !important;\r\n\r\n\t\t\tpadding: 0 !important;\r\n\t\t\tmargin: -1px !important;\r\n\r\n\t\t\toverflow: hidden !important;\r\n\r\n\t\t\tclip: rect(0, 0, 0, 0) !important;\r\n\r\n\t\t\twhite-space: nowrap !important;\r\n\r\n\t\t\tborder: 0 !important;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1.has-feed-error\r\n\t\t.cocoa-story-carousel__loading {\r\n\t\t\tmin-height: 180px;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 1024px) {\r\n\t\t\t#cocoa-story-carousel-1 {\r\n\t\t\t\t--story-left-space: 42px;\r\n\t\t\t\t--story-right-space: 42px;\r\n\t\t\t\t--story-gap: 20px;\r\n\t\t\t\t--story-peek: 58px;\r\n\r\n\t\t\t\t--story-card-width: calc(\r\n\t\t\t\t\t(\r\n\t\t\t\t\t\t100vw\r\n\t\t\t\t\t\t- 20px\r\n\t\t\t\t\t\t- var(--story-left-space)\r\n\t\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t\t- var(--story-peek)\r\n\t\t\t\t\t) \/ 2\r\n\t\t\t\t);\r\n\r\n\t\t\t\tpadding-top: 62px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__heading {\r\n\t\t\t\tfont-size: 38px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\t#cocoa-story-carousel-1 {\r\n\t\t\t\t--story-left-space: 18px;\r\n\t\t\t\t--story-right-space: 0;\r\n\t\t\t\t--story-gap: 14px;\r\n\t\t\t\t--story-peek: 52px;\r\n\r\n\t\t\t\t--story-card-width: calc(\r\n\t\t\t\t\t100vw\r\n\t\t\t\t\t- 16px\r\n\t\t\t\t\t- var(--story-left-space)\r\n\t\t\t\t\t- var(--story-gap)\r\n\t\t\t\t\t- var(--story-peek)\r\n\t\t\t\t);\r\n\r\n\t\t\t\twidth: calc(100vw - 16px);\r\n\r\n\t\t\t\tmargin:\r\n\t\t\t\t\t18px\r\n\t\t\t\t\t0\r\n\t\t\t\t\t18px\r\n\t\t\t\t\tcalc(50% - 50vw + 8px);\r\n\r\n\t\t\t\tpadding:\r\n\t\t\t\t\t34px\r\n\t\t\t\t\t0\r\n\t\t\t\t\t24px\r\n\t\t\t\t\tvar(--story-left-space);\r\n\r\n\t\t\t\tborder-radius: 14px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__track {\r\n\t\t\t\ttransition-duration: 0.82s;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__viewport {\r\n\t\t\t\ttouch-action: pan-y;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__item {\r\n\t\t\t\taspect-ratio: 1.12 \/ 1;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__footer {\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\talign-items: stretch;\r\n\r\n\t\t\t\tgap: 20px;\r\n\r\n\t\t\t\tmargin-top: 22px;\r\n\t\t\t\tpadding-right: 18px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__heading {\r\n\t\t\t\tfont-size: 33px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__social {\r\n\t\t\t\tmin-width: 0;\r\n\t\t\t\tmin-height: 52px;\r\n\r\n\t\t\t\tmargin-top: 19px;\r\n\t\t\t\tpadding: 14px 23px;\r\n\r\n\t\t\t\tfont-size: 11px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__controls {\r\n\t\t\t\talign-self: flex-end;\r\n\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tgap: 9px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\tbutton.cocoa-story-carousel__control {\r\n\t\t\t\twidth: 52px;\r\n\t\t\t\tmin-width: 52px;\r\n\t\t\t\tmax-width: 52px;\r\n\r\n\t\t\t\theight: 41px;\r\n\t\t\t\tmin-height: 41px;\r\n\t\t\t\tmax-height: 41px;\r\n\t\t\t}\r\n\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__slash {\r\n\t\t\t\twidth: 22px;\r\n\t\t\t\theight: 41px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (prefers-reduced-motion: reduce) {\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__track,\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__item img,\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__social,\r\n\t\t\t#cocoa-story-carousel-1\t\t\t.cocoa-story-carousel__control {\r\n\t\t\t\ttransition: none !important;\r\n\t\t\t\tanimation: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/* =================================================\r\n\t\t   Cocoa Me \u2014 Typography System\r\n\t\t   Display: Bakemono Variable | Small text: Ploni\r\n\t\t================================================= *\/\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__heading {\r\n\t\t\tfont-family:\r\n\t\t\t\t\"bakemono-variable\",\r\n\t\t\t\t\"Ploni\",\r\n\t\t\t\t\"Assistant\",\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif !important;\r\n\t\t\tfont-variation-settings: \"MONO\" 0;\r\n\t\t}\r\n\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__loading,\r\n\t\t#cocoa-story-carousel-1\t\t.cocoa-story-carousel__social {\r\n\t\t\tfont-family:\r\n\t\t\t\t\"Ploni\",\r\n\t\t\t\t\"Assistant\",\r\n\t\t\t\t\"Heebo\",\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif !important;\r\n\t\t}\r\n\r\n\t\thtml[lang^=\"he\"] #cocoa-story-carousel-1\t\t.cocoa-story-carousel__heading {\r\n\t\t\tfont-family:\r\n\t\t\t\t\"Ploni\",\r\n\t\t\t\t\"Assistant\",\r\n\t\t\t\t\"Heebo\",\r\n\t\t\t\tArial,\r\n\t\t\t\tsans-serif !important;\r\n\t\t\tfont-variation-settings: normal;\r\n\t\t}\r\n\r\n\t<\/style>\r\n\r\n\t<script>\r\n\t(() => {\r\n\t\tconst root = document.getElementById(\r\n\t\t\t\"cocoa-story-carousel-1\"\t\t);\r\n\r\n\t\tif (\r\n\t\t\t!root ||\r\n\t\t\troot.dataset.cocoaStoryReady === 'true'\r\n\t\t) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst source = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__instagram-source'\r\n\t\t);\r\n\r\n\t\tconst track = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__track'\r\n\t\t);\r\n\r\n\t\tconst viewport = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__viewport'\r\n\t\t);\r\n\r\n\t\tconst previousButton = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__control--prev'\r\n\t\t);\r\n\r\n\t\tconst nextButton = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__control--next'\r\n\t\t);\r\n\r\n\t\tconst status = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__status'\r\n\t\t);\r\n\r\n\t\tconst loading = root.querySelector(\r\n\t\t\t'.cocoa-story-carousel__loading'\r\n\t\t);\r\n\r\n\t\tconst maximumPosts =\r\n\t\t\tparseInt(\r\n\t\t\t\troot.dataset.postLimit || '12',\r\n\t\t\t\t10\r\n\t\t\t) || 12;\r\n\r\n\t\tlet items = [];\r\n\t\tlet originalCount = 0;\r\n\t\tlet currentIndex = 0;\r\n\t\tlet transitionLocked = false;\r\n\t\tlet carouselStarted = false;\r\n\r\n\t\tlet touchStartX = 0;\r\n\t\tlet touchStartY = 0;\r\n\r\n\t\tif (\r\n\t\t\t!source ||\r\n\t\t\t!viewport ||\r\n\t\t\t!track ||\r\n\t\t\t!previousButton ||\r\n\t\t\t!nextButton\r\n\t\t) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\troot.dataset.cocoaStoryReady = 'true';\r\n\r\n\t\tconst mobileQuery = window.matchMedia(\r\n\t\t\t'(max-width: 767px)'\r\n\t\t);\r\n\r\n\t\tconst alignMobileSection = () => {\r\n\t\t\troot.style.marginLeft = '';\r\n\r\n\t\t\tif (!mobileQuery.matches) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst desiredGutter = 8;\r\n\r\n\t\t\tconst currentLeft =\r\n\t\t\t\troot.getBoundingClientRect().left;\r\n\r\n\t\t\tconst currentMargin =\r\n\t\t\t\tparseFloat(\r\n\t\t\t\t\twindow.getComputedStyle(root).marginLeft\r\n\t\t\t\t) || 0;\r\n\r\n\t\t\troot.style.marginLeft =\r\n\t\t\t\t`${currentMargin + desiredGutter - currentLeft}px`;\r\n\t\t};\r\n\r\n\t\talignMobileSection();\r\n\r\n\t\tconst getAttributeSource = (element) => {\r\n\t\t\tif (!element) {\r\n\t\t\t\treturn '';\r\n\t\t\t}\r\n\r\n\t\t\tconst attributes = [\r\n\t\t\t\t'data-src',\r\n\t\t\t\t'data-lazy-src',\r\n\t\t\t\t'data-original',\r\n\t\t\t\t'data-image',\r\n\t\t\t\t'src'\r\n\t\t\t];\r\n\r\n\t\t\tfor (const attribute of attributes) {\r\n\t\t\t\tconst value =\r\n\t\t\t\t\telement.getAttribute(attribute);\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\tvalue &&\r\n\t\t\t\t\t!value.startsWith('data:image\/gif') &&\r\n\t\t\t\t\t!value.startsWith('data:image\/svg')\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn value;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (\r\n\t\t\t\telement.currentSrc &&\r\n\t\t\t\t!element.currentSrc.startsWith('data:')\r\n\t\t\t) {\r\n\t\t\t\treturn element.currentSrc;\r\n\t\t\t}\r\n\r\n\t\t\tconst srcset =\r\n\t\t\t\telement.getAttribute('srcset') ||\r\n\t\t\t\telement.getAttribute('data-srcset');\r\n\r\n\t\t\tif (srcset) {\r\n\t\t\t\tconst candidate =\r\n\t\t\t\t\tsrcset\r\n\t\t\t\t\t\t.split(',')\r\n\t\t\t\t\t\t.pop()\r\n\t\t\t\t\t\t.trim()\r\n\t\t\t\t\t\t.split(' ')[0];\r\n\r\n\t\t\t\tif (candidate) {\r\n\t\t\t\t\treturn candidate;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn '';\r\n\t\t};\r\n\r\n\t\tconst getBackgroundSource = (element) => {\r\n\t\t\tif (!element) {\r\n\t\t\t\treturn '';\r\n\t\t\t}\r\n\r\n\t\t\tconst background =\r\n\t\t\t\twindow\r\n\t\t\t\t\t.getComputedStyle(element)\r\n\t\t\t\t\t.backgroundImage;\r\n\r\n\t\t\tconst match =\r\n\t\t\t\tbackground &&\r\n\t\t\t\tbackground.match(\r\n\t\t\t\t\t\/url\\([\"']?(.+?)[\"']?\\)\/\r\n\t\t\t\t);\r\n\r\n\t\t\treturn match ? match[1] : '';\r\n\t\t};\r\n\r\n\t\tconst getPostUrl = (anchor) => {\r\n\t\t\tif (!anchor) {\r\n\t\t\t\treturn \"https:\\\/\\\/www.instagram.com\\\/cocoame_il\\\/\";\r\n\t\t\t}\r\n\r\n\t\t\tconst href =\r\n\t\t\t\tanchor.getAttribute('href') ||\r\n\t\t\t\tanchor.href ||\r\n\t\t\t\t'';\r\n\r\n\t\t\treturn href || \"https:\\\/\\\/www.instagram.com\\\/cocoame_il\\\/\";\r\n\t\t};\r\n\r\n\t\tconst isInstagramPostUrl = (url) => {\r\n\t\t\treturn \/instagram\\.com\\\/(p|reel|tv)\\\/\/i.test(\r\n\t\t\t\turl || ''\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\tconst collectInstagramPosts = () => {\r\n\t\t\tconst posts = [];\r\n\t\t\tconst usedSources = new Set();\r\n\r\n\t\t\tconst addPost = (\r\n\t\t\t\timageSource,\r\n\t\t\t\tpostUrl,\r\n\t\t\t\talternativeText\r\n\t\t\t) => {\r\n\t\t\t\tif (\r\n\t\t\t\t\t!imageSource ||\r\n\t\t\t\t\tusedSources.has(imageSource)\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tusedSources.add(imageSource);\r\n\r\n\t\t\t\tposts.push({\r\n\t\t\t\t\tsrc: imageSource,\r\n\t\t\t\t\thref:\r\n\t\t\t\t\t\tpostUrl ||\r\n\t\t\t\t\t\t\"https:\\\/\\\/www.instagram.com\\\/cocoame_il\\\/\",\r\n\t\t\t\t\talt:\r\n\t\t\t\t\t\talternativeText ||\r\n\t\t\t\t\t\t'Cocoa Me Instagram post'\r\n\t\t\t\t});\r\n\t\t\t};\r\n\r\n\t\t\tconst instagramAnchors =\r\n\t\t\t\tArray.from(\r\n\t\t\t\t\tsource.querySelectorAll('a[href]')\r\n\t\t\t\t).filter((anchor) => {\r\n\t\t\t\t\treturn isInstagramPostUrl(\r\n\t\t\t\t\t\tanchor.href ||\r\n\t\t\t\t\t\tanchor.getAttribute('href')\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\r\n\t\t\tinstagramAnchors.forEach((anchor) => {\r\n\t\t\t\tconst image =\r\n\t\t\t\t\tanchor.querySelector('img');\r\n\r\n\t\t\t\tconst video =\r\n\t\t\t\t\tanchor.querySelector('video');\r\n\r\n\t\t\t\tconst visualElement =\r\n\t\t\t\t\timage ||\r\n\t\t\t\t\tvideo ||\r\n\t\t\t\t\tanchor.querySelector(\r\n\t\t\t\t\t\t'[style*=\"background-image\"]'\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\tlet imageSource = '';\r\n\r\n\t\t\t\tif (image) {\r\n\t\t\t\t\timageSource =\r\n\t\t\t\t\t\tgetAttributeSource(image);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!imageSource && video) {\r\n\t\t\t\t\timageSource =\r\n\t\t\t\t\t\tvideo.getAttribute('poster') ||\r\n\t\t\t\t\t\t'';\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!imageSource && visualElement) {\r\n\t\t\t\t\timageSource =\r\n\t\t\t\t\t\tgetBackgroundSource(\r\n\t\t\t\t\t\t\tvisualElement\r\n\t\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\taddPost(\r\n\t\t\t\t\timageSource,\r\n\t\t\t\t\tgetPostUrl(anchor),\r\n\t\t\t\t\timage\r\n\t\t\t\t\t\t? image.getAttribute('alt')\r\n\t\t\t\t\t\t: ''\r\n\t\t\t\t);\r\n\t\t\t});\r\n\r\n\t\t\tif (!posts.length) {\r\n\t\t\t\tsource\r\n\t\t\t\t\t.querySelectorAll('a[href]')\r\n\t\t\t\t\t.forEach((anchor) => {\r\n\t\t\t\t\t\tconst image =\r\n\t\t\t\t\t\t\tanchor.querySelector('img');\r\n\r\n\t\t\t\t\t\tif (!image) {\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tconst imageSource =\r\n\t\t\t\t\t\t\tgetAttributeSource(image);\r\n\r\n\t\t\t\t\t\taddPost(\r\n\t\t\t\t\t\t\timageSource,\r\n\t\t\t\t\t\t\tgetPostUrl(anchor),\r\n\t\t\t\t\t\t\timage.getAttribute('alt')\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\tif (!posts.length) {\r\n\t\t\t\tsource\r\n\t\t\t\t\t.querySelectorAll('img')\r\n\t\t\t\t\t.forEach((image) => {\r\n\t\t\t\t\t\tconst imageSource =\r\n\t\t\t\t\t\t\tgetAttributeSource(image);\r\n\r\n\t\t\t\t\t\taddPost(\r\n\t\t\t\t\t\t\timageSource,\r\n\t\t\t\t\t\t\t\"https:\\\/\\\/www.instagram.com\\\/cocoame_il\\\/\",\r\n\t\t\t\t\t\t\timage.getAttribute('alt')\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\treturn posts.slice(0, maximumPosts);\r\n\t\t};\r\n\r\n\t\tconst createCarouselItem = (\r\n\t\t\tpost,\r\n\t\t\tindex,\r\n\t\t\tcycle\r\n\t\t) => {\r\n\t\t\tconst figure =\r\n\t\t\t\tdocument.createElement('figure');\r\n\r\n\t\t\tfigure.className =\r\n\t\t\t\t'cocoa-story-carousel__item';\r\n\r\n\t\t\tfigure.dataset.originalIndex =\r\n\t\t\t\tString(index);\r\n\r\n\t\t\tconst link =\r\n\t\t\t\tdocument.createElement('a');\r\n\r\n\t\t\tlink.className =\r\n\t\t\t\t'cocoa-story-carousel__item-link';\r\n\r\n\t\t\tlink.href = post.href;\r\n\t\t\tlink.target = '_blank';\r\n\t\t\tlink.rel = 'noopener noreferrer';\r\n\r\n\t\t\tlink.setAttribute(\r\n\t\t\t\t'aria-label',\r\n\t\t\t\t`Open Instagram post ${index + 1}`\r\n\t\t\t);\r\n\r\n\t\t\tconst image =\r\n\t\t\t\tdocument.createElement('img');\r\n\r\n\t\t\timage.src = post.src;\r\n\t\t\timage.alt = post.alt;\r\n\r\n\t\t\timage.loading =\r\n\t\t\t\tcycle === 0 && index < 3\r\n\t\t\t\t\t? 'eager'\r\n\t\t\t\t\t: 'lazy';\r\n\r\n\t\t\timage.decoding = 'async';\r\n\r\n\t\t\tlink.appendChild(image);\r\n\t\t\tfigure.appendChild(link);\r\n\r\n\t\t\treturn figure;\r\n\t\t};\r\n\r\n\t\tconst buildTrack = (posts) => {\r\n\t\t\tconst fragment =\r\n\t\t\t\tdocument.createDocumentFragment();\r\n\r\n\t\t\tfor (let cycle = 0; cycle < 2; cycle++) {\r\n\t\t\t\tposts.forEach((post, index) => {\r\n\t\t\t\t\tfragment.appendChild(\r\n\t\t\t\t\t\tcreateCarouselItem(\r\n\t\t\t\t\t\t\tpost,\r\n\t\t\t\t\t\t\tindex,\r\n\t\t\t\t\t\t\tcycle\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\ttrack.replaceChildren(fragment);\r\n\r\n\t\t\titems = Array.from(\r\n\t\t\t\ttrack.querySelectorAll(\r\n\t\t\t\t\t'.cocoa-story-carousel__item'\r\n\t\t\t\t)\r\n\t\t\t);\r\n\r\n\t\t\toriginalCount = posts.length;\r\n\t\t};\r\n\r\n\t\tconst getStepDistance = () => {\r\n\t\t\tconst firstItem = items[0];\r\n\r\n\t\t\tif (!firstItem) {\r\n\t\t\t\treturn 0;\r\n\t\t\t}\r\n\r\n\t\t\tconst itemWidth =\r\n\t\t\t\tfirstItem.getBoundingClientRect().width;\r\n\r\n\t\t\tconst trackStyles =\r\n\t\t\t\twindow.getComputedStyle(track);\r\n\r\n\t\t\tconst gap =\r\n\t\t\t\tparseFloat(\r\n\t\t\t\t\ttrackStyles.columnGap ||\r\n\t\t\t\t\ttrackStyles.gap ||\r\n\t\t\t\t\t0\r\n\t\t\t\t) || 0;\r\n\r\n\t\t\treturn itemWidth + gap;\r\n\t\t};\r\n\r\n\t\tconst moveToIndex = (\r\n\t\t\trequestedIndex,\r\n\t\t\tanimate = true\r\n\t\t) => {\r\n\t\t\ttrack.classList.toggle(\r\n\t\t\t\t'no-transition',\r\n\t\t\t\t!animate\r\n\t\t\t);\r\n\r\n\t\t\tconst distance =\r\n\t\t\t\trequestedIndex *\r\n\t\t\t\tgetStepDistance();\r\n\r\n\t\t\ttrack.style.transform =\r\n\t\t\t\t`translate3d(${-distance}px, 0, 0)`;\r\n\t\t};\r\n\r\n\t\tconst announceCurrentPost = () => {\r\n\t\t\tif (!status || !originalCount) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst visibleIndex =\r\n\t\t\t\t(currentIndex % originalCount) + 1;\r\n\r\n\t\t\tstatus.textContent =\r\n\t\t\t\t`Instagram post ${visibleIndex} of ${originalCount}`;\r\n\t\t};\r\n\r\n\t\tconst unlockAfterTransition = () => {\r\n\t\t\tconst delay = mobileQuery.matches ? 870 : 720;\r\n\r\n\t\t\twindow.setTimeout(() => {\r\n\t\t\t\ttransitionLocked = false;\r\n\t\t\t}, delay);\r\n\t\t};\r\n\r\n\t\tconst showNextPost = () => {\r\n\t\t\tif (\r\n\t\t\t\ttransitionLocked ||\r\n\t\t\t\toriginalCount < 2\r\n\t\t\t) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\ttransitionLocked = true;\r\n\r\n\t\t\tif (currentIndex < originalCount - 1) {\r\n\t\t\t\tcurrentIndex++;\r\n\r\n\t\t\t\tmoveToIndex(currentIndex, true);\r\n\t\t\t\tannounceCurrentPost();\r\n\t\t\t\tunlockAfterTransition();\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcurrentIndex = originalCount;\r\n\r\n\t\t\tmoveToIndex(currentIndex, true);\r\n\r\n\t\t\twindow.setTimeout(() => {\r\n\t\t\t\tcurrentIndex = 0;\r\n\r\n\t\t\t\tmoveToIndex(0, false);\r\n\r\n\t\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\t\ttrack.classList.remove(\r\n\t\t\t\t\t\t'no-transition'\r\n\t\t\t\t\t);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tannounceCurrentPost();\r\n\t\t\t\ttransitionLocked = false;\r\n\t\t\t}, mobileQuery.matches ? 850 : 700);\r\n\t\t};\r\n\r\n\t\tconst showPreviousPost = () => {\r\n\t\t\tif (\r\n\t\t\t\ttransitionLocked ||\r\n\t\t\t\toriginalCount < 2\r\n\t\t\t) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\ttransitionLocked = true;\r\n\r\n\t\t\tif (currentIndex > 0) {\r\n\t\t\t\tcurrentIndex--;\r\n\r\n\t\t\t\tmoveToIndex(currentIndex, true);\r\n\t\t\t\tannounceCurrentPost();\r\n\t\t\t\tunlockAfterTransition();\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcurrentIndex = originalCount;\r\n\r\n\t\t\tmoveToIndex(currentIndex, false);\r\n\r\n\t\t\ttrack.getBoundingClientRect();\r\n\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\tcurrentIndex =\r\n\t\t\t\t\toriginalCount - 1;\r\n\r\n\t\t\t\tmoveToIndex(currentIndex, true);\r\n\t\t\t\tannounceCurrentPost();\r\n\t\t\t\tunlockAfterTransition();\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tconst startCarousel = (posts) => {\r\n\t\t\tif (\r\n\t\t\t\tcarouselStarted ||\r\n\t\t\t\t!posts.length\r\n\t\t\t) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcarouselStarted = true;\r\n\r\n\t\t\tbuildTrack(posts);\r\n\r\n\t\t\tsource.style.display = 'none';\r\n\r\n\t\t\troot.classList.add('is-ready');\r\n\r\n\t\t\tif (originalCount < 2) {\r\n\t\t\t\tpreviousButton.disabled = true;\r\n\t\t\t\tnextButton.disabled = true;\r\n\t\t\t}\r\n\r\n\t\t\tmoveToIndex(0, false);\r\n\t\t\tannounceCurrentPost();\r\n\r\n\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\ttrack.classList.remove(\r\n\t\t\t\t\t'no-transition'\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tconst attemptToLoadPosts = () => {\r\n\t\t\tif (carouselStarted) {\r\n\t\t\t\treturn true;\r\n\t\t\t}\r\n\r\n\t\t\tconst posts =\r\n\t\t\t\tcollectInstagramPosts();\r\n\r\n\t\t\tif (!posts.length) {\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\tstartCarousel(posts);\r\n\r\n\t\t\treturn true;\r\n\t\t};\r\n\r\n\t\tpreviousButton.addEventListener(\r\n\t\t\t'click',\r\n\t\t\tshowPreviousPost\r\n\t\t);\r\n\r\n\t\tnextButton.addEventListener(\r\n\t\t\t'click',\r\n\t\t\tshowNextPost\r\n\t\t);\r\n\r\n\t\tviewport.addEventListener(\r\n\t\t\t'touchstart',\r\n\t\t\t(event) => {\r\n\t\t\t\tif (!carouselStarted) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst touch = event.touches[0];\r\n\r\n\t\t\t\ttouchStartX = touch.clientX;\r\n\t\t\t\ttouchStartY = touch.clientY;\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpassive: true\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tviewport.addEventListener(\r\n\t\t\t'touchend',\r\n\t\t\t(event) => {\r\n\t\t\t\tif (!carouselStarted) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst touch =\r\n\t\t\t\t\tevent.changedTouches[0];\r\n\r\n\t\t\t\tconst differenceX =\r\n\t\t\t\t\ttouch.clientX -\r\n\t\t\t\t\ttouchStartX;\r\n\r\n\t\t\t\tconst differenceY =\r\n\t\t\t\t\ttouch.clientY -\r\n\t\t\t\t\ttouchStartY;\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\tMath.abs(differenceX) < 50 ||\r\n\t\t\t\t\tMath.abs(differenceX) <\r\n\t\t\t\t\tMath.abs(differenceY)\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (differenceX < 0) {\r\n\t\t\t\t\tshowNextPost();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tshowPreviousPost();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpassive: true\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tlet resizeTimer;\r\n\r\n\t\twindow.addEventListener(\r\n\t\t\t'resize',\r\n\t\t\t() => {\r\n\t\t\t\tif (!carouselStarted) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\twindow.clearTimeout(resizeTimer);\r\n\r\n\t\t\t\tresizeTimer =\r\n\t\t\t\t\twindow.setTimeout(() => {\r\n\t\t\t\t\t\talignMobileSection();\r\n\r\n\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\tcurrentIndex >=\r\n\t\t\t\t\t\t\toriginalCount\r\n\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\tcurrentIndex = 0;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tmoveToIndex(\r\n\t\t\t\t\t\t\tcurrentIndex,\r\n\t\t\t\t\t\t\tfalse\r\n\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\trequestAnimationFrame(() => {\r\n\t\t\t\t\t\t\ttrack.classList.remove(\r\n\t\t\t\t\t\t\t\t'no-transition'\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}, 120);\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tpassive: true\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tconst observer =\r\n\t\t\tnew MutationObserver(() => {\r\n\t\t\t\tif (attemptToLoadPosts()) {\r\n\t\t\t\t\tobserver.disconnect();\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\tobserver.observe(source, {\r\n\t\t\tchildList: true,\r\n\t\t\tsubtree: true,\r\n\t\t\tattributes: true,\r\n\t\t\tattributeFilter: [\r\n\t\t\t\t'src',\r\n\t\t\t\t'srcset',\r\n\t\t\t\t'data-src',\r\n\t\t\t\t'data-lazy-src',\r\n\t\t\t\t'style'\r\n\t\t\t]\r\n\t\t});\r\n\r\n\t\tlet attempts = 0;\r\n\r\n\t\tconst loadingInterval =\r\n\t\t\twindow.setInterval(() => {\r\n\t\t\t\tattempts++;\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\tattemptToLoadPosts() ||\r\n\t\t\t\t\tattempts >= 40\r\n\t\t\t\t) {\r\n\t\t\t\t\twindow.clearInterval(\r\n\t\t\t\t\t\tloadingInterval\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tif (!carouselStarted) {\r\n\t\t\t\t\t\tobserver.disconnect();\r\n\r\n\t\t\t\t\t\troot.classList.add(\r\n\t\t\t\t\t\t\t'has-feed-error'\r\n\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\tif (loading) {\r\n\t\t\t\t\t\t\tloading.innerHTML =\r\n\t\t\t\t\t\t\t\t'Instagram feed is currently unavailable.<br>' +\r\n\t\t\t\t\t\t\t\t'<a href=\"https:\/\/www.instagram.com\/cocoame_il\/\" ' +\r\n\t\t\t\t\t\t\t\t'target=\"_blank\" rel=\"noopener noreferrer\">' +\r\n\t\t\t\t\t\t\t\t'Visit us on Instagram<\/a>';\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}, 375);\r\n\r\n\t\twindow.addEventListener(\r\n\t\t\t'load',\r\n\t\t\tattemptToLoadPosts,\r\n\t\t\t{\r\n\t\t\t\tonce: true\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tattemptToLoadPosts();\r\n\t})();\r\n\t<\/script>\r\n\r\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6446577 e-flex e-con-boxed e-con e-child\" data-id=\"6446577\" 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-f8eb218 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f8eb218\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;slideInRight&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64d87fa elementor-widget elementor-widget-heading\" data-id=\"64d87fa\" 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\">Business Gifts?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a6e9d1 elementor-widget elementor-widget-text-editor\" data-id=\"9a6e9d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tDiscover seamless corporate<br>gifting with Cocoa Me. From<br>custom logo branding to<br>volume orders, enjoy<br>end-to-end VIP service and<br>exclusive corporate rates.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67bbf61 elementor-widget elementor-widget-image\" data-id=\"67bbf61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"202\" src=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/intel-logo-2.png\" class=\"attachment-full size-full wp-image-305\" alt=\"\" srcset=\"https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/intel-logo-2.png 512w, https:\/\/cocoame.co.il\/wp-content\/uploads\/2026\/07\/intel-logo-2-300x118.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9298267 elementor-widget elementor-widget-text-editor\" data-id=\"9298267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tunlock volume pricing<br>&#038; vip service\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-628aa98 elementor-align-left cocoa-liquid-button elementor-widget elementor-widget-button\" data-id=\"628aa98\" 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 elementor-animation-float\" href=\"https:\/\/cocoame.co.il\/en\/b2b\/\">\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\">CONTACT OUR TEAM<\/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<div class=\"elementor-element elementor-element-0c64ee8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0c64ee8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;animation&quot;:&quot;slideInLeft&quot;,&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&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-54ff8d7 e-con-full e-flex e-con e-child\" data-id=\"54ff8d7\" 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-6fad4ed e-con-full e-flex e-con e-child\" data-id=\"6fad4ed\" 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-005fd42 elementor-widget elementor-widget-heading\" data-id=\"005fd42\" 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\">Not sure<br>what to choose?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1787dcf elementor-widget elementor-widget-text-editor\" data-id=\"1787dcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tSend a Cocoa Me Gift Card<br>straight to her email with your name,<br>a personal message<br>and a scent-filled surprise.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-528ed56 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"528ed56\" 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=\"#\">\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\">BUY GIFT CARD<\/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<div class=\"elementor-element elementor-element-7115afc e-con-full e-flex e-con e-child\" data-id=\"7115afc\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-52be13e e-flex e-con-boxed e-con e-child\" data-id=\"52be13e\" 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-6a4ec89 e-con-full e-flex e-con e-child\" data-id=\"6a4ec89\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc06f52 e-con-full e-flex e-con e-child\" data-id=\"cc06f52\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1000000000000001,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ca823b elementor-widget elementor-widget-heading\" data-id=\"9ca823b\" 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\">Own a store?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5565ba elementor-widget elementor-widget-text-editor\" data-id=\"e5565ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tJoin Cocoa Me Business and get access to<br>wholesale prices, curated collections and<br>gift-ready products for your shelves.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7642eb elementor-widget elementor-widget-text-editor\" data-id=\"a7642eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tunlock exclusive<br>pricing\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cc7564 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"2cc7564\" 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\/b2b\/\">\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\">JOIN BUSINESS AREA<\/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>Fragrance That FeelsLike a Gift EXPLORE NOW Fragrance That FeelsLike a Gift EXPLORE NOW Choose YourScent Mood Three fragrance worlds, each with its own character, mood and story. Deep Ocean DISCOVER THIS SCENT Tiny Pink DISCOVER THIS SCENT Victory DISCOVER THIS SCENT New Year. New Scent Curated scents. Beautifully wrapped.Made for New Year gifting. Build [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/178","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=178"}],"version-history":[{"count":297,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":1675,"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/pages\/178\/revisions\/1675"}],"wp:attachment":[{"href":"https:\/\/cocoame.co.il\/en\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}