PageSourceSearch

https://yvesrocher.co.il/pages/stores

html yvesrocher.co.il collected 2026-09-26 14:28:02 UTC 395,558 bytes, 10,443 lines download raw bytes

1<!doctype html>
2
3<html class="no-js" lang="he" dir="rtl">
4  <head>
5    <meta name="google-site-verification" content="rVoLd0fYPDlz6mapO4R_mqioAiVe7kXbJLUCX3MY6Io" /><!-- Google Tag Manager -->
6<script>
vendor: 327 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10})(window,document,'script','dataLayer','
10GTM-WDT83FFB
vendor: 3 bytes, line 10
10');
10</script>
10
11<!-- End Google Tag Manager -->   
12         
12<script>
13          function sendToHeap(name,action,category ) { Shopify.analytics.publish("YR-event", { event_name: name, event_action:action, event_cateogry:category }); }
14          function sendToMeta(name,action,category ) { Shopify.analytics.publish("Meta-event", { event_name: name, event_action:action, event_cateogry:category }); }
15        </script>
15
16
17
18    <!-- Google Fonts -->
19    <link rel="preconnect" href="https://fonts.googleapis.com">
20    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
22    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400&display=swap" rel="stylesheet">
23    <!-- End Google Fonts -->
24      
25    
25<script>
26(function () {
27  var bucketSize = 200;
28  var firedGroups = new Set();
29  var productTitle = '';
30
31  function getScrollY() {
32    return window.pageYOffset || document.documentElement.scrollTop || 0;
33  }
34
35  function handleScrollDepth() {
36    var scrollY = getScrollY();
37
38    if (scrollY < bucketSize) return;
39
40    var currentGroup = Math.floor(scrollY / bucketSize);
41
42    for (var group = 1; group <= currentGroup; group++) {
43      if (!firedGroups.has(group)) {
44        firedGroups.add(group);
45
46        var eventCategory = group === 1
47          ? '200+'
48          : (group * bucketSize) + '+';
49
50        sendToHeap(
51          'Scroll depth',
52          eventCategory,
53          productTitle
54        );
55        console.log(eventCategory)
56      }
57    }
58  }
59
60  window.addEventListener('scroll', handleScrollDepth, { passive: true });
61  window.addEventListener('load', handleScrollDepth);
62})();
63</script>
63
64 
65    
65<script>var _learnq = window._learnq || [];</script>
65
66    <meta charset="utf-8">
67    <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0">
68
69    
70    
71    
72
73    
74<meta name="description" content="מצאי את סניף איב רושה הקרוב אלייך כל האזורים אזור הצפון אזור המרכז אזור הדרום">
75
76    
77      
78        <title>הסניפים שלנו</title>    
79      
80    
81
82    
83    
84      <link rel="canonical" href="https://yvesrocher.co.il/pages/stores">
85    
86<link rel="shortcut icon" href="//yvesrocher.co.il/cdn/shop/files/favicon.png?v=1786339524&width=96">
87      <link rel="apple-touch-icon" href="//yvesrocher.co.il/cdn/shop/files/favicon.png?v=1786339524&width=180"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preload" href="//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website">
88  <meta property="og:title" content="הסניפים שלנו"><meta property="og:image" content="http://yvesrocher.co.il/cdn/shop/files/1000X1000_4.png?v=1786356786&width=2048">
89  <meta property="og:image:secure_url" content="https://yvesrocher.co.il/cdn/shop/files/1000X1000_4.png?v=1786356786&width=2048">
90  <meta property="og:image:width" content="1200">
91  <meta property="og:image:height" content="628"><meta property="og:description" content="מצאי את סניף איב רושה הקרוב אלייך כל האזורים אזור הצפון אזור המרכז אזור הדרום"><meta property="og:url" content="https://yvesrocher.co.il/pages/stores">
92<meta property="og:site_name" content="Yves Rocher Israel"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="הסניפים שלנו">
93  <meta name="twitter:description" content="מצאי את סניף איב רושה הקרוב אלייך כל האזורים אזור הצפון אזור המרכז אזור הדרום"><meta name="twitter:image" content="https://yvesrocher.co.il/cdn/shop/files/1000X1000_4.png?crop=center&height=1200&v=1786356786&width=1200">
94  <meta name="twitter:image:alt" content="">
95
96
97  
97<script type="application/ld+json">
98  {
99    "@context": "https://schema.org",
100    "@type": "BreadcrumbList",
101  "itemListElement": [{
102      "@type": "ListItem",
103      "position": 1,
104      "name": "ראשי",
105      "item": "https://yvesrocher.co.il"
106    },{
107          "@type": "ListItem",
108          "position": 2,
109          "name": "הסניפים שלנו",
110          "item": "https://yvesrocher.co.il/pages/stores"
111        }]
112  }
113  </script>
113
114
115<style>/* Typography (heading) */
116  @font-face {
117  font-family: Montserrat;
118  font-weight: 400;
119  font-style: normal;
120  font-display: fallback;
121  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
122       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
123}
124
125@font-face {
126  font-family: Montserrat;
127  font-weight: 400;
128  font-style: italic;
129  font-display: fallback;
130  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
131       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
132}
133
134/* Typography (body) */
135  @font-face {
136  font-family: Montserrat;
137  font-weight: 400;
138  font-style: normal;
139  font-display: fallback;
140  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),
141       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff");
142}
143
144@font-face {
145  font-family: Montserrat;
146  font-weight: 400;
147  font-style: italic;
148  font-display: fallback;
149  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),
150       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff");
151}
152
153@font-face {
154  font-family: Montserrat;
155  font-weight: 700;
156  font-style: normal;
157  font-display: fallback;
158  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
159       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
160}
161
162@font-face {
163  font-family: Montserrat;
164  font-weight: 700;
165  font-style: italic;
166  font-display: fallback;
167  src: url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
168       url("//yvesrocher.co.il/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
169}
170
171:root {
172    /* Container */
173    --container-max-width: 100%;
174    --container-xxs-max-width: 27.5rem; /* 440px */
175    --container-xs-max-width: 42.5rem; /* 680px */
176    --container-sm-max-width: 61.25rem; /* 980px */
177    --container-md-max-width: 71.875rem; /* 1150px */
178    --container-lg-max-width: 78.75rem; /* 1260px */
179    --container-xl-max-width: 85rem; /* 1360px */
180    --container-gutter: 1.25rem;
181
182    --section-vertical-spacing: 2.5rem;
183    --section-vertical-spacing-tight:2.5rem;
184
185    --section-stack-gap:2.25rem;
186    --section-stack-gap-tight:2.25rem;
187
188    /* Form settings */
189    --form-gap: 1.25rem; /* Gap between fieldset and submit button */
190    --fieldset-gap: 1rem; /* Gap between each form input within a fieldset */
191    --form-control-gap: 0.625rem; /* Gap between input and label (ignored for floating label) */
192    --checkbox-control-gap: 0.75rem; /* Horizontal gap between checkbox and its associated label */
193    --input-padding-block: 0.65rem; /* Vertical padding for input, textarea and native select */
194    --input-padding-inline: 0.8rem; /* Horizontal padding for input, textarea and native select */
195    --checkbox-size: 0.875rem; /* Size (width and height) for checkbox */
196
197    /* Other sizes */
198    --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-is-visible, 1) * var(--header-height, 0px));
199
200    /* RTL support */
201    --transform-logical-flip: 1;
202    --transform-origin-start: left;
203    --transform-origin-end: right;
204
205    /**
206     * ---------------------------------------------------------------------
207     * TYPOGRAPHY
208     * ---------------------------------------------------------------------
209     */
210
211    /* Font properties */
212    --heading-font-family: 'Montserrat', 'FbReforma', sans-serif;
213    --heading-font-weight: 400;
214    --heading-font-style: normal;
215    --heading-text-transform: uppercase;
216    --heading-letter-spacing: 0.18em;
217    --text-font-family: 'Montserrat', 'FbReforma', sans-serif;
218    --text-font-weight: 400;
219    --text-font-style: normal;
220    --text-letter-spacing: 0.0em;
221    --button-font: var(--text-font-style) var(--text-font-weight) var(--text-sm) / 1.65 var(--text-font-family);
222    --button-text-transform: uppercase;
223    --button-letter-spacing: 0.18em;
224
225    /* Font sizes */--text-heading-size-factor: 1;
226    --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor));
227    --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor));
228    --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor));
229    --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor));
230    --text-h5: calc(0.875rem * var(--text-heading-size-factor));
231    --text-h6: calc(0.75rem * var(--text-heading-size-factor));
232
233    --text-xs: 0.75rem;
234    --text-sm: 0.8125rem;
235    --text-base: 0.875rem;
236    --text-lg: 1.0rem;
237    --text-xl: 1.125rem;
238
239    /* Rounded variables (used for border radius) */
240    --rounded-full: 9999px;
241    --button-border-radius: 0.0rem;
242    --input-border-radius: 0.0rem;
243
244    /* Box shadow */
245    --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05);
246    --shadow: 0 5px 15px rgb(0 0 0 / 0.05);
247    --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05);
248    --shadow-block: px px px rgb(var(--text-primary) / 0.0);
249
250    /**
251     * ---------------------------------------------------------------------
252     * OTHER
253     * ---------------------------------------------------------------------
254     */
255
256    --checkmark-svg-url: url(//yvesrocher.co.il/cdn/shop/t/3/assets/checkmark.svg?v=77552481021870063511778615529);
257    --cursor-zoom-in-svg-url: url(//yvesrocher.co.il/cdn/shop/t/3/assets/cursor-zoom-in.svg?v=112480252220988712521778615529);
258  }
259
260  [dir="rtl"]:root {
261    /* RTL support */
262    --transform-logical-flip: -1;
263    --transform-origin-start: right;
264    --transform-origin-end: left;
265  }
266
267  @media screen and (min-width: 700px) {
268    :root {
269      /* Typography (font size) */
270      --text-xs: 0.75rem;
271      --text-sm: 0.8125rem;
272      --text-base: 0.875rem;
273      --text-lg: 1.0rem;
274      --text-xl: 1.25rem;
275
276      /* Spacing settings */
277      --container-gutter: 2rem;
278    }
279  }
280
281  @media screen and (min-width: 1000px) {
282    :root {
283      /* Spacing settings */
284      --container-gutter: 3rem;
285
286      --section-vertical-spacing: 4rem;
287      --section-vertical-spacing-tight: 4rem;
288
289      --section-stack-gap:3rem;
290      --section-stack-gap-tight:3rem;
291    }
292  }:root {/* Overlay used for modal */
293    --page-overlay: 0 0 0 / 0.4;
294
295    /* We use the first scheme background as default */
296    --page-background: ;
297
298    /* Product colors */
299    --on-sale-text: 203 0 80;
300    --on-sale-badge-background: 203 0 80;
301    --on-sale-badge-text: 255 255 255;
302    --sold-out-badge-background: 239 239 239;
303    --sold-out-badge-text: 0 0 0 / 0.65;
304    --custom-badge-background: 28 28 28;
305    --custom-badge-text: 255 255 255;
306    --star-color: 28 28 28;
307
308    /* Status colors */
309    --success-background: 212 227 203;
310    --success-text: 48 122 7;
311    --warning-background: 253 241 224;
312    --warning-text: 237 138 0;
313    --error-background: 243 204 204;
314    --error-text: 203 43 43;
315  }.color-scheme--scheme-1 {
316      /* Color settings */--accent: 28 28 28;
317      --text-color: 28 28 28;
318      --background: 255 255 255 / 1.0;
319      --background-without-opacity: 255 255 255;
320      --background-gradient: ;--border-color: 221 221 221;/* Button colors */
321      --button-background: 28 28 28;
322      --button-text-color: 255 255 255;
323
324      /* Circled buttons */
325      --circle-button-background: 255 255 255;
326      --circle-button-text-color: 28 28 28;
327    }.shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673) + .shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673:not(.bordered-section)) .section-spacing {
328      padding-block-start: 0;
329    }.color-scheme--scheme-2 {
330      /* Color settings */--accent: 28 28 28;
331      --text-color: 28 28 28;
332      --background: 255 255 255 / 1.0;
333      --background-without-opacity: 255 255 255;
334      --background-gradient: ;--border-color: 221 221 221;/* Button colors */
335      --button-background: 28 28 28;
336      --button-text-color: 255 255 255;
337
338      /* Circled buttons */
339      --circle-button-background: 255 255 255;
340      --circle-button-text-color: 28 28 28;
341    }.shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673) + .shopify-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673:not(.bordered-section)) .section-spacing {
342      padding-block-start: 0;
343    }.color-scheme--scheme-3 {
344      /* Color settings */--accent: 255 255 255;
345      --text-color: 255 255 255;
346      --background: 28 28 28 / 1.0;
347      --background-without-opacity: 28 28 28;
348      --background-gradient: ;--border-color: 62 62 62;/* Button colors */
349      --button-background: 255 255 255;
350      --button-text-color: 28 28 28;
351
352      /* Circled buttons */
353      --circle-button-background: 255 255 255;
354      --circle-button-text-color: 28 28 28;
355    }.shopify-section:has(.section-spacing.color-scheme--bg-c1f8cb21047e4797e94d0969dc5d1e44) + .shopify-section:has(.section-spacing.color-scheme--bg-c1f8cb21047e4797e94d0969dc5d1e44:not(.bordered-section)) .section-spacing {
356      padding-block-start: 0;
357    }.color-scheme--scheme-4 {
358      /* Color settings */--accent: 255 255 255;
359      --text-color: 255 255 255;
360      --background: 30 53 26 / 1.0;
361      --background-without-opacity: 30 53 26;
362      --background-gradient: ;--border-color: 64 83 60;/* Button colors */
363      --button-background: 255 255 255;
364      --button-text-color: 255 255 255;
365
366      /* Circled buttons */
367      --circle-button-background: 255 255 255;
368      --circle-button-text-color: 28 28 28;
369    }.shopify-section:has(.section-spacing.color-scheme--bg-bf74fb6501222fb269abc09cce903774) + .shopify-section:has(.section-spacing.color-scheme--bg-bf74fb6501222fb269abc09cce903774:not(.bordered-section)) .section-spacing {
370      padding-block-start: 0;
371    }.color-scheme--scheme-2bb46239-6d0b-420c-a8e9-5822e6ba489d {
372      /* Color settings */--accent: 125 143 62;
373      --text-color: 28 28 28;
374      --background: 249 250 247 / 1.0;
375      --background-without-opacity: 249 250 247;
376      --background-gradient: ;--border-color: 216 217 214;/* Button colors */
377      --button-background: 125 143 62;
378      --button-text-color: 255 255 255;
379
380      /* Circled buttons */
381      --circle-button-background: 255 255 255;
382      --circle-button-text-color: 28 28 28;
383    }.shopify-section:has(.section-spacing.color-scheme--bg-bdf8b556af86beb139297b1fd60c6dcd) + .shopify-section:has(.section-spacing.color-scheme--bg-bdf8b556af86beb139297b1fd60c6dcd:not(.bordered-section)) .section-spacing {
384      padding-block-start: 0;
385    }.color-scheme--scheme-5c48d877-fe9f-452a-9770-fbb408796abe {
386      /* Color settings */--accent: 255 255 255;
387      --text-color: 255 255 255;
388      --background: 39 46 15 / 1.0;
389      --background-without-opacity: 39 46 15;
390      --background-gradient: ;--border-color: 71 77 51;/* Button colors */
391      --button-background: 255 255 255;
392      --button-text-color: 28 28 28;
393
394      /* Circled buttons */
395      --circle-button-background: 255 255 255;
396      --circle-button-text-color: 28 28 28;
397    }.shopify-section:has(.section-spacing.color-scheme--bg-6813153c06199005503279fbcc717673) + .shopify-section:has(.section-spacing.color-scheme--bg-6813153c06199005503279fbcc717673:not(.bordered-section)) .section-spacing {
398      padding-block-start: 0;
399    }.color-scheme--scheme-c2ae2845-00eb-49be-85f4-bbd1aaf2cb74 {
400      /* Color settings */--accent: 28 28 28;
401      --text-color: 255 255 255;
402      --background: 203 0 80 / 1.0;
403      --background-without-opacity: 203 0 80;
404      --background-gradient: ;--border-color: 211 38 106;/* Button colors */
405      --button-background: 28 28 28;
406      --button-text-color: 255 255 255;
407
408      /* Circled buttons */
409      --circle-button-background: 255 255 255;
410      --circle-button-text-color: 28 28 28;
411    }.shopify-section:has(.section-spacing.color-scheme--bg-88465f8891a570fb6f5052bb52b9680d) + .shopify-section:has(.section-spacing.color-scheme--bg-88465f8891a570fb6f5052bb52b9680d:not(.bordered-section)) .section-spacing {
412      padding-block-start: 0;
413    }.color-scheme--scheme-4afabc12-6230-4535-ba37-948d1bdd04a8 {
414      /* Color settings */--accent: 28 28 28;
415      --text-color: 28 28 28;
416      --background: 0 0 0 / 0.0;
417      --background-without-opacity: 0 0 0;
418      --background-gradient: linear-gradient(180deg, rgba(247, 225, 213, 1), rgba(249, 233, 225, 1) 100%);--border-color: 28 28 28 / 0.15;/* Button colors */
419      --button-background: 28 28 28;
420      --button-text-color: 255 255 255;
421
422      /* Circled buttons */
423      --circle-button-background: 255 255 255;
424      --circle-button-text-color: 28 28 28;
425    }.shopify-section:has(.section-spacing.color-scheme--bg-0cf6a66dd6e5f02b413c645148c546c9) + .shopify-section:has(.section-spacing.color-scheme--bg-0cf6a66dd6e5f02b413c645148c546c9:not(.bordered-section)) .section-spacing {
426      padding-block-start: 0;
427    }.color-scheme--scheme-ba27e9f1-ca7d-463c-a4df-68c5ad9d1044 {
428      /* Color settings */--accent: 28 28 28;
429      --text-color: 255 255 255;
430      --background: 251 0 179 / 1.0;
431      --background-without-opacity: 251 0 179;
432      --background-gradient: ;--border-color: 252 38 190;/* Button colors */
433      --button-background: 28 28 28;
434      --button-text-color: 255 255 255;
435
436      /* Circled buttons */
437      --circle-button-background: 255 255 255;
438      --circle-button-text-color: 28 28 28;
439    }.shopify-section:has(.section-spacing.color-scheme--bg-333be350bff0a454005fa2f9919c55d4) + .shopify-section:has(.section-spacing.color-scheme--bg-333be350bff0a454005fa2f9919c55d4:not(.bordered-section)) .section-spacing {
440      padding-block-start: 0;
441    }.color-scheme--scheme-03c2ab75-755f-4ba2-ba9a-70ee4407a07f {
442      /* Color settings */--accent: 2 1 0;
443      --text-color: 231 244 189;
444      --background: 2 1 0 / 1.0;
445      --background-without-opacity: 2 1 0;
446      --background-gradient: ;--border-color: 36 37 28;/* Button colors */
447      --button-background: 2 1 0;
448      --button-text-color: 231 244 189;
449
450      /* Circled buttons */
451      --circle-button-background: 255 255 255;
452      --circle-button-text-color: 28 28 28;
453    }.shopify-section:has(.section-spacing.color-scheme--bg-48740ae445204b16776df5d87ab065e6) + .shopify-section:has(.section-spacing.color-scheme--bg-48740ae445204b16776df5d87ab065e6:not(.bordered-section)) .section-spacing {
454      padding-block-start: 0;
455    }.color-scheme--scheme-79471f4e-942a-4938-a174-82fe6956c465 {
456      /* Color settings */--accent: 255 141 175;
457      --text-color: 255 255 255;
458      --background: 255 141 175 / 1.0;
459      --background-without-opacity: 255 141 175;
460      --background-gradient: ;--border-color: 255 158 187;/* Button colors */
461      --button-background: 255 141 175;
462      --button-text-color: 255 255 255;
463
464      /* Circled buttons */
465      --circle-button-background: 255 255 255;
466      --circle-button-text-color: 28 28 28;
467    }.shopify-section:has(.section-spacing.color-scheme--bg-6d1ec68470ba3dc7ad7871c167696aa4) + .shopify-section:has(.section-spacing.color-scheme--bg-6d1ec68470ba3dc7ad7871c167696aa4:not(.bordered-section)) .section-spacing {
468      padding-block-start: 0;
469    }.color-scheme--dialog {
470      /* Color settings */--accent: 125 143 62;
471      --text-color: 28 28 28;
472      --background: 249 250 247 / 1.0;
473      --background-without-opacity: 249 250 247;
474      --background-gradient: ;--border-color: 216 217 214;/* Button colors */
475      --button-background: 125 143 62;
476      --button-text-color: 255 255 255;
477
478      /* Circled buttons */
479      --circle-button-background: 255 255 255;
480      --circle-button-text-color: 28 28 28;
481    }
482</style>
482<script>
483  document.documentElement.classList.replace('no-js', 'js');
484
485  // This allows to expose several variables to the global scope, to be used in scripts
486  window.themeVariables = {
487    settings: {
488      showPageTransition: false,
489      pageType: "page",
490      moneyFormat: "{{amount}} ₪",
491      moneyWithCurrencyFormat: "{{amount}} ₪",
492      currencyCodeEnabled: false,
493      cartType: "drawer",
494      awaitPriorityCartUpdates: true,
495      staggerMenuApparition: true
496    },
497
498    strings: {
499      addToCartButton: "הוסף לעגלה",
500      soldOutButton: "אזל מהמלאי",
501      preOrderButton: "הזמן מראש",
502      unavailableButton: "לא זמין",
503      addedToCart: "התווסף לעגלת הקניות שלך!",
504      closeGallery: "סגירת גלריה",
505      zoomGallery: "תקריב",
506      errorGallery: "לא ניתן לטעון את התמונה",
507      soldOutBadge: "אזל מהמלאי",
508      discountBadge: "@@ הנחה",
509      sku: "מקט:",
510      shippingEstimatorNoResults: "מצטערים, אנחנו לא שולחים לכתובת שלך.",
511      shippingEstimatorOneResult: "יש תעריף משלוח אחד עבור הכתובת שלך:",
512      shippingEstimatorMultipleResults: "יש כמה תעריפי משלוח עבור הכתובת שלך:",
513      shippingEstimatorError: "אירעה שגיאה אחת או יותר בעת אחזור תעריפי המשלוח:",
514      next: "הבא",
515      previous: "הקודם"
516    },
517
518    mediaQueries: {
519      'sm': 'screen and (min-width: 700px)',
520      'md': 'screen and (min-width: 1000px)',
521      'lg': 'screen and (min-width: 1150px)',
522      'xl': 'screen and (min-width: 1400px)',
523      '2xl': 'screen and (min-width: 1600px)',
524      'sm-max': 'screen and (max-width: 699px)',
525      'md-max': 'screen and (max-width: 999px)',
526      'lg-max': 'screen and (max-width: 1149px)',
527      'xl-max': 'screen and (max-width: 1399px)',
528      '2xl-max': 'screen and (max-width: 1599px)',
529      'motion-safe': '(prefers-reduced-motion: no-preference)',
530      'motion-reduce': '(prefers-reduced-motion: reduce)',
531      'supports-hover': 'screen and (pointer: fine)',
532      'supports-touch': 'screen and (hover: none)'
533    }
534  };</script>
534<!-- swiper -->
535    <link
536      rel="stylesheet"
537      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
538    />
539    
540    
540<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
540
541
542    <!--  end swiper -->
543
544    
544<script>
545      if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
546        const importMapPolyfill = document.createElement('script');
547        importMapPolyfill.async = true;
548        importMapPolyfill.src = "//yvesrocher.co.il/cdn/shop/t/3/assets/es-module-shims.min.js?v=46445230004644522171778615398";
549
550        document.head.appendChild(importMapPolyfill);
551      }
552    </script>
552
553
554    <!-- Start of Glassix Chat Widget -->
555
556
557    
557<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 557
557
558<script type="importmap">{
559        "imports": {
560          "vendor": "//yvesrocher.co.il/cdn/shop/t/3/assets/vendor.min.js?v=180270185114800816751778615392",
561          "theme": "//yvesrocher.co.il/cdn/shop/t/3/assets/theme.js?v=29847141977550091081789556942",
562          "photoswipe": "//yvesrocher.co.il/cdn/shop/t/3/assets/photoswipe.min.js?v=20290624223189769891778615390"
563        }
564      }
565    </script>
565
566
567    
567<script type="module" src="//yvesrocher.co.il/cdn/shop/t/3/assets/vendor.min.js?v=180270185114800816751778615392"></script>
567
568    
568<script type="module" src="//yvesrocher.co.il/cdn/shop/t/3/assets/theme.js?v=29847141977550091081789556942"></script>
568
569
570    
570<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
570<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81510859007/digital_wallets/dialog">
571<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
571<script async="async" src="/checkouts/internal/preloads.js?locale=he-IL&default_configuration_id=4164288767"></script>
vendor: 1 bytes, line 571
571
572<script id="shopify-features" type="application/json">{"accessToken":"36a32c960d429a3c003dc8ed8515f383","betas":["rich-media-storefront-analytics"],"domain":"yvesrocher.co.il","predictiveSearch":false,"shopId":81510859007,"locale":"he"}</script>
vendor: 1 bytes, line 572
572
573<script>var Shopify = Shopify || {};
574Shopify.shop = "yves-rocher-israel.myshopify.com";
575Shopify.locale = "he";
576Shopify.currency = {"active":"ILS","rate":"1.0"};
577Shopify.country = "IL";
578Shopify.theme = {"name":"YvesRocherIsrael\/master","id":160608780543,"schema_name":"Prestige","schema_version":"9.2.1","theme_store_id":null,"role":"main"};
579Shopify.theme.handle = "null";
580Shopify.theme.style = {"id":null,"handle":null};
581Shopify.cdnHost = "yvesrocher.co.il/cdn";
582Shopify.routes = Shopify.routes || {};
583Shopify.routes.root = "/";
584Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
585Shopify.SignInWithShop = Shopify.SignInWithShop || {};
586Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
587Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 587
587
588<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 588
588
589<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 589
589
590<script>
591  window.Shopify = window.Shopify || {};
592  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
593  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
594  window.Shopify.SignInWithShop.eligible = false;
595</script>
vendor: 1 bytes, line 595
595
596<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 596
596
597<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.he.esm.js"></script>
vendor: 1 bytes, line 597
597
598<script type="module">
599  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.he.esm.js");
600
601  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
602
603</script>
vendor: 1 bytes, line 603
603
604<script id="__st">var __st={"a":81510859007,"offset":10800,"reqid":"08610215-86fd-4ab8-8e03-d567dc919c52-1790432881","pageurl":"yvesrocher.co.il\/pages\/stores","s":"pages-134451429631","u":"64eb6c5d8fa7","p":"page","rtyp":"page","rid":134451429631};</script>
vendor: 1 bytes, line 604
604
605<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 605
605
606<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 606
606
607<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//yvesrocher.co.il/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 607
607
608<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//yvesrocher.co.il/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
608<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 608
608
609<script>
610  window.Shopify = window.Shopify || {};
611  window.Shopify.MCP = window.Shopify.MCP || {};
612  window.Shopify.MCP.enabled = true;
613  window.Shopify.MCP.shop = "yves-rocher-israel.myshopify.com";
614  window.Shopify.MCP.mcpEndpoint = "https:\/\/yvesrocher.co.il\/api\/mcp";
615  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
616</script>
vendor: 1 bytes, line 616
616
617<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/yvesrocher.co.il\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
618</script>
vendor: 1 bytes, line 618
618
619<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://yvesrocher.co.il/cdn/shopifycloud/portable-wallets/latest/portable-wallets.he.js",t.type="module",document.head.appendChild(t)}};
620</script>
vendor: 1 bytes, line 620
620
621<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
622  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
623</script>
vendor: 1 bytes, line 623
623
624<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
625</script>
vendor: 1 bytes, line 625
625
626<script id='scb4127' type='text/javascript' async='' src='https://yvesrocher.co.il/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
vendor: 1 bytes, line 626
626
627<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
627
628<link href="//yvesrocher.co.il/cdn/shop/t/3/assets/theme.css?v=121280235540052558881789041174" rel="stylesheet" type="text/css" media="all" /><!-- Swiper JS CDN -->
629    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
630    
630<script src="https://unpkg.com/swiper/swiper-bundle.min.js" defer></script>
630
631    
632    <style>
633    @font-face {
634        font-family: 'Montserrat';
635        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Black.ttf?v=12046096568855288131778615393') format('truetype');
636        font-weight: 500;
637        font-style: normal;
638        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
639    }
640
641    @font-face {
642        font-family: 'FbReforma';
643        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Light.otf?v=144374989823177533041783886368') format('opentype');
644        font-weight: 300;
645        font-style: normal;
646        unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
647    }
648
649    @font-face {
650        font-family: 'FbReforma';
651        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Regular.otf?v=114929740622211219701783886368') format('opentype');
652        font-weight: 400;
653        font-style: normal;
654        unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
655    }
656
657    @font-face {
658        font-family: 'FbReforma';
659        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Medium.otf?v=181497854844793393221783886368') format('opentype');
660        font-weight: 500;
661        font-style: normal;
662        unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
663    }
664
665    @font-face {
666        font-family: 'FbReforma';
667        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Medium.otf?v=181497854844793393221783886368') format('opentype');
668        font-weight: 500;
669        font-style: normal;
670        unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
671    }
672    
673    @font-face {
674        font-family: 'Montserrat';
675        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-BlackItalic.ttf?v=2396348940342006581778615385') format('truetype');
676        font-weight: 500;
677        font-style: italic;
678        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
679    }
680    
681    @font-face {
682        font-family: 'Montserrat';
683        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Bold.ttf?v=150559539035700290551778615385') format('truetype');
684        font-weight: 500;
685        font-style: normal;
686        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
687    }
688    
689    @font-face {
690        font-family: 'Montserrat';
691        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-BoldItalic.ttf?v=17367943030321732051778615386') format('truetype');
692        font-weight: 500;
693        font-style: italic;
694        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
695    }
696    
697    @font-face {
698        font-family: 'Montserrat';
699        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-ExtraBold.ttf?v=75433638725155998341778615386') format('truetype');
700        font-weight: 500;
701        font-style: normal;
702        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
703    }
704    
705    @font-face {
706        font-family: 'Montserrat';
707        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-ExtraBoldItalic.ttf?v=109196538960211430441778615386') format('truetype');
708        font-weight: 500;
709        font-style: italic;
710        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
711    }
712    
713    @font-face {
714        font-family: 'Montserrat';
715        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-ExtraLight.ttf?v=49875959948698571621778615387') format('truetype');
716        font-weight: 200;
717        font-style: normal;
718        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
719    }
720    
721    @font-face {
722        font-family: 'Montserrat';
723        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-ExtraLightItalic.ttf?v=27778396228995697461778615387') format('truetype');
724        font-weight: 200;
725        font-style: italic;
726        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
727    }
728    
729    @font-face {
730        font-family: 'Montserrat';
731        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Italic.ttf?v=88587733272515124521778615388') format('truetype');
732        font-weight: normal;
733        font-style: italic;
734        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
735    }
736    
737    @font-face {
738        font-family: 'Montserrat';
739        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Light.ttf?v=14088547923296991181778615388') format('truetype');
740        font-weight: 300;
741        font-style: normal;
742        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
743    }
744    
745    @font-face {
746        font-family: 'Montserrat';
747        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-LightItalic.ttf?v=84638131238593304681778615388') format('truetype');
748        font-weight: 300;
749        font-style: italic;
750        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
751    }
752    
753    @font-face {
754        font-family: 'Montserrat';
755        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Medium.ttf?v=120889324015852621071778615390') format('truetype');
756        font-weight: 500;
757        font-style: normal;
758        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
759    }
760    
761    @font-face {
762        font-family: 'Montserrat';
763        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-MediumItalic.ttf?v=54094554650437338991778615390') format('truetype');
764        font-weight: 500;
765        font-style: italic;
766        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
767    }
768    
769    @font-face {
770        font-family: 'Montserrat';
771        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Regular.ttf?v=41055220998291202911778615391') format('truetype');
772        font-weight: normal;
773        font-style: normal;
774        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
775    }
776    
777    @font-face {
778        font-family: 'Montserrat';
779        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-SemiBold.ttf?v=122820963203821542241778615391') format('truetype');
780        font-weight: 500;
781        font-style: normal;
782        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
783    }
784    
785    @font-face {
786        font-family: 'Montserrat';
787        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-SemiBoldItalic.ttf?v=181467573502200673961778615392') format('truetype');
788        font-weight: 500;
789        font-style: italic;
790        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
791    }
792    
793    @font-face {
794        font-family: 'Montserrat';
795        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Thin.ttf?v=165234051529644573491778615392') format('truetype');
796        font-weight: 100;
797        font-style: normal;
798        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
799    }
800    
801    @font-face {
802        font-family: 'Montserrat';
803        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-ThinItalic.ttf?v=72935342450562955811778615392') format('truetype');
804        font-weight: 100;
805        font-style: italic;
806        unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
807    }
808    
809    @font-face {
810        font-family: 'Open Sans';
811        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/OpenSans-ExtraBold.ttf?v=75172015866163974981778615393') format('truetype');
812        font-weight: 500;
813        font-style: normal;
814    }
815    
816    @font-face {
817        font-family: 'Open Sans';
818        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/OpenSans-Italic.ttf?v=10584334995702807471778615393') format('truetype');
819        font-weight: normal;
820        font-style: italic;
821    }
822    
823    @font-face {
824        font-family: 'Open Sans';
825        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/OpenSans-Light.ttf?v=9646682900063732891778615394') format('truetype');
826        font-weight: 300;
827        font-style: normal;
828    }
829    
830    @font-face {
831        font-family: 'Open Sans';
832        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/OpenSans-LightItalic.ttf?v=71628103295756544361778615394') format('truetype');
833        font-weight: 300;
834        font-style: italic;
835    }
836    
837    @font-face {
838        font-family: 'Open Sans';
839        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/OpenSans-Semibold.ttf?v=2613140919693458321778615395') format('truetype');
840        font-weight: 500;
841        font-style: normal;
842    }
843    @font-face {
844        font-family: 'Figtree';
845        src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Figtree-VariableFont_wght.ttf?v=178658635402283893291778615391') format('truetype');
846        font-weight: 500;
847        font-style: normal;
848    }
849   
850      
851    </style>
852    
853
854<style>
855  .wd-hide-all {
856    display: none !important;
857  }
858  #wd-hide-all {
859    display: none !important;
860  }
861  @media screen and (max-width: 768px) {
862    html, body {
863    /*  overflow-x: hidden;*/
864    }
865  }
866  .breadcrumb {
867    display: block;
868  }
869
870  .breadcrumb__list {
871    flex-wrap: wrap;
872  }
873
874  :root {
875    --heading-font-family: 'Montserrat', 'FbReforma', sans-serif !important;
876    --text-font-family: 'Montserrat', 'FbReforma', sans-serif !important;
877  }
878
879  html {
880    font-family: var(--text-font-family);
881  }
882
883  /* Overrides all hardcoded font-family: Montserrat across sections/snippets */
884  body :where(*:not(pre):not(code):not(kbd):not(samp):not(svg):not(svg *)) {
885    font-family: var(--text-font-family) !important;
886  }
887
888  :is(h1, h2, h3, h4, h5, h6, .heading, .h1, .h2, .h3, .h4, .h5, .h6) {
889    font-family: var(--heading-font-family) !important;
890  }
891  
892  /* .product-card__figure .badge--sold-out {
893    position: absolute;
894    left: 0;
895    top: 0;
896    z-index: 1;
897  } */
898
899  .text-regular {
900      color: #111;
901      font-family: var(--text-font-family);
902      font-size: 14px;
903      font-style: normal;
904      font-weight: 500;
905      line-height: normal;
906  }
907
908  .text-light {
909    color: #878787;
910    font-family: var(--text-font-family);
911    font-size: 13px;
912    font-style: normal;
913    font-weight: 300;
914  }
915  
916  #glassix-widget-launcher {
917    width: 50px !important;
918    height: 50px !important;
919  }
920  #glassix-widget-launcher-container {
921    bottom: unset !important;
922    top: calc(50% + 60px) !important;
923  }
924  #glassix-widget-launcher-closed .glassix-widget-icon-wrapper img {
925    max-width: 30px !important;
926  }
927  #INDmenu-btn {
928    top: calc(50% - 30px) !important;
929  }
930  #greeting-message-top,
931.bubble-pointer {
932  display: none !important;
933}
934</style>
935
936<style>
937    .wd-timer {
938        display: flex;
939        justify-content: center;
940        align-items: center;
941        gap: 6px;
942    }
943    
944    .wd-timer .wd-timer-box {
945        border-radius: 8px;
946        background: rgba(255, 255, 255, 0.16);
947        box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.00), 0px 1px 0px 0px rgba(0, 0, 0, 0.01);
948        display: flex;
949        padding: 6px 10px;
950        justify-content: center;
951        align-items: center;
952        gap: 3px;
953    }
954    
955    .wd-timer .wd-timer-box span:not(.timer-box-des) {
956        color: #F9FAF7;
957        text-align: center;
958        font-size: 16px;
959        font-style: normal;
960        font-weight: 500;
961        line-height: 20px; /* 125% */
962        letter-spacing: 0.2px;
963    }
964    
965    .wd-timer .wd-timer-box .timer-box-des {
966        color: #F9FAF7;
967        font-size: 11px;
968        font-style: normal;
969        font-weight: 275;
970        line-height: normal;
971    }
972    
973    .timer-container.is-selected {
974        display: flex;
975        justify-content: center;
976        align-items: center;
977        gap: 16px;
978        height: min-content;
979        margin: 0;
980    }
981
982    .announcement-bar {
983        padding: 10px 48px;
984    }
985
986    .announcement-bar button.tap-area,
987    .announcement-bar__carousel>:not(.is-selected) {
988        display: none !important;
989    }
990
991
992    announcement-bar-carousel > div     {
993        min-height: 15px;
994        display: flex;
995        margin: 2.5px 0px;
996        color: #FFF;
997        font-style: normal;
998        font-weight: 400;
999        line-height: normal;
1000        text-transform: uppercase;
1001    }
1002    .timer-message{
1003        color: #FFF;
1004        font-style: normal;
1005        font-weight: 400;
1006        line-height: normal;
1007        text-transform: uppercase;
1008    }
1009        
1010    
1011
1012    @media screen and (min-width: 769px) {
1013        .announcement-bar__carousel {
1014            max-width: 95%;
1015            width: 95%;
1016        }
1017    }
1018    
1019    @media screen and (max-width: 768px) {
1020        .hidden-mobile{
1021            display:none !important;
1022        }
1023        .timer-container.is-selected {
1024            flex-direction: column-reverse;
1025            gap:10px;
1026        }
1027
1028
1029        .wd-timer .wd-timer-box {
1030            flex-direction: column;
1031            gap: 0px;
1032            width: 42px;
1033            height: 33px;
1034            padding: 3px 10px;
1035        }
1036
1037        .wd-timer .wd-timer-box span:not(.timer-box-des) {
1038            color: #F9FAF7;
1039            text-align: center;
1040            font-family: var(--text-font-family);
1041            font-size: 14px;
1042            font-style: normal;
1043            font-weight: 500;
1044            line-height: normal;
1045        }
1046
1047        .wd-timer .wd-timer-box .timer-box-des {
1048            color: rgba(249, 250, 247, 0.60);
1049            text-align: center;
1050            font-size: 8px;
1051            font-style: normal;
1052            font-weight: 300;
1053            line-height: normal;
1054            letter-spacing: -0.08px;
1055            text-transform: uppercase;
1056        }
1057
1058        announcement-bar-carousel > div,
1059        .timer-message{
1060            color: #FFF;
1061            font-style: normal;
1062            font-weight: 400;
1063            line-height: normal;
1064            text-transform: capitalize;
1065            margin: 0;
1066        }
1067        .wd-timer{
1068            gap:5px;
1069        }
1070        .announcement-bar {
1071            padding: 10px 89px;
1072        }
1073    }
1074</style>
1075
1076
1077<style>
1078    .wd-shopify-section--featured-collections .product-list{
1079        --product-list-card-width: 428px;
1080    }
1081    .wd-shopify-section--featured-collections{
1082        background: linear-gradient(180deg, #FFF 0%, #F9FAF7 100%);
1083    }
1084    .wd-shopify-section--featured-collections p.h6.text-center{
1085        color: #272E0F;
1086        text-align: center;
1087        font-family: var(--text-font-family);
1088        font-size: 24px;
1089        font-style: normal;
1090        font-weight: 500;
1091        line-height: 130%; /* 31.2px */
1092        letter-spacing: 0.24px;
1093        text-transform: uppercase;
1094    }
1095    .wd-shopify-section--featured-collections button.h2[aria-current="true"] {
1096        color: #111;
1097        font-family: var(--text-font-family);
1098        font-size: 16px;
1099        font-style: normal;
1100        font-weight: 500;
1101        line-height: normal;
1102        letter-spacing: 0.25px;
1103    }
1104    .wd-shopify-section--featured-collections button.h2[aria-current="false"] {
1105        color: #595C51;
1106        font-family: var(--text-font-family);
1107        font-size: 16px;
1108        font-style: normal;
1109        font-weight: 500;
1110        line-height: normal;
1111        letter-spacing: 0.25px;
1112    }
1113    .wd-shopify-section--featured-collections .wd-section-subheading-and-collections{
1114        gap:29px;
1115    }
1116    .wd-shopify-section--featured-collections .section-stack{
1117        gap:68px
1118    }
1119
1120    .wd-shopify-section--featured-collections product-card.product-card{
1121        padding:8px 8px 13px;
1122        border-radius: 16px;
1123        border: 0.5px solid #EBEBEB;
1124        background: rgba(255, 255, 255, 0.90);
1125        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 4px 4px -1px rgba(0, 0, 0, 0.02);
1126        max-height:unset;
1127        min-height:504px;
1128        gap:10px;
1129    }
1130    .wd-shopify-section--featured-collections .wd-product-card-main-info{
1131        gap:0px
1132    }
1133    .wd-shopify-section--featured-collections .wd-product-card-title-price{
1134        gap:8px;
1135    }
1136    .star-container:not(:last-child){
1137        margin-right:3px !important;
1138    }
1139    
1140    .wd-shopify-section--featured-collections product-card.product-card .product-title{
1141        color: #272E0F;
1142        text-align: center;
1143        font-family: var(--text-font-family);
1144        font-size: 14px;
1145        font-style: normal;
1146        font-weight: 400;
1147        line-height: normal;
1148        letter-spacing: normal;
1149        text-transform: none;
1150        width: unset;
1151        white-space: nowrap;
1152        overflow: hidden;
1153        text-overflow: ellipsis;
1154    }
1155    .wd-shopify-section--featured-collections product-card.product-card sale-price.h6.text-on-sale {
1156        color: #CB0050;
1157        font-family: var(--text-font-family);
1158        font-size: 13px;
1159        font-style: normal;
1160        font-weight: 500;
1161        line-height: normal;
1162        letter-spacing: normal;
1163        text-transform: none;
1164    }
1165    .wd-shopify-section--featured-collections product-card.product-card compare-at-price.h6.text-subdued.line-through{
1166        text-decoration-line: line-through;
1167    }
1168    .wd-shopify-section--featured-collections product-card.product-card compare-at-price.h6.text-subdued.line-through,
1169    .wd-shopify-section--featured-collections product-card.product-card sale-price.h6.text-subdued{
1170        color: #545454;
1171        font-family: var(--text-font-family);
1172        font-size: 13px;
1173        font-style: normal;
1174        font-weight: 500;
1175        line-height: normal;
1176        letter-spacing: normal;
1177        text-transform: none;
1178    }
1179    .wd-shopify-section--featured-collections product-card.product-card button.product-card__quick-add-button {
1180        border-radius: 8px;
1181        border: 1px solid rgba(255, 255, 255, 0.12);
1182        background: var(--control-background, #FFF);
1183        box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
1184        display: flex;
1185        width: 65px;
1186
1187        height: 24px;
1188        padding: 12px 25px;
1189        justify-content: center;
1190        align-items: center;
1191        flex-shrink: 0;
1192        color: #545454;
1193        font-family: var(--text-font-family);
1194        font-size: 13px;
1195        font-style: normal;
1196        font-weight: 500;
1197        line-height: normal;
1198        text-transform: uppercase;
1199        min-width: 65px;
1200        max-width: 65px;
1201        max-height: 24px;
1202        bottom:14px;
1203        right:16px;
1204    }
1205    .wd-shopify-section--featured-collections .wd-collectionBtn{    
1206        display: flex;
1207        width: 123px;
1208        min-height: 36px;
1209        padding: 9px 25px;
1210        justify-content: center;
1211        align-items: center;
1212        border-radius: 36px;
1213        border: 1px solid #272E0F;
1214    }
1215    .wd-shopify-section--featured-collections .wd-collectionBtn a.button{
1216        color: #272E0F;
1217        font-family: Figtree;
1218        font-size: 13px;
1219        font-style: normal;
1220        font-weight: 500;
1221        line-height: normal;
1222        text-transform: uppercase;
1223        background:transparent;
1224        padding: 0;
1225        border: none;
1226        letter-spacing:unset !important;
1227        min-width:81px;
1228    }
1229    .wd-shopify-section--featured-collections product-card.product-card .product-card__image{
1230        width:410px;
1231        height:410px;
1232        object-fit:cover;
1233            border-radius: 12px 12px 0px 0px;
1234    background: #f4f1e9;
1235    mix-blend-mode: multiply;
1236    }
1237    .wd-shopify-section--featured-collections .featured-collections-navigation{
1238        column-gap:23px;    
1239    }
1240    .wd-shopify-section--featured-collections .featured-collections-carousel__item{
1241        gap:72px;
1242    }
1243    .wd-shopify-section--featured-collections .section-spacing{
1244        padding-top:96px;
1245        padding-bottom:68px;
1246    }
1247
1248    .wd-shopify-section--featured-collections .circle-button{
1249        background: #272E0F;
1250        color: #FFFFFF;
1251        width:41px;
1252        height:41px;
1253        right:-1%;
1254    }
1255    
1256    .wd-shopify-section--featured-collections .container{
1257        margin-left:74px
1258    }
1259    .wd-shopify-section--featured-collections {
1260        overflow: hidden;
1261    }
1262
1263    @media screen and (min-width: 769px) {
1264        .wd-shopify-section--featured-collections .container {
1265            margin-inline-end: 0;
1266        }
1267        .product-card__quick-add-button {
1268            opacity:1 !important;
1269            transform: unset !important;
1270            
1271        }
1272        .floating-controls-container--on-hover > .prev-next-button{
1273            opacity:1 !important;
1274            transform: unset !important;
1275            right: 1%;
1276        }
1277
1278    }
1279    @media screen and (max-width: 768px) {
1280        .wd-shopify-section--featured-collections .product-list{
1281            --product-list-card-width: 206px;
1282            padding-left: 16px;
1283            margin-inline-end: 0 !important;
1284        }
1285        .wd-shopify-section--featured-collections .featured-collections-carousel__item{
1286            gap:25px !important;
1287        }
1288        .wd-shopify-section--featured-collections product-card.product-card .product-card__image{
1289            width:188px;
1290            height:188px;
1291        }
1292        .wd-shopify-section--featured-collections product-card.product-card button.product-card__quick-add-button {
1293            display: inline-flex;
1294            padding: 4px;
1295            height:26px !important;
1296            min-width: 24px;
1297            max-width: 26px;
1298            width:26px !important; 
1299            align-items: flex-start;
1300            gap: 4px;border-radius: 18px;
1301            border: 1px solid rgba(176, 189, 197, 0.50);
1302            background: var(--control-background, #FFF);
1303            box-shadow: 0px 0px 2px 0px rgba(58, 72, 80, 0.10), 0px 6px 12px 0px rgba(176, 189, 197, 0.14);
1304        }
1305        .wd-shopify-section--featured-collections .container {
1306            margin: 0 0 0 16px;
1307        }
1308        .wd-shopify-section--featured-collections product-card.product-card button.product-card__quick-add-button .icon{
1309            width:16px;
1310            height:16px;
1311        }
1312        .wd-shopify-section--featured-collections p.h6.text-center{
1313            color: #272E0F;
1314            text-align: center;
1315            font-family: var(--text-font-family);
1316            font-size: 20px;
1317            font-style: normal;
1318            font-weight: 500;
1319            line-height: 130%; /* 26px */
1320            letter-spacing: 0.2px;
1321            text-transform: uppercase;
1322            max-width:232px;
1323            margin:auto;
1324        }
1325        .wd-shopify-section--featured-collections button.h2[aria-current="true"] {
1326            color: #272E0F;
1327            font-family: var(--text-font-family);
1328            font-size: 15px;
1329            font-style: normal;
1330            font-weight: 500;
1331            line-height: normal;
1332            letter-spacing: 0.25px;
1333        }
1334        .wd-shopify-section--featured-collections button.h2[aria-current="false"] {
1335            color: #595C51;
1336            font-family: var(--text-font-family);
1337            font-size: 15px;
1338            font-style: normal;
1339            font-weight: 500;
1340            line-height: normal;
1341            letter-spacing: 0.25px;
1342        }
1343        .wd-shopify-section--featured-collections product-card.product-card{
1344            padding:8px 8px 9px;
1345            max-height:unset;
1346            min-height:289px;
1347            gap:8px;
1348        }
1349
1350        .wd-shopify-section--featured-collections product-card.product-card .product-title{
1351            color: #272E0F;
1352            text-align: center;
1353            font-family: var(--text-font-family);
1354            font-size: 13px;
1355            font-style: normal;
1356            font-weight: 400;
1357            line-height: 1.2;
1358            display: -webkit-box;
1359            -webkit-line-clamp: 2;
1360            -webkit-box-orient: vertical;
1361            overflow: hidden;
1362            text-overflow: ellipsis;
1363            white-space: normal;
1364        }
1365
1366        .wd-shopify-section--featured-collections product-card.product-card sale-price.h6.text-on-sale {
1367            color: #F9004F;
1368            font-family: var(--text-font-family);
1369            font-size: 13px;
1370            font-style: normal;
1371            font-weight: 500;
1372            line-height: normal;
1373        }
1374        .wd-shopify-section--featured-collections product-card.product-card compare-at-price.h6.text-subdued.line-through {
1375            color: #545454;
1376            font-family: var(--text-font-family);
1377            font-size: 13px;
1378            font-style: normal;
1379            font-weight: 500;
1380            line-height: normal;
1381            text-decoration-line: line-through;
1382        }
1383        .wd-shopify-section--featured-collections .wd-collectionBtn{
1384        
1385        }
1386
1387        .wd-shopify-section--featured-collections .wd-collectionBtn a.button{
1388            color: #272E0F;
1389            font-family: Figtree;
1390            font-size: 13px;
1391            font-style: normal;
1392            font-weight: 500;
1393            line-height: normal;
1394            text-transform: uppercase;
1395        }
1396        .wd-shopify-section--featured-collections .wd-section-subheading-and-collections{
1397            gap:16px;
1398        }
1399        .wd-shopify-section--featured-collections .section-stack{
1400            gap:24px;
1401        }
1402        wd-shopify-section--featured-collections .featured-collections-carousel__item{
1403            gap:25px;
1404        }
1405        .wd-shopify-section--featured-collections .section-spacing{
1406            padding-top:36px;
1407            padding-bottom:36px;
1408        }
1409        
1410    }
1411</style>
1412
1413<style>
1414    
1415</style>
1416
1417<style>
1418    .wd-products-list .product-list{
1419        --product-list-card-width: 426px;
1420        --product-list-calculated-column-gap: 16px;
1421    }
1422    .wd-products-list h2.h2 {
1423        font-size: 24px;
1424        font-weight: 500;
1425        line-height: 130%;
1426        letter-spacing: 0.24px;
1427        text-transform: uppercase;
1428        color: #272E0F;
1429        font-family: var(--text-font-family);
1430    }
1431    .wd-products-list{
1432        background: linear-gradient(180deg, #FFF 0%, #F9FAF7 100%);
1433    }
1434    .wd-products-list p.h6.text-center{
1435        color: #272E0F;
1436        text-align: center;
1437        font-family: var(--text-font-family);
1438        font-size: 24px;
1439        font-style: normal;
1440        font-weight: 500;
1441        line-height: 130%; /* 31.2px */
1442        letter-spacing: 0.24px;
1443        text-transform: uppercase;
1444    }
1445    .wd-products-list button.h2[aria-current="true"] {
1446        color: #111;
1447        font-family: var(--text-font-family);
1448        font-size: 16px;
1449        font-style: normal;
1450        font-weight: 500;
1451        line-height: normal;
1452        letter-spacing: 0.25px;
1453    }
1454    .wd-products-list button.h2[aria-current="false"] {
1455        color: #595C51;
1456        font-family: var(--text-font-family);
1457        font-size: 16px;
1458        font-style: normal;
1459        font-weight: 500;
1460        line-height: normal;
1461        letter-spacing: 0.25px;
1462    }
1463    .wd-products-list .wd-section-subheading-and-collections{
1464        gap:29px;
1465    }
1466    .wd-products-list .section-stack{
1467        gap: 52px;
1468    }
1469
1470    .wd-products-list product-card.product-card{
1471        padding:0;
1472        border-radius: 8px;
1473        border: 0px solid #EBEBEB;
1474        background: rgba(255, 255, 255, 0.90);
1475        box-shadow: unset;
1476       /* max-height:502px;
1477        min-height:502px; */
1478        gap:10px;
1479    }
1480    .wd-products-list .wd-product-card-main-info{
1481        gap:0px
1482    }
1483    .wd-products-list .wd-product-card-title-price{
1484        gap:8px;
1485        justify-items: start;
1486        text-align: start;
1487        width: 100%;
1488    }
1489    .wd-products-list product-card.product-card .product-title{
1490        color: #272E0F;
1491        text-align: start;
1492        font-family: var(--text-font-family);
1493        font-size: 14px;
1494        font-style: normal;
1495        font-weight: 400;
1496        line-height: normal;
1497        letter-spacing: normal;
1498        text-transform: none;
1499        width: 100%;
1500        height: unset;
1501    }
1502
1503    .wd-products-list product-card.product-card .reviews-container .avg-review { 
1504        display:none
1505    }
1506    
1507    .wd-products-list product-card.product-card .reviews-container {
1508        display: grid;
1509        grid-template-columns: max-content max-content;
1510        gap: 3px;
1511        align-items: center;
1512        font-family: var(--text-font-family);
1513        font-size: 12px;
1514    }
1515
1516    .wd-products-list product-card.product-card sale-price.h6.text-on-sale {
1517        color: #CB0050;
1518        font-family: var(--text-font-family);
1519        font-size: 13px;
1520        font-style: normal;
1521        font-weight: 500;
1522        line-height: normal;
1523        letter-spacing: normal;
1524        text-transform: none;
1525    }
1526    .wd-products-list product-card.product-card compare-at-price.h6.text-subdued.line-through {
1527        color: #545454;
1528        font-family: var(--text-font-family);
1529        font-size: 13px;
1530        font-style: normal;
1531        font-weight: 500;
1532        line-height: normal;
1533        text-decoration-line: line-through;
1534        letter-spacing: normal;
1535        text-transform: none;
1536    }
1537    .wd-products-list product-card.product-card button.product-card__quick-add-button {
1538        border-radius: 8px;
1539        border: 1px solid rgba(255, 255, 255, 0.12);
1540        background: var(--control-background, #FFF);
1541        box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
1542        display: flex;
1543        width: 65px;
1544        height: 24px;
1545        padding: 12px 25px;
1546        justify-content: center;
1547        align-items: center;
1548        flex-shrink: 0;
1549        color: #545454;
1550        font-family: var(--text-font-family);
1551        font-size: 13px;
1552        font-style: normal;
1553        font-weight: 500;
1554        line-height: normal;
1555        text-transform: uppercase;
1556        max-width: 24px;
1557        max-height: 24px;
1558        border-radius: 8px;
1559        border: 1px solid #C2BDB6;
1560        background: linear-gradient(180deg, #FFF 0%, #F1ECE5 100%);
1561
1562/* 1 */
1563box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
1564    }
1565    .wd-products-list .wd-collectionBtn{    
1566        display: flex;
1567        
1568        padding: 9px 25px;
1569        justify-content: center;
1570        align-items: center;
1571        border-radius: 36px;
1572        border: 1px solid #272E0F;
1573    }
1574    .wd-products-list .wd-collectionBtn a.button{
1575        color: #272E0F;
1576        font-family: Figtree;
1577        font-size: 13px;
1578        font-style: normal;
1579        font-weight: 500;
1580        line-height: normal;
1581        text-transform: uppercase;
1582        background:transparent;
1583        padding: 0;
1584        border: none;
1585        width:81px;
1586    }
1587    .wd-products-list product-card.product-card .product-card__image{
1588        width:410px;
1589        height:410px;
1590        object-fit:cover;
1591        border-radius: 8px;
1592        background: url(<path-to-image>) lightgray 50% / cover no-repeat;
1593        mix-blend-mode: multiply;
1594    }
1595    .wd-products-list .featured-collections-navigation{
1596        column-gap:23px;    
1597    }
1598    .wd-products-list .featured-collections-carousel__item{
1599        gap:72px;
1600    }
1601    .wd-products-list .section-spacing{
1602        padding-top:96px;
1603        padding-bottom:68px;
1604    }
1605
1606    .wd-products-list .circle-button{
1607        background: #272E0F;
1608        color: #FFFFFF;
1609        width:41px;
1610        height:41px;
1611        right:-1%;
1612    }
1613
1614    .wd-products-list .price-list sale-price {
1615        font-family: var(--text-font-family);
1616        font-size: 13px;
1617        font-weight: 500;
1618        line-height: normal;
1619        letter-spacing: normal;
1620        text-transform: none;
1621        font-style: normal;
1622        color: #545454;
1623    }
1624    
1625    product-card .product-card__info  .justify-items-center  { 
1626    justify-items: start;
1627    width: 100%;
1628    }
1629
1630    .wd-products-list product-card.product-card .product-card__info,
1631    .wd-products-list product-card.product-card .price-list {
1632        text-align: start;
1633        justify-content: flex-start;
1634        justify-items: start;
1635        width: 100%;
1636    }
1637
1638    .wd-products-list product-card.product-card .price-list {
1639        justify-content: flex-end;
1640    }
1641
1642    @media screen and (min-width: 769px) {
1643        .wd-products-list .container {
1644            margin-inline-end: 0;
1645        }
1646        .wd-products-list .product-list{
1647            margin-inline-end: 0; 
1648        }
1649        .floating-controls-container--on-hover > .prev-next-button{
1650            right: 1%;
1651        }
1652        
1653    }
1654    @media screen and (max-width: 768px) {
1655        .wd-products-list:not(.wd-collection-grid) .product-list{
1656            --product-list-card-width: 204px;
1657            --product-list-calculated-column-gap: 12px;
1658            margin-inline-end: 0 !important;
1659        }
1660        .wd-products-list:not(.wd-collection-grid) product-card.product-card .product-card__image{
1661            width:188px;
1662            height:188px;
1663            border-radius: 0;
1664        }
1665
1666       product-card .product-card__info {
1667        text-align: start;
1668        align-content: start;
1669        justify-items: start;
1670        gap: .75rem;
1671        display: grid;
1672       }
1673
1674       product-card .product-card__info  .justify-items-center {
1675            justify-items: start;
1676            padding:0 5px
1677        }
1678
1679         .wd-products-list:not(.wd-collection-grid) product-card.product-card{
1680        padding:8px 8px 13px;
1681        border-radius: 16px;
1682        border: 0;
1683        background: transparent;
1684        box-shadow: none;
1685        gap:10px;
1686        border-radius: 0;
1687        }
1688
1689        .wd-products-list h2.h2 {
1690            font-size: 18px;
1691        }
1692        .wd-products-list:not(.wd-collection-grid) product-card.product-card button.product-card__quick-add-button {
1693            display: inline-flex;
1694            padding: 4px;
1695            align-items: flex-start;
1696            gap: 4px;border-radius: 18px;
1697            border: 1px solid rgba(176, 189, 197, 0.50);
1698            background: var(--control-background, #FFF);
1699            box-shadow: 0px 0px 2px 0px rgba(58, 72, 80, 0.10), 0px 6px 12px 0px rgba(176, 189, 197, 0.14);
1700        }
1701        .wd-products-list .container {
1702            margin: 0 0 0 16px;
1703        }
1704        .wd-products-list product-card.product-card button.product-card__quick-add-button .icon{
1705            width:16px;
1706            height:16px;
1707        }
1708        .wd-products-list p.h6.text-center{
1709            color: #272E0F;
1710            text-align: center;
1711            font-family: var(--text-font-family);
1712            font-size: 20px;
1713            font-style: normal;
1714            font-weight: 500;
1715            line-height: 130%; /* 26px */
1716            letter-spacing: 0.2px;
1717            text-transform: uppercase;
1718        }
1719
1720        .wd-mobile-sort .wd-mobile-sort-items {
1721            margin-left: 10px;
1722        }
1723        
1724        .wd-products-list button.h2[aria-current="true"] {
1725            color: #272E0F;
1726            font-family: var(--text-font-family);
1727            font-size: 15px;
1728            font-style: normal;
1729            font-weight: 500;
1730            line-height: normal;
1731            letter-spacing: 0.25px;
1732        }
1733        .wd-products-list button.h2[aria-current="false"] {
1734            color: #595C51;
1735            font-family: var(--text-font-family);
1736            font-size: 15px;
1737            font-style: normal;
1738            font-weight: 500;
1739            line-height: normal;
1740            letter-spacing: 0.25px;
1741        }
1742        .wd-products-list:not(.wd-collection-grid) product-card.product-card{
1743            padding:8px 8px 9px;
1744            /* max-height:287px;
1745            min-height:287px; */
1746            gap:8px;
1747        }
1748
1749        .wd-products-list product-card.product-card .product-title{
1750            color: #272E0F;
1751            text-align: start;
1752            font-family: var(--text-font-family);
1753            font-size: 13px;
1754            font-style: normal;
1755            font-weight: 400;
1756            line-height: normal;
1757            width: 100%;
1758        }
1759
1760        .wd-shopify-section--featured-collections scroll-carousel product-card.product-card .product-title { 
1761         text-align: start;
1762        }
1763
1764        .wd-products-list product-card.product-card sale-price.h6.text-on-sale {
1765            color: #F9004F;
1766            font-family: var(--text-font-family);
1767            font-size: 13px;
1768            font-style: normal;
1769            font-weight: 500;
1770            line-height: normal;
1771        }
1772        .wd-products-list product-card.product-card compare-at-price.h6.text-subdued.line-through {
1773            color: #545454;
1774            font-family: var(--text-font-family);
1775            font-size: 13px;
1776            font-style: normal;
1777            font-weight: 500;
1778            line-height: normal;
1779            text-decoration-line: line-through;
1780        }
1781
1782        .wd-products-list .wd-collectionBtn a.button{
1783            color: #272E0F;
1784            font-family: Figtree;
1785            font-size: 13px;
1786            font-style: normal;
1787            font-weight: 500;
1788            line-height: normal;
1789            text-transform: uppercase;
1790        }
1791        .wd-products-list .wd-section-subheading-and-collections{
1792            gap:16px;
1793        }
1794        .wd-products-list .section-stack{
1795            gap: 28px;
1796        }
1797        wd-products-list .featured-collections-carousel__item{
1798            gap:25px;
1799        }
1800        .wd-products-list .section-spacing{
1801            padding-top:36px;
1802            padding-bottom:36px;
1803        }
1804        
1805    }
1806</style>
1807
1808
1809<style>
1810  .product-card__figure .product-price-per-size--card {
1811    position: absolute;
1812    left: 12px;
1813    bottom: 12px;
1814    z-index: 1;
1815    margin: 0;
1816    padding: 0;
1817    color: #878787;
1818    font-family: var(--text-font-family);
1819    font-size: 12px;
1820    font-style: normal;
1821    font-weight: 400;
1822    line-height: 1.2;
1823    letter-spacing: normal;
1824  }
1825
1826  .product-card .product-price-per-size--card-info {
1827    color: #878787;
1828    font-family: var(--text-font-family);
1829    font-size: 12px;
1830    font-style: normal;
1831    font-weight: 400;
1832    line-height: 1.4;
1833    display: flex;
1834    align-items: baseline;
1835    gap: 4px;
1836    margin: 0;
1837    padding-block-end: 2px;
1838  }
1839
1840  .product-card .product-price-per-size--card-info .product-price-per-size__line {
1841    display: inline-flex;
1842    align-items: baseline;
1843    flex-wrap: wrap;
1844    gap: 0.25em;
1845    line-height: 1.4;
1846  }
1847
1848  .product-card .product-price-per-size--card-info .product-price-per-size__label,
1849  .product-card .product-price-per-size--card-info .product-price-per-size__value {
1850    font-size: 12px;
1851    line-height: 1.4;
1852    font-weight: 400;
1853  }
1854
1855  product-card.product-card button.product-card__sold-out-button {
1856    color: #FFFFFF;
1857  }
1858</style>
1859
1860
1861<style>
1862    .product-sticky-bar {
1863        background-color: #F9FAF7;
1864        filter: drop-shadow(0px -9px 19px rgba(70, 93, 56, 0.12));
1865        border-top-right-radius: 25px;
1866        border-top-left-radius: 25px;
1867        display: flex;
1868        align-items: center;
1869        justify-content: space-between;
1870        gap: 14px;
1871        padding: 16px !important;
1872    }
1873
1874    .product-sticky-bar quantity-selector{
1875        border-radius: 24px;
1876        border: 1px solid #E8E9E2;
1877        background: #F9FAF7;
1878        box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.00), 0px 1px 0px 0px rgba(0, 0, 0, 0.01), 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
1879        display: inline-flex;
1880        padding: 5px 8px;
1881        align-items: center;
1882        gap: 4px;
1883    }
1884
1885    .product-sticky-bar quantity-selector input{
1886        width: 34px;
1887        color: #272E0F;
1888        text-align: center;
1889        font-family: var(--text-font-family);
1890        font-size: 16px;
1891        font-style: normal;
1892        font-weight: 500;
1893        line-height: 19px; /* 118.75% */
1894    }
1895    .product-sticky-bar quantity-selector button{
1896        display: flex;
1897        width: 24px;
1898        height: 24px;
1899        justify-content: center;
1900        align-items: center;
1901    }
1902
1903    .product-sticky-bar .wd-buy-btn{
1904        display: flex;
1905        height: 34px;
1906        padding: 9px 25px;
1907        justify-content: center;
1908        align-items: center;
1909        gap: 4px;
1910        border-radius: 36px;
1911        box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
1912        color: #FFFFFF;
1913        font-family: var(--text-font-family);
1914        font-size: 13px;
1915        font-style: normal;
1916        font-weight: 500;
1917        line-height: normal;
1918        text-transform: uppercase;
1919        letter-spacing: unset;
1920    }
1921
1922    .product-sticky-bar .buy-buttons {
1923        --button-background: 39 46 15;
1924        --button-outline-color: 39 46 15;
1925        --button-text-color: 255 255 255;
1926        flex: 1 1 auto;
1927    }
1928
1929    .product-sticky-bar .price-list sale-price, .product-sticky-bar .price-list compare-at-price {
1930        font-family: var(--text-font-family) !important;
1931        font-size: 14px !important;
1932        font-weight: 500 !important;
1933    }
1934
1935    .product-sticky-bar .price-list sale-price {
1936        color: #fff !important;
1937    }
1938
1939    .product-sticky-bar .price-list compare-at-price {
1940        color: rgba(249, 250, 247, 0.50) !important;
1941    }
1942
1943    .product-sticky-bar .buy-buttons .banner--error {
1944        position: fixed;
1945        z-index: 4;
1946        left: 3%;
1947        right: 3%;
1948        height: 80px;
1949        bottom: 10px;
1950        border-radius: 4px;
1951        display: flex;
1952        align-items: center;
1953        justify-content: center;
1954        text-align: center;
1955    }
1956</style>
1957
1958<style>
1959    @media (min-width: 769px){
1960        .content-over-media.content-over-media--wd-adapt-to-figma{
1961            max-height:800px;
1962        }
1963    }
1964
1965</style>
1966
1967<style>
1968  /* Wedev: open search is moved to document.body (theme.js shouldAppendToBody)
1969     so Android can hit the results. Pin under the visible header group
1970     (announcement + header) — not --sticky-area-height, which omits a
1971     non-sticky announcement and clips the logo. */
1972  body > header-search[open],
1973  body > .header-search[open] {
1974    --wd-header-search-top: calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));
1975    position: fixed !important;
1976    inset-inline: 0 !important;
1977    inset-block-start: var(--wd-header-search-top) !important;
1978    inset-block-end: auto !important;
1979    width: 100% !important;
1980    height: auto !important;
1981    max-height: calc(100dvh - var(--wd-header-search-top)) !important;
1982    z-index: 2147483000 !important;
1983    pointer-events: auto !important;
1984  }
1985
1986  body > header-search[open]::part(overlay),
1987  body > .header-search[open]::part(overlay) {
1988    inset-block-start: var(--wd-header-search-top, var(--sticky-area-height)) !important;
1989    min-height: calc(100dvh - var(--wd-header-search-top, var(--sticky-area-height))) !important;
1990    pointer-events: auto;
1991  }
1992
1993  body > header-search[open]::part(content),
1994  body > .header-search[open]::part(content) {
1995    position: relative;
1996    z-index: 1;
1997    pointer-events: auto;
1998    /* No slide-from-under-header when already docked under the header group */
1999    transform: none !important;
2000    max-height: min(
2001      var(--header-search-max-height, 100vh),
2002      calc(100dvh - var(--wd-header-search-top))
2003    );
2004  }
2005
2006  .wd-header-icon-couple {
2007    display: flex;
2008    justify-content: center;
2009    align-items: center;
2010  }
2011  .wd-x-header {
2012    padding: 21px 72px 13px 72px;
2013  }
2014  .wd-x-header.wd-scrolled-header {
2015    padding: 14px 68px 14px 72px;
2016  }
2017  .wd-header-search-icon {
2018    display: flex;
2019    flex-direction: row-reverse;
2020    justify-content: flex-end;
2021    align-items: center;
2022    gap: 8px;
2023  }
2024
2025  .wd-header-search-icon span {
2026    font-weight: 500;
2027    font-size: 13px;
2028    line-height: 150%;
2029    letter-spacing: 0.13px;
2030    color: #151515;
2031    font-family: var(--text-font-family);
2032  }
2033  .wd-cart-items-number {
2034    display: none !important;
2035  }
2036  li.header__primary-nav-item .h6 {
2037    color: #000;
2038    font-family: var(--text-font-family);
2039    font-size: 13px;
2040    font-style: normal;
2041    font-weight: 500;
2042    line-height: normal;
2043  }
2044  .header__primary-nav-item:before {
2045    font-family: var(--text-font-family);
2046    font-size: 13px;
2047    font-weight: 500;
2048    letter-spacing: 0;
2049    text-transform: none;
2050  }
2051  .wd-header-icon-couple,
2052  .header__primary-nav {
2053    gap: 30px !important;
2054  }
2055  .wd-desktop-customer-in-header {
2056    position: relative;
2057  }
2058  .wd-not-signed-in-wrapper {
2059    display: flex;
2060    align-items: center;
2061    gap: 8px;
2062    cursor: pointer;
2063  }
2064
2065  .wd-name-wrapper {
2066    padding: 8px;
2067    border-radius: 49px;
2068    cursor: pointer;
2069    transition: all 0.3s ease-in;
2070  }
2071  .wd-name-wrapper:hover {
2072    background: #e8e9e2;
2073    transition: all 0.3s ease-in;
2074  }
2075  .header__secondary-nav:has(.wd-not-signed-in-wrapper) {
2076    align-items: center;
2077  }
2078
2079  .wd-customer-popover {
2080    display: none;
2081    position: absolute;
2082    left: 50%;
2083    right: auto;
2084    top: 52px;
2085    margin-left: -130px;
2086    width: 260px;
2087    border-radius: 12px;
2088    border: 0px solid #a1a1a1;
2089    background: var(--control-background, #fff);
2090    box-shadow: 0px 1px 0px 0px #e1e1e1, 0px 3px 24px -2px rgba(58, 72, 80, 0.34);
2091    padding: 18px 16px 24px 16px;
2092    flex-direction: column;
2093    justify-content: center;
2094    align-items: flex-start;
2095    gap: 4px;
2096    align-self: stretch;
2097    z-index: 999;
2098    opacity: 0;
2099    transform: translateY(-20px);
2100    animation: fadeInDown 0.5s forwards;
2101  }
2102
2103  .wd-desktop-customer-in-header:has(.wd-logged-in-name-wrapper) .wd-customer-popover {
2104    top: 52px !important;
2105    left: 50% !important;
2106    right: auto !important;
2107    position: absolute;
2108  }
2109
2110  .wd-customer-popover-show {
2111    display: flex;
2112    animation: fadeInDown 0.5s forwards;
2113  }
2114
2115  .wd-customer-popover-hide {
2116    animation: fadeOutUp 0.5s forwards;
2117  }
2118
2119  @media screen and (max-width: 768px) {
2120    /* Keep popover host, but remove it from flex flow so it does not inflate account↔cart gap */
2121    .wd-desktop-customer-in-header {
2122      position: absolute;
2123      width: 0;
2124      min-width: 0;
2125      height: 0;
2126      overflow: visible;
2127      flex: none;
2128    }
2129
2130    .wd-customer-popover.wd-customer-popover--mobile {
2131      position: fixed !important;
2132      top: 106px !important;
2133      left: 16px !important;
2134      right: auto !important;
2135      bottom: auto !important;
2136      margin: 0 !important;
2137      width: min(260px, calc(100vw - 32px)) !important;
2138      max-width: calc(100vw - 32px) !important;
2139      box-sizing: border-box !important;
2140      align-self: auto !important;
2141      transform: none !important;
2142      z-index: 10001 !important;
2143      overflow: hidden;
2144      opacity: 1 !important;
2145      animation: none !important;
2146    }
2147
2148    .wd-customer-popover.wd-customer-popover--mobile.wd-customer-popover-show {
2149      display: flex !important;
2150      transform: none !important;
2151    }
2152
2153    .wd-customer-popover.wd-customer-popover--mobile .wd-popover-arrow {
2154      display: none;
2155    }
2156
2157    .wd-customer-popover.wd-customer-popover--mobile .w-full,
2158    .wd-customer-popover.wd-customer-popover--mobile .wd-header-popover-links-wrapper,
2159    .wd-customer-popover.wd-customer-popover--mobile .wd-logged-in-customer-wrapper {
2160      width: 100%;
2161      max-width: 100%;
2162      box-sizing: border-box;
2163    }
2164
2165    .wd-customer-popover.wd-customer-popover--mobile .wd-header-popover-links-text {
2166      min-width: 0;
2167      overflow-wrap: anywhere;
2168    }
2169  }
2170
2171  @keyframes fadeInDown {
2172    from {
2173      opacity: 0;
2174      transform: translateY(-20px);
2175    }
2176    to {
2177      opacity: 1;
2178      transform: translateY(0);
2179    }
2180  }
2181
2182  @keyframes fadeOutUp {
2183    from {
2184      opacity: 1;
2185      transform: translateY(0);
2186    }
2187    to {
2188      opacity: 0;
2189      transform: translateY(-20px);
2190    }
2191  }
2192
2193  .wd-scrolled-header .wd-customer-popover {
2194    top: 52px !important;
2195  }
2196  .wd-scrolled-header:has(.wd-logged-in-name-wrapper) .wd-customer-popover {
2197    top: 65px !important;
2198    left: 16px !important;
2199    margin-left: 0;
2200    position: fixed;
2201  }
2202  .wd-popover-arrow {
2203    position: absolute;
2204    top: -10px;
2205    left: 50%;
2206    transform: translateX(-50%);
2207  }
2208
2209  .wd-popover-title {
2210    font-size: 20px;
2211    margin-bottom: 12px;
2212  }
2213
2214  .wd-header-popover-divider {
2215    height: 1px;
2216    background-color: #f1f1f1;
2217    width: 100%;
2218    margin-bottom: 16px;
2219  }
2220
2221  .wd-header-popover-login-button {
2222    border-radius: 36px;
2223    height: 48px;
2224    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset,
2225      0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
2226    margin-bottom: 8px;
2227  }
2228
2229  .wd-header-popover-register-button {
2230    border-radius: 36px;
2231    height: 48px;
2232    margin-bottom: 24px;
2233    border: 1px solid #272e0f;
2234    color: #272e0f;
2235    font-weight: 500;
2236  }
2237
2238  .transperent-background { 
2239  background:transparent;
2240  color:#272e0f; 
2241  }
2242
2243  .wd-header-popover-links-wrapper {
2244    display: flex;
2245    align-items: center;
2246    gap: 12px;
2247    cursor: pointer;
2248  }
2249
2250  button.wd-header-popover-links-wrapper {
2251    width: 100%;
2252    padding: 0;
2253    border: 0;
2254    background: none;
2255    text-align: inherit;
2256    appearance: none;
2257  }
2258
2259  .wd-header-popover-links-wrapper:not(:last-child) {
2260    margin-bottom: 16px;
2261  }
2262  .wd-header-popover-links-text {
2263    color: #111;
2264    font-family: var(--text-font-family);
2265    font-size: 16px;
2266    font-style: normal;
2267    font-weight: 400;
2268    line-height: normal;
2269  }
2270
2271  #social_login_frame {
2272    height: 110px !important;
2273    margin-bottom: 24px !important;
2274  }
2275
2276  .wd-logged-in-customer-wrapper {
2277    display: flex;
2278    justify-content: space-between;
2279    align-items: baseline;
2280    width: 100%;
2281    margin-bottom: 16px;
2282  }
2283
2284  .wd-logged-in-customer-welcome-text {
2285    color: #878787;
2286    font-family: var(--text-font-family);
2287    font-size: 16px;
2288    font-style: normal;
2289    font-weight: 300;
2290    line-height: 26px; /* 162.5% */
2291  }
2292
2293  .wd-logged-in-customer-customer-name-text {
2294    font-size: 20px;
2295    font-weight: 400;
2296  }
2297
2298  .wd-logged-in-customer-log-out-text {
2299    color: #878787;
2300    font-family: var(--text-font-family);
2301    font-size: 14px;
2302    font-style: normal;
2303    font-weight: 300;
2304    line-height: normal;
2305    cursor: pointer;
2306    text-decoration-line: underline;
2307  }
2308  @media screen and (min-width: 999px) {
2309    .wd-header-search-icon.wd-search-desktop{
2310      display: flex !important;
2311    }
2312    .wd-search-mobile { 
2313      display: none !important;
2314    }
2315  }
2316  @media screen and (max-width: 999px) {
2317    .wd-search-mobile { 
2318      display: flex !important;
2319    }
2320    .wd-header-search-icon.wd-search-desktop{
2321      display: none !important;
2322    }
2323  }
2324
2325  @media screen and (max-width: 989px) {
2326    .shopify-section--header {
2327      max-width: 100%;
2328      min-width: 0;
2329      overflow-x: clip;
2330    }
2331
2332    .shopify-section--announcement-bar {
2333      max-width: 100%;
2334      min-width: 0;
2335      overflow-x: clip;
2336    }
2337
2338    .wd-x-header {
2339      --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
2340      padding: 15px 16px;
2341      column-gap: 8px;
2342      max-width: 100%;
2343      min-width: 0;
2344      overflow-x: clip;
2345    }
2346
2347    .wd-search-desktop {
2348      display: none !important;
2349    }
2350    .wd-header-icon-couple,
2351    .header__primary-nav {
2352      gap: 12px !important;
2353      flex-wrap: nowrap;
2354      min-width: 0;
2355    }
2356    .header__primary-nav {
2357      justify-self: start;
2358    }
2359    .header__secondary-nav {
2360      min-width: 0;
2361      justify-self: end;
2362    }
2363    .wd-x-header .header__logo {
2364      justify-self: center;
2365      min-width: 0;
2366      max-width: 100%;
2367    }
2368    .wd-x-header .header__logo-image {
2369      width: min(var(--header-logo-width), 48vw);
2370      max-width: 100%;
2371    }
2372    .wd-x-header .header__logo-text {
2373      max-width: 48vw;
2374      overflow: hidden;
2375      text-overflow: ellipsis;
2376      white-space: nowrap;
2377    }
2378    x-header:not(.is-solid) {
2379      /* Your CSS rules here */
2380      background-color: transparent !important; /* Example style */
2381      box-shadow: none;
2382    }
2383  }
2384
2385  @media screen and (min-width: 699px) {
2386    /* .wd-search-mobile {
2387      display: none !important;
2388    } */
2389    .wd-header-icon-couple {
2390      gap: 16px !important;
2391      /*margin-top: -3px;*/
2392    }
2393    .wd-x-header {
2394      row-gap: 33px;
2395    }
2396    .header__logo-image {
2397      height: 24px;
2398    }
2399    li.header__primary-nav-item .h6 {
2400      line-height: 14px;
2401    }
2402  }
2403  @media screen and (min-width: 577px) {
2404    .wd-x-header.wd-scrolled-header #to-start-text {
2405      display: none;
2406    }
2407    .wd-x-header.wd-scrolled-header {
2408      row-gap: 16px !important;
2409      padding-top: 14px !important;
2410    }
2411  }
2412  @media screen and (max-width: 768px) {
2413    .wd-x-header.wd-scrolled-header .wd-header-search-icon span {
2414      display: none !important;
2415    }
2416
2417    .wd-x-header.wd-scrolled-header #sign-in-text {
2418      display: none !important;
2419    }
2420  }
2421
2422  @media screen and (max-width: 999px) {
2423    .wd-x-header .wd-header-icon-couple,
2424    .wd-x-header .header__primary-nav {
2425      gap: 12px !important;
2426      column-gap: 12px !important;
2427    }
2428  }
2429
2430  @media screen and (max-width: 1280px) {
2431    .wd-x-header.wd-scrolled-header {
2432      padding: 14px 40px !important;
2433    }
2434  }
2435  @media screen and (max-width: 1100px) {
2436    .wd-x-header.wd-scrolled-header {
2437      padding: 14px 32px !important;
2438    }
2439    .wd-x-header.wd-scrolled-header .header__primary-nav {
2440      gap: 20px !important;
2441    }
2442
2443    .wd-x-header.wd-scrolled-header .header__primary-nav .header__primary-nav-item:last-child {
2444      display: none;
2445    }
2446  }
2447
2448  @media screen and (max-width: 768px) {
2449    .wd-x-header.wd-scrolled-header {
2450      padding: 14px 16px !important;
2451    }
2452    .wd-x-header .header__primary-nav,
2453    .wd-x-header.wd-scrolled-header .header__primary-nav {
2454      gap: 12px !important;
2455    }
2456  }
2457  .link-text {
2458    letter-spacing: 0 !important;
2459  }
2460
2461  .name-non-sticky {
2462    display: flex;
2463  }
2464
2465  .wd-logged-in-name-wrapper.name-non-sticky {
2466    display: flex;
2467    flex-direction: row;
2468    align-items: center;
2469    gap: 8px;
2470    line-height: 1.2;
2471  }
2472
2473  .wd-logged-in-name-points {
2474    font-size: 12px;
2475    line-height: normal;
2476  }
2477
2478  .wd-logged-in-name-points-label {
2479    color: #2c2c2c;
2480    font-weight: 400;
2481  }
2482
2483  .wd-logged-in-name-points-value {
2484    color: #00772f;
2485    font-weight: 500;
2486  }
2487  .name-sticky {
2488    display: none;
2489  }
2490  .wd-scrolled-header .name-non-sticky {
2491    display: none !important;
2492  }
2493  .wd-scrolled-header .name-sticky {
2494    display: flex !important;
2495    justify-content: center;
2496    align-items: center;
2497    gap: 4px;
2498  }
2499  .user-name-sticky {
2500    display: flex;
2501    width: 24px;
2502    height: 24px;
2503    padding: 4px;
2504    flex-direction: column;
2505    justify-content: center;
2506    align-items: center;
2507    gap: 4px;
2508    border-radius: 20px;
2509    border: 2px solid #000;
2510    background: #e8e9e2;
2511  }
2512  .first-name {
2513    color: #111;
2514    font-size: 13px;
2515    font-style: normal;
2516    font-weight: 500;
2517    line-height: normal;
2518    text-transform: capitalize;
2519  }
2520  .login-icon{
2521    height: 12px;
2522    width: 12px;
2523  }
2524</style>
2525
2526
2527<style>
2528    .wd-collection-list .section-spacing{
2529        padding:93px 0 92px;
2530    }
2531    .wd-collection-list .section-spacing .container{
2532        margin:0 71px;
2533    }
2534    .wd-collection-list .section-spacing .container .section-header h2.h2{
2535        color: #272E0F;
2536        text-align: center;
2537        font-family: var(--text-font-family);
2538        font-size: 24px;
2539        font-style: normal;
2540        font-weight: 500;
2541        line-height: 130%; /* 31.2px */
2542        letter-spacing: 0.24px;
2543        text-transform: uppercase;
2544    }
2545    .wd-collection-list .section-spacing .container .section-stack{
2546        gap: 77px;
2547    }
2548    .wd-collection-list .section-spacing .container .collection-card p.h3{
2549        color: var(--control-background, #FFF);
2550        text-align: center;
2551        text-shadow: 0px 5.195px 2.598px rgba(0, 0, 0, 0.04), 0px 10.39px 31.171px rgba(0, 0, 0, 0.25);
2552        font-family: var(--text-font-family);
2553        font-size: 28px;
2554        font-style: normal;
2555        font-weight: 500;
2556        line-height: normal;
2557        text-transform: uppercase;
2558        background-color: rgba(0, 0, 0, 0.6);
2559    }
2560    @media screen and (max-width:768px){
2561        .wd-collection-list .section-spacing{
2562            padding:41px 0 33px;
2563        }
2564        .wd-collection-list .section-spacing .container{
2565            margin:0 16px;
2566        }
2567        .wd-collection-list .section-spacing .container .section-header h2.h2{
2568            color: #272E0F;
2569            text-align: center;
2570            font-family: var(--text-font-family);
2571            font-size: 20px;
2572            font-style: normal;
2573            font-weight: 500;
2574            line-height: 130%; /* 26px */
2575            letter-spacing: 0.2px;
2576            text-transform: uppercase;
2577        }
2578        .wd-collection-list .section-spacing .container .section-stack{
2579            gap: 28px;
2580        }
2581        .wd-collection-list .section-spacing .container .collection-card p.h3{
2582            color: var(--control-background, #FFF);
2583            text-align: center;
2584            text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.04), 0px 4px 12px rgba(0, 0, 0, 0.25);
2585            font-family: var(--text-font-family);
2586            font-size: 18px;
2587            font-style: normal;
2588            font-weight: 500;
2589            line-height: normal;
2590            text-transform: uppercase;
2591            letter-spacing: unset;
2592            word-spacing: unset;
2593            width: 134px;
2594        }
2595    }
2596</style>
2597
2598<style>
2599    .wd-desktop-sort{
2600        display: flex;
2601    }
2602
2603    .shopify-section--collection-banner{
2604        min-height:183px;
2605    }
2606    .wd-collection-banner-content-wrapper{
2607        padding: 60px 0 82px 0;
2608    }
2609    .shopify-section--collection-banner .wd-collection-banner-header{
2610        color: #272E0F;
2611        text-align: center;
2612        font-family: var(--text-font-family);
2613        font-size: 34px;
2614        font-style: normal;
2615        font-weight: 500;
2616        line-height: normal;
2617        letter-spacing: normal;
2618    }
2619    .shopify-section--collection-banner .collection-description{
2620        color: #595C51;
2621        text-align: center;
2622        font-family: var(--text-font-family);
2623        font-size: 13px;
2624        font-style: normal;
2625        font-weight: 400;
2626        line-height: 21px; /* 161.538% */
2627        letter-spacing: 0.4px;
2628    }
2629    .wd-collection-grid.wd-products-list product-card.product-card{
2630        min-height:unset !important;
2631        max-height:unset !important;
2632        /* Extra height for price-per-size line + Mac font metrics */
2633        aspect-ratio: 426 / 540;
2634    }
2635    .wd-collection-page-grid.container{
2636        margin: 0 72px;
2637    }
2638    .wd-products-list.wd-collection-grid{
2639        column-gap:16px;
2640        row-gap:16px;
2641        --product-list-default-row-gap: 16px;
2642        --product-list-default-column-gap: 16px;
2643    }
2644    .wd-products-list.wd-collection-grid product-card.product-card .product-card__image{
2645        width:unset !important;
2646        height:unset !important;
2647        aspect-ratio:410/410;
2648    }
2649    .wd-products-list.wd-collection-grid product-card.product-card button.product-card__quick-add-button{
2650        min-width:65px;
2651        inset-block-end: unset;
2652        inset-inline-end: unset;
2653        right:16px;
2654        bottom:14px;
2655    }
2656    .wd-products-list.wd-collection-grid product-card.product-card button.product-card__sold-out-button,
2657    .wd-products-list.wd-collection-grid product-card.product-card:hover button.product-card__sold-out-button{
2658        width: auto;
2659        max-width: none;
2660        min-width: 65px;
2661        white-space: nowrap;
2662        background: gray;
2663        opacity: 0.7 !important;
2664        color: #FFFFFF;
2665        cursor: not-allowed;
2666        pointer-events: none;
2667        transform: none !important;
2668    }
2669    .shopify-section--collection-banner h1 {
2670        text-transform: capitalize;
2671    }
2672    .wd-filter-drawer.drawer::part(content){
2673        width:375px
2674    }
2675    .wd-filter-drawer.drawer::part(close-button tap-area){
2676        opacity: 1;
2677    }
2678    
2679    .wd-filter-drawer .accordion__toggle .icon{
2680        width:10px;
2681        height:6px;
2682        opacity: 1;
2683    }
2684    .wd-filter-drawer.drawer::part(header){
2685        padding: 30px 18px 0px 0;
2686        margin-left: 40%;
2687        margin-right: 0;
2688        border: none;
2689    }
2690    .wd-filter-drawer .h4[slot="header"]{
2691        color: #272E0F;
2692        text-align: center;
2693        font-family: var(--text-font-family);
2694        font-size: 24px;
2695        font-style: normal;
2696        font-weight: 500;
2697        line-height: normal;
2698        text-transform:capitalize;
2699        letter-spacing:normal;
2700    }
2701
2702    .wd-collection-toolbar {
2703        box-shadow: none;
2704        width:100%;
2705        margin:0;
2706        align-items:center;
2707        min-height:unset;
2708        padding:16px 0;
2709        border-top: 1px solid rgba(0, 0, 0, 0.08);
2710    }
2711    .wd-filters-and-products{
2712        gap:21px;
2713    }
2714    .wd-items-count.collection-toolbar__products-count {
2715        margin: 0;
2716        transform: unset !important;
2717        position: unset !important;
2718        color: #595C51;
2719        text-align: center;
2720        font-family: var(--text-font-family);
2721        font-size: 13px;
2722        font-style: normal;
2723        font-weight: 400;
2724        line-height: normal;
2725        letter-spacing: 0.4px;
2726        text-transform: capitalize;
2727        min-width: max-content;
2728    }
2729    .wd-items-countand-quick-filters {
2730        display: flex;
2731        gap: 16px;
2732        justify-content: start;
2733        align-items: center;
2734    }
2735    .wd-quick-filters::-webkit-scrollbar {
2736
2737        display: none; 
2738    }
2739    
2740    .wd-quick-filters {
2741        display: flex;
2742        justify-content: flex-start;
2743        align-items: center;
2744        gap:8px;
2745        overflow-x: hidden;
2746        cursor: grab;
2747        max-width: 100%;
2748    }
2749    .wd-quickFilter {
2750        display: flex;
2751        padding: 6px 13px;
2752        align-items: center;
2753        border-radius: 36px;
2754        background: #fff;
2755        color: #282F10;
2756        text-align: center;
2757        font-family: var(--text-font-family);
2758        font-size: 14px;
2759        font-style: normal;
2760        font-weight: 400;
2761        line-height: normal;
2762        width:max-content !important;
2763        min-width: max-content;
2764        border-radius: 8px;
2765        border: 1px solid #E8DFD4;
2766    }
2767    .wd-filter-button{
2768        background: #fff;
2769        display: flex;
2770        padding: 6px 13px !important;
2771        align-items: center;
2772        gap: 16px;
2773        color: #282F10;
2774        text-align: center;
2775        font-family: var(--text-font-family);
2776        font-size: 14px;
2777        font-style: normal;
2778        font-weight: 400;
2779        line-height: normal;
2780        text-transform: capitalize;
2781        opacity: 1;
2782        letter-spacing: normal;
2783        border-radius: 8px;
2784        border: 1px solid #C2BDB6;
2785        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
2786    }
2787    .collection-toolbar__button-container{
2788        border:0;
2789    }
2790
2791    .wd-collection-toolbar .collection-toolbar__button-list {
2792        gap: 8px;
2793    }
2794
2795    .wd-filter-button-count{
2796        display: grid;
2797        width: 17px;
2798        height: 17px;
2799        padding: 4px;
2800        flex-direction: column;
2801        justify-content: center;
2802        align-items: end;
2803        gap: 4px;border-radius: 60px;
2804        background: #272E0F;
2805        color: #F9FAF7;
2806        text-align: center;
2807        font-family: var(--text-font-family);
2808        font-size: 10px;
2809        font-style: normal;
2810        font-weight: 500;
2811        line-height: normal;
2812        letter-spacing: 0px;
2813        place-content: center;
2814    }
2815    .wd-sort-button{
2816            display: flex;
2817            padding: 6px 13px;
2818            align-items: center;
2819            gap: 16px;
2820            border-radius: 36px;
2821            background: #fff;
2822            color: #282F10;
2823            text-align: center;
2824            font-family: var(--text-font-family);
2825            font-size: 14px;
2826            font-style: normal;
2827            font-weight: 400;
2828            line-height: normal;
2829            text-transform: unset;
2830            opacity: 1;
2831            padding-inline: 13px !important;
2832            margin-inline-start: 0;
2833            margin-inline-end: 0;
2834            letter-spacing: normal;
2835            border-radius: 8px;
2836            border: 1px solid #C2BDB6;
2837            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
2838    }
2839    .wd-active-sort{
2840        color: #282F10;
2841        font-family: var(--text-font-family);
2842        font-size: 14px;
2843        font-style: normal;
2844        font-weight: 400;
2845        line-height: normal;
2846        text-transform: capitalize;
2847        letter-spacing: normal;
2848        margin-inline-start: 5px;
2849    }
2850    .wd-sort-button-elements-wrapper{
2851        gap:16px;
2852    }
2853    .wd-sort-options-menu.popover:has(.popover__value-list)::part(body){
2854        padding:24px;
2855    }
2856    .wd-sort-options-menu .popover__value-list{
2857        gap:24px;
2858    }
2859    .wd-sort-option-input{
2860        accent-color:#7D8F3E;
2861        width:24px;
2862        height:24px;
2863    }
2864    .wd-sort-option-button {
2865        display: flex;
2866        justify-content: flex-start;
2867        align-items: center;
2868        gap: 25px;
2869    }
2870    .wd-sort-option-button:not([aria-selected="true"]){
2871        color: #333;
2872        font-family: var(--text-font-family);
2873        font-size: 16px;
2874        font-style: normal;
2875        font-weight: 400;
2876        line-height: normal;
2877        letter-spacing: 0.2px;
2878    }
2879    .wd-sort-option-button[aria-selected="true"]{
2880        color: #000;
2881        font-family: var(--text-font-family);
2882        font-size: 16px;
2883        font-style: normal;
2884        font-weight: 500;
2885        line-height: normal;
2886        letter-spacing: 0.2px;
2887    }
2888    .wd-filter-drawer.drawer::part(body){
2889        padding:51px 25px 0px 28px;
2890    }
2891    .wd-filter-drawer .wd-svg-number-wrapper{
2892        display: flex;
2893        justify-content: end;
2894        align-items: center;
2895        flex-direction: row-reverse;
2896        gap: 8px;
2897
2898    }
2899    .wd-filter-drawer .wd-svg-number-wrapper .wd-active-filter-count{
2900        color: #333;
2901        font-family: var(--text-font-family);
2902        font-size: 15px;
2903        font-style: normal;
2904        font-weight: 500;
2905        line-height: normal;
2906        letter-spacing: 0.188px;
2907        display: flex;
2908        padding: 2px 8px;
2909        flex-direction: column;
2910        justify-content: center;
2911        align-items: center;
2912        gap: 4px;
2913        border-radius: 24px;
2914        background: #E8E9E2;
2915    }
2916    .wd-filter-drawer .facets .accordion-list .accordion:first-child .accordion__toggle{
2917        padding-bottom:24px
2918    }
2919    .wd-filter-drawer  .accordion__toggle{
2920        padding:24px 0
2921    }
2922    .wd-filter-drawer .accordion__content{
2923        margin-bottom: 16px;
2924    }
2925
2926    .wd-filter-drawer .accordion__toggle .text-with-icon {
2927        color: #272E0F;
2928        font-family: var(--text-font-family);
2929        font-size: 16px;
2930        font-style: normal;
2931        font-weight: 400;
2932        line-height: normal;
2933        letter-spacing: normal;
2934        text-transform: capitalize;
2935    }
2936    .wd-filter-drawer .accordion.group[aria-expanded="true"]  .accordion__toggle .text-with-icon{
2937        font-weight: 500;
2938
2939
2940    }
2941    .wd-filter-drawer.drawer::part(footer){
2942        box-sizing:border-box;
2943    }
2944    
2945    .wd-filter-drawer div[slot="footer"] .facets-clear-all,
2946    .collection__main .facets-clear-all,
2947    .collection__main .removable-facet{
2948        display:none
2949    }
2950    .collection__main{
2951        row-gap: unset;
2952    }
2953    .wd-filter-drawer div[slot="footer"] .removable-facet{
2954    
2955        display: flex;
2956        flex-direction:row-reverse;
2957        padding: 6px var(--spacing-small-400, 5px);
2958        align-items: center;
2959        gap: 16px;
2960        border-radius: var(--size-100, 4px);
2961        background: #E8E9E2;
2962        color: #282F10;
2963        text-align: center;
2964        font-family: var(--text-font-family);
2965        font-size: 13px;
2966        font-style: normal;
2967        font-weight: 500;
2968        line-height: normal;
2969    }
2970
2971    
2972    .wd-filter-drawer .button[is="dialog-close-button"],
2973    .wd-filter-drawer .button[is="dialog-close-button"]:hover{
2974        display: inline-flex;
2975        padding: 9px 25px;
2976        justify-content: center;
2977        align-items: center;
2978        gap: 4px;
2979        border-radius: 36px;
2980        border: 1px solid rgba(255, 255, 255, 0.12);
2981        background: #245732;
2982        box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
2983        color: var(--control-background, #FFF);
2984        font-family: Figtree;
2985        font-size: 13px;
2986        font-style: normal;
2987        font-weight: 500;
2988        line-height: normal;
2989        text-transform: uppercase;
2990        opacity: 1;
2991    }
2992    .wd-filter-drawer .accordion__content  .checkbox-control label{
2993        color: #272E0F;
2994        font-family: var(--text-font-family);
2995        font-size: 16px;
2996        font-style: normal;
2997        font-weight: 400;
2998        line-height: normal;
2999        opacity:1;
3000    }
3001    .wd-filters-wrapper{
3002        display:flex;
3003        justify-content:start;
3004        align-items:center;
3005        gap:22px;
3006    }
3007    .wd-filters-wrapper label span.wd-filter-amount{
3008        display:none;
3009    }
3010    .wd-filters-wrapper input{
3011        width:24px;
3012        height:24px;
3013        position:unset;
3014        border-radius:4px;
3015    }
3016    .wd-filters-wrapper input:checked{
3017        background-size:16px 14px;
3018    }
3019    .wd-filter-drawer div[slot="footer"] {
3020        display: flex;
3021        gap: 19px;
3022        flex-direction: column-reverse;
3023    }
3024    .badge--custom{
3025        color: #DBE3BF;
3026        text-align: center;
3027        font-family: var(--text-font-family);
3028        font-size: 12px;
3029        font-style: normal;
3030        font-weight: 500;
3031        line-height: normal;
3032        display: inline-flex;
3033        padding: 4px;
3034        justify-content: center;
3035        align-items: center;
3036        gap: 4px;
3037        background: #272E0F;
3038    }
3039    .badge--on-sale{
3040        display: inline-flex;
3041        padding: 4px;
3042        justify-content: center;
3043        align-items: center;
3044        gap: 4px;
3045        background: var(--control-background, #FFF);
3046        color: #F9AFC5;
3047        text-align: center;
3048        font-family: var(--text-font-family);
3049        font-size: 12px;
3050        font-style: normal;
3051        font-weight: 500;
3052        line-height: normal;
3053    }
3054    .wd-default-price-filter{
3055            --range-min:0% !important;
3056            --range-max:100% !important;
3057        }
3058
3059
3060    @media screen and (min-width:768px){
3061        .wd-mobile,
3062    .wd-mobile-divider,
3063    .wd-mobile-sort,
3064    .wd-mobile-sort-popup{
3065        display: none;
3066    }
3067
3068    }
3069    @media screen and (max-width:768px){
3070        .wd-collection-banner-content-wrapper{
3071            padding: 20px 0 32px 0;
3072        }
3073        .wd-collection-grid.wd-products-list product-card.product-card{
3074            min-height:unset !important;
3075            max-height:unset !important;
3076            aspect-ratio: 163 / 252;
3077        }
3078        .wd-products-list.wd-collection-grid{
3079            column-gap:5px;
3080            row-gap:5px;
3081            --product-list-default-row-gap: 5px;
3082            --product-list-default-column-gap: 5px;
3083        }
3084
3085      
3086        .wd-products-list.wd-collection-grid product-card.product-card .product-card__image{
3087            width:unset !important;
3088            height:unset !important;
3089            aspect-ratio:155/155;
3090        }
3091
3092        .wd-products-list.wd-collection-grid product-card.product-card button.product-card__quick-add-button{
3093            display: inline-flex;
3094            padding: 4px;
3095            width: 26px !important;
3096            height: 26px !important;
3097            min-width: 24px;
3098            max-width: 26px;
3099            align-items: center;
3100            justify-content: center;
3101            border-radius: 18px;
3102            border: 1px solid rgba(176, 189, 197, 0.50);
3103            background: var(--control-background, #FFF);
3104            box-shadow: 0px 0px 2px 0px rgba(58, 72, 80, 0.10), 0px 6px 12px 0px rgba(176, 189, 197, 0.14);
3105            inset-block-end: unset;
3106            inset-inline-end: unset;
3107            right:4px;
3108            bottom:4px;
3109        }
3110        .wd-products-list.wd-collection-grid product-card.product-card button.product-card__sold-out-button,
3111        .wd-products-list.wd-collection-grid product-card.product-card:hover button.product-card__sold-out-button{
3112            width: auto !important;
3113            max-width: calc(100% - 8px);
3114            min-width: unset;
3115            height: auto !important;
3116            padding: 4px 6px;
3117            font-size: 10px;
3118            white-space: nowrap;
3119            background: gray;
3120            opacity: 0.7 !important;
3121            color: #FFFFFF;
3122            cursor: not-allowed;
3123            pointer-events: none;
3124            transform: none !important;
3125        }
3126        .wd-products-list.wd-collection-grid product-card.product-card{
3127            padding:0;
3128        }
3129        .wd-products-list.wd-collection-grid product-card.product-card .product-title{
3130            white-space: normal;
3131        }
3132        .wd-products-list.wd-collection-grid.product-list:not(.product-list--carousel){
3133            margin-inline:0; 
3134        }
3135        .shopify-section--collection-banner{
3136            min-height: 30px;
3137        }
3138        .wd-filters-and-products{
3139            gap: 23px;
3140        }
3141        .wd-collection-toolbar{
3142            padding:16px 16px 0;
3143            position: unset;
3144            gap:16px;
3145            align-items: baseline;
3146            box-sizing: border-box;
3147        }
3148        
3149        .shopify-section--collection-banner .wd-collection-banner-header{
3150            color: #272E0F;
3151            text-align: center;
3152            font-family: var(--text-font-family);
3153            font-size: 24px;
3154            font-style: normal;
3155            font-weight: 500;
3156            line-height: normal;
3157        }
3158        .wd-filter-drawer.drawer::part(content){
3159        max-width:unset !important;
3160        width:100% !important;
3161        }
3162        .wd-filter-button{
3163            background: transparent;
3164            color: #595C51;
3165            font-family: var(--text-font-family);
3166            font-size: 15px;
3167            font-style: normal;
3168            font-weight: 500;
3169            line-height: normal;
3170            text-transform: uppercase;
3171            gap: 9px;
3172            width: max-content;
3173            padding: 0 0 0 8px !important;
3174            border: 0px solid #C2BDB6;
3175            box-shadow: unset;
3176            margin-top: 20px;
3177        }
3178        .wd-filter-button svg{
3179
3180            width: 15px;
3181            height: 10px;
3182        }
3183        .wd-sort-option-button{
3184            letter-spacing: normal !important;
3185            color: #272E0F !important;
3186            font-family: var(--text-font-family) !important;
3187            font-size: 16px !important;
3188            font-style: normal !important;
3189            font-weight: 400 !important;
3190            line-height: normal !important;
3191        }
3192        .wd-filter-drawer .accordion__toggle .text-with-icon {
3193            color: #272E0F;
3194            font-family: var(--text-font-family);
3195            font-size: 16px;
3196            font-style: normal;
3197            font-weight: 400;
3198            line-height: normal;
3199        }
3200        .wd-filter-drawer.drawer::part(header){
3201            padding-top: 33px ;
3202        }
3203        .wd-filter-button-count{
3204            display: none;
3205        }
3206        .active-facets{
3207            max-width: 100vw;
3208            padding-left:  16px;
3209            gap: 6px;
3210            flex-wrap: unset;
3211            overflow-x: scroll;
3212        }
3213        .active-facets::-webkit-scrollbar {
3214
3215            display: none; 
3216        }
3217        .wd-filter-drawer.drawer::part(footer){
3218
3219        padding: 15px 0 28px 0;
3220        }
3221        .wd-filter-drawer .button[is="dialog-close-button"], .wd-filter-drawer .button[is="dialog-close-button"]:hover{
3222            width: max-content;
3223            margin: auto;
3224        }
3225        .wd-collection-page-grid.container{
3226            margin: 0px;
3227        }
3228        .wd-sort-button-elements-wrapper{
3229            gap: unset;
3230            width: 100%;
3231            justify-content: space-between;
3232
3233        }
3234        .wd-sort-button{
3235            margin-right: unset;
3236            margin-top: 20px;
3237            padding: 0px;
3238            border: 0px solid #C2BDB6;
3239            box-shadow: unset;
3240        }
3241        .wd-quick-filters{
3242            gap:4px;
3243            padding-right: 17px;
3244        }
3245        .wd-items-countand-quick-filters{
3246            max-width:calc(100% - 136px)
3247        }
3248        .wd-desktop,
3249        .wd-desktop-sort,
3250        .wd-desktop-sort-popup{
3251            display: none !important;
3252        }
3253        .wd-mobile-sort{
3254            display: flex;
3255            align-items: baseline;
3256            width: 100%;
3257            justify-content: space-between;
3258            padding-inline: 16px;
3259            box-sizing: border-box;
3260        }
3261        .collection-toolbar__button-container.wd-mobile-sort .wd-sort-button {
3262            width: max-content;
3263            background-color: unset;
3264        }
3265        .collection-toolbar__button-container.wd-mobile-sort .wd-sort-button span {
3266            gap: 6px;
3267            color: #595C51;
3268            font-family: var(--text-font-family);
3269            font-size: 15px;
3270            font-style: normal;
3271            font-weight: 500;
3272            line-height: normal;
3273            text-transform: capitalize;
3274            align-items: center;
3275        }
3276        .collection-toolbar__button-container.wd-mobile-sort .wd-sort-button span svg {
3277            margin-top: 0.5px;
3278        }
3279        .wd-mobile-divider {
3280        min-width: 2px;
3281        height: 10px;
3282        border-radius: 1px;
3283        display: block;
3284        background: #E8E9E2;
3285        color: transparent;
3286    }
3287    .wd-quickFilter{
3288        color: #272E0F;
3289        font-family: var(--text-font-family);
3290        font-size: 12px;
3291        font-style: normal;
3292        font-weight: 400;
3293        line-height: normal;
3294        letter-spacing: 0.12px;
3295        text-transform: capitalize;
3296        border-radius: 32px;
3297        background: #fff;
3298        box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.00), 0px 0px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.09);
3299        display: flex;
3300        padding: var(--spacing-small-400, 5px) 8px;
3301        justify-content: center;
3302        align-items: center;
3303        gap: 4px;
3304        border-radius: 8px;
3305        border: 1px solid var(--warm-gray, #E8DFD4);
3306    }
3307    .removable-facet a{
3308        width: 8px;
3309        height: 8px;
3310    }
3311    .removable-facet span{
3312        width: max-content;
3313
3314    }
3315    .collection-toolbar__button-list{
3316        flex-grow: 0;
3317    }
3318
3319
3320
3321    }
3322
3323    /* Predictive search: collection-style product cards, no quick-add */
3324    .predictive-search__products.product-list.wd-products-list.wd-collection-grid {
3325        --product-list-items-per-row: 2;
3326        align-items: start;
3327        gap: 5px;
3328    }
3329
3330    .predictive-search__products.product-list.wd-products-list.wd-collection-grid .product-card__quick-add-button {
3331        display: none !important;
3332    }
3333
3334    @media screen and (max-width: 999px) {
3335        .predictive-search__products.product-list.wd-products-list.wd-collection-grid {
3336            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
3337        }
3338    }
3339
3340</style>
3341
3342
3343<style data-shopify>
3344  .sub-checkbox {
3345    background: url(https://cdn.shopify.com/s/files/1/0864/6741/2261/files/radio_btn.svg?v=1738072943);
3346    background-size: contain;
3347    border: 0 !important;  
3348  }
3349
3350    span.badge-when-no-cart-discount {
3351    font-family: var(--text-font-family);
3352    font-size: 11px;
3353    font-style: normal;
3354    font-weight: 500;
3355    line-height: normal;
3356    letter-spacing: normal;
3357    background: #cb0050;
3358    padding: 2px 4px;
3359    color: #fff;
3360    border-radius: 5px;
3361}
3362  
3363  .line_item_subscribe p {
3364    color: #A1A1A1;
3365    text-align: right;
3366    font-family: var(--text-font-family);
3367    font-size: 13px;
3368    font-style: normal;
3369    font-weight: 500;
3370    line-height: normal;
3371    letter-spacing: 0.13px;
3372   }
3373  
3374  .line_item_subscribe {
3375    display: grid;
3376    grid-template-columns: 23px auto;
3377    align-items: start;
3378    gap: 5px;
3379    margin-top: 8px;
3380    border-radius: 0px ;
3381    display: none;
3382  
3383    background: linear-gradient(0deg, var(--cream, #FFF8F1) 0%, rgba(249, 250, 247, 0.00) 100%);
3384    padding: 0 8px 8px;
3385    cursor: pointer;
3386   }
3387  
3388  .line_item_subscribe div { 
3389    width: 19px;
3390    height: 19px;
3391    border: 1px solid #878787;
3392    border-radius: 15px;
3393    margin-left: 3px;
3394  }
3395  
3396  .line-item-wrapper {
3397    border-radius: 16px;
3398    border: 1px solid #D4D4D4;
3399    background: #FFF;
3400    max-width: 100%;
3401    overflow: hidden;
3402    flex-shrink: 0;
3403    min-height: min-content;
3404  }
3405  
3406  #cart-drawer .selling-plan-name {
3407    font-family: var(--text-font-family);
3408    font-size: 11px;
3409    padding-bottom: 10px;
3410    margin-top: -5px;
3411  }
3412
3413 #cart-drawer .selling-plan-name.tbyb {
3414    background: #F9004F;
3415    color: #fff;
3416    font-weight: 500;
3417    padding: 2px 3px;
3418    border-radius: 5px;
3419    font-size: 10px;
3420    margin-bottom: 10px;
3421    padding-bottom: 2px;
3422  }
3423  
3424  .cart-drawer__items .line-item-info .discount-badge  {
3425        border-radius: 4px;
3426        font-family: var(--text-font-family);
3427        font-weight: 500;
3428        font-size: 10px !important;
3429  }
3430  
3431  .cart-drawer__items .line-item-info .discount-badge.hide {
3432    display:none
3433  }
3434  .try-cart-note {
3435        font-size: 11px;
3436        font-family: var(--text-font-family);
3437  }
3438
3439  #cart-drawer .line-item-info .price-list,
3440  .line-item-info .price-list {
3441    display: flex;
3442    flex-direction: column;
3443    align-items: flex-start;
3444    gap: 4px;
3445  }
3446
3447  .line-item-info .wd-line-item-price-row,
3448  #cart-drawer .wd-line-item-price-row {
3449    display: flex;
3450    align-items: center;
3451    gap: 5px;
3452  }
3453  
3454  .tbyb-line-item-price {
3455        border-radius: 4px;
3456        background: #CB0050;
3457        display: flex;
3458        padding: 4px 8px;
3459        justify-content: center;
3460        align-items: center;
3461        gap: 4px;
3462        color: #fff;
3463  }
3464
3465  .try-cart-note.hide {
3466        display:none
3467  }
3468  
3469  .try-cart-note-icon , .line-item-price-icon{
3470        display: inline;
3471        width: 13px;
3472        margin-top: -3px;
3473  }
3474
3475  .line-item-price-icon {
3476        margin-top: -3px;
3477  }
3478  
3479  .wd-cart-line_item-title{
3480        color: #272E0F;
3481        font-family: var(--text-font-family);
3482        font-size: 14px;
3483        font-style: normal;
3484        font-weight: 500;
3485        line-height: normal;
3486        letter-spacing: 0.14px;
3487        width:162px;
3488        text-transform: capitalize;
3489    }
3490  
3491    .wd-real-remove-from-cart{
3492        display:none;
3493    }
3494    #cart-drawer.cart-drawer::part(content) {
3495        grid-auto-rows: auto auto minmax(0, 1fr) auto;
3496    }
3497
3498    #cart-drawer.cart-drawer::part(club-strip) {
3499        display: block;
3500    }
3501
3502    #cart-drawer .cart-drawer-club-strip {
3503        display: flex;
3504        align-items: center;
3505        justify-content: center;
3506        gap: 8px;
3507        padding: 10px 16px;
3508        background: var(--light-green, #F2F8F5);
3509        border-bottom: 1px solid var(--botanical, #00772F);
3510        direction: rtl;
3511    }
3512
3513    #cart-drawer .cart-drawer-club-strip__dot {
3514        flex-shrink: 0;
3515        width: 7px;
3516        height: 7px;
3517        border-radius: 50%;
3518        background: var(--botanical, #00772F);
3519    }
3520
3521    #cart-drawer .cart-drawer-club-strip__text {
3522        margin: 0;
3523        font-family: var(--text-font-family);
3524        font-size: 12px;
3525        line-height: normal;
3526        color: var(--forest, #1E351A);
3527        text-align: right;
3528        white-space: nowrap;
3529        direction: rtl;
3530    }
3531
3532    #cart-drawer .cart-drawer-club-strip__regular {
3533        font-weight: 400;
3534    }
3535
3536    #cart-drawer .cart-drawer-club-strip__points {
3537        color: var(--botanical, #00772F);
3538        font-weight: 500;
3539    }
3540
3541    #cart-drawer .cart-drawer-club-strip__link {
3542        flex-shrink: 0;
3543        font-family: var(--text-font-family);
3544        font-size: 12px;
3545        font-weight: 500;
3546        line-height: normal;
3547        color: var(--forest, #1E351A);
3548        text-decoration: underline;
3549        text-underline-position: from-font;
3550        white-space: nowrap;
3551        padding: 0;
3552        border: 0;
3553        background: none;
3554        cursor: pointer;
3555        appearance: none;
3556    }
3557
3558    #cart-drawer.cart-drawer::part(body) {
3559        padding-right: 16px;
3560        padding-left: 16px;
3561        box-sizing: border-box;
3562    }
3563
3564    #cart-drawer.drawer::part(header){
3565        padding:16px;
3566        border:none;
3567        position:relative;
3568        display:flex;
3569        align-items:center;
3570        justify-content:center;
3571    }
3572    #cart-drawer .h4[slot="header"]{
3573        color: #272E0F;
3574        text-align: center;
3575        font-family: var(--text-font-family) !important;
3576        font-size: 18px  !important;
3577        font-style: normal !important;
3578        font-weight: 700 !important;
3579        line-height: normal !important;
3580        letter-spacing: 0.327px !important;
3581        text-transform: capitalize;
3582        position:absolute;
3583        top:50%;
3584        left:50%;
3585        transform:translate(-50%, -50%);
3586        margin:0;
3587    }
3588    #cart-drawer.drawer::part(close-button){
3589        position:absolute;
3590        top:50%;
3591        right:16px;
3592        transform:translateY(-50%);
3593    }
3594    #cart-drawer line-item.line-item{
3595        justify-content: flex-start;
3596        column-gap: 12px;
3597        position: relative;
3598        align-items: start;
3599        padding: 8px;
3600    }
3601    #cart-drawer line-item.line-item .line-item__media{
3602        border-radius: 8px;
3603        background: url(<path-to-image>) lightgray 50% / cover no-repeat;
3604        mix-blend-mode: multiply;
3605    }
3606    #cart-drawer line-item.line-item .line-item-info{
3607        width:100%;
3608        height: auto;
3609        padding: 0px;
3610    }
3611    #cart-drawer line-item.line-item .line-item-info .wd-cart-line-item-header{
3612        margin-bottom:10px !important;
3613    }
3614    #cart-drawer line-item.line-item quantity-selector{
3615        width:106px;
3616        height:24px;
3617        border-radius: 24px;
3618        border: 1px solid #E8E9E2;
3619        background: #F9FAF7;
3620        display: flex;
3621        align-items: center;
3622        justify-content:center;
3623        gap: 4px;
3624        padding:5px 8px;
3625        margin-bottom:10px;
3626
3627    }
3628    #cart-drawer line-item.line-item quantity-selector input.quantity-selector__input.text-sm{
3629        color: #272E0F;
3630        text-align: center;
3631        font-family: var(--text-font-family);
3632        font-size: 13px;
3633        font-style: normal;
3634        font-weight: 500;
3635        line-height: 19px; /* 118.75% */
3636    }
3637    #cart-drawer .price-list{
3638        gap: 4px !important;
3639        flex-direction: column !important;
3640        align-items: flex-start !important;
3641    }
3642    #cart-drawer .wd-line-item-price-row {
3643        gap: 5px !important;
3644        align-items: center !important;
3645    }
3646    #cart-drawer .price-list .text-subdued{
3647        color: #A1A1A1 !important;
3648        font-family: var(--text-font-family) !important;
3649        font-size: 13px !important;
3650        font-style: normal !important;
3651        font-weight: 500 !important;
3652        line-height: normal !important;
3653        letter-spacing: normal;
3654    }
3655    #cart-drawer sale-price.h6.text-on-sale {
3656        color: #F9004F;
3657        font-family: var(--text-font-family);
3658        font-size: 13px;
3659        font-style: normal;
3660        font-weight: 500;
3661        line-height: normal;
3662        letter-spacing: normal;
3663    }
3664    #cart-drawer button.button[type="submit"] {
3665     box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
3666    display: flex;
3667    width: 100%;
3668    height: 48px;
3669    padding: 9px 25px;
3670    justify-content: center;
3671    align-items: center;
3672    gap: 4px;
3673    font-weight: 500;
3674    font-family: var(--text-font-family);
3675    border-radius: 8px;
3676    border: 1px solid rgba(255, 255, 255, 0.22);
3677    background: #245732;
3678    }
3679    #cart-drawer button.button[type="submit"]:hover{
3680        color:#FFFFFF !important;
3681    }
3682    #cart-drawer.drawer::part(footer){
3683        padding: 16px 17px 20px 16px;
3684        border-top: 2px solid #E9EAE3;
3685        border: 2px solid #F5F5F5;
3686        background: #FAFAFA;
3687    }
3688    #cart-drawer .wd_drawer_cart_txt_below {
3689        display: flex;
3690        justify-content: center;
3691        width: 100%;
3692        gap:4px
3693    }
3694    #cart-drawer .cart-drawer__footer{
3695
3696        gap:16px;
3697    }
3698    span.wd_drawer_cart_bold_txt {
3699        color: #A1A1A1;
3700        text-align: center;
3701        font-family: var(--text-font-family);
3702        font-size: 12px;
3703        font-style: normal;
3704        font-weight: 500;
3705        line-height: 130%;
3706        letter-spacing: 0.12px;
3707        text-transform: capitalize;
3708    }
3709    span.wd_drawer_cart_normal_txt {
3710        color: #A1A1A1;
3711        font-family: var(--text-font-family);
3712        font-size: 12px;
3713        font-style: normal;
3714        font-weight: 500;
3715        line-height: 130%;
3716        letter-spacing: 0.12px;
3717        text-transform: capitalize;
3718    }
3719    .wd_drawer_cart_subtotal_wrapper {
3720        width: 100%;
3721        display: flex;
3722        justify-content: space-between;
3723        align-items: center;
3724        gap: 8px;
3725        margin-bottom:13px;
3726    }
3727    span.wd_drawer_cart_subtotal_txt {
3728      color: #272E0F;
3729      font-family: var(--text-font-family);
3730      font-size: 14px;
3731      font-style: normal;
3732      font-weight: 500;
3733      line-height: normal;
3734      letter-spacing: 0;
3735      text-transform: uppercase;
3736    }
3737    .wd_drawer_cart_subtotal_prices_wrapper {
3738        display: flex;
3739        justify-content: center;
3740        align-items: center;
3741        gap: 5px;
3742    }
3743    span.wd_drawer_cart_subtotal_compareAtPrice {
3744      color: #A1A1A1;
3745      font-family: var(--text-font-family);
3746      font-size: 14px;
3747      font-style: normal;
3748      font-weight: 500;
3749      line-height: normal;
3750      text-decoration-line: line-through;
3751    }
3752    span.wd_drawer_cart_subtotal_finalPrice {
3753      color: #F9004F;
3754      font-family: var(--text-font-family);
3755      font-size: 14px;
3756      font-style: normal;
3757      font-weight: 500;
3758      line-height: normal;
3759    }
3760    #cart-drawer line-item.line-item .line-item__media-wrapper{
3761        width:41%
3762    }
3763    #cart-drawer line-item.line-item .line-item-info{
3764        width:47.5%;
3765    }
3766    #cart-drawer .button-group{
3767
3768        gap:13px;
3769    }
3770    /* Safari collapses grid rows inside overflow scroll — use flex column instead */
3771    #cart-drawer .cart-drawer__items{
3772        display: flex;
3773        flex-direction: column;
3774        align-content: start;
3775        gap:20px;
3776    }
3777    #cart-drawer .wd-fake-remove-btn {
3778      cursor: pointer;
3779    }
3780
3781    /******** CSS for cart page only *******/
3782    
3783
3784    /******** end of CSS for cart page only *******/
3785    @media screen and (max-width: 768px) {
3786        #cart-drawer.drawer::part(content){
3787        max-width:unset !important;
3788        }
3789        #cart-drawer line-item.line-item .line-item__media-wrapper{
3790
3791            width:41%
3792        }
3793        #cart-drawer line-item.line-item .line-item-info{
3794
3795            width:47%;
3796        }
3797        #cart-drawer line-item.line-item .line-item-info .wd-cart-line-item-header{
3798            margin-bottom:10px !important;
3799        }
3800
3801    /******** end of CSS for cart page only *******/
3802           
3803            
3804
3805    /******** end of CSS for cart page only *******/
3806    
3807    }
3808    @media screen and (min-width: 768px) {
3809        :where(#cart-drawer.drawer)::part(close-button){
3810            transform: rotate(180deg);
3811        }
3812        #cart-drawer.drawer::part(content){
3813        max-width:375px !important;
3814    }
3815    }
3816    @media screen and (pointer: fine) and (prefers-reduced-motion: no-preference){
3817
3818
3819    }
3820
3821  /* wedev: line-item spinner → check loader */
3822  @keyframes wd-spinnerRotate {
3823    100% { transform: rotate(360deg); }
3824  }
3825  @keyframes wd-spinnerDash {
3826    0% { stroke-dasharray: 1 200; stroke-dashoffset: 0; }
3827    50% { stroke-dasharray: 89 200; stroke-dashoffset: -35px; }
3828    100% { stroke-dasharray: 89 200; stroke-dashoffset: -124px; }
3829  }
3830
3831  .line-item__media-wrapper {
3832    position: relative;
3833    flex-shrink: 0;
3834    width: 41%;
3835  }
3836
3837  .line-item__media-wrapper .line-item__media,
3838  .line-item__media-wrapper img {
3839    width: 100% !important;
3840  }
3841
3842  .line-item__loader {
3843    background: #fff;
3844    color: #111;
3845    border-radius: 32px;
3846    justify-content: center;
3847    align-items: center;
3848    width: 32px;
3849    height: 32px;
3850    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s ease-in-out;
3851    display: flex;
3852    position: absolute;
3853    top: calc(50% - 16px);
3854    inset-inline-start: calc(50% - 16px);
3855    z-index: 2;
3856  }
3857
3858  .line-item__loader[hidden] {
3859    /* beat theme [hidden]{display:none!important} so scale/opacity can animate out */
3860    display: flex !important;
3861    opacity: 0;
3862    visibility: hidden;
3863    transform: scale(.4);
3864  }
3865
3866  .line-item__loader .spinner svg {
3867    transform-origin: center;
3868    margin: auto;
3869    animation: 2s linear infinite wd-spinnerRotate;
3870  }
3871
3872  .line-item__loader .spinner circle {
3873    animation: 1.5s ease-in-out infinite wd-spinnerDash;
3874  }
3875</style>
3876
3877
3878<style>
3879  .header-sidebar__main-panel {
3880    flex-shrink: 0;
3881    background: transparent;
3882    } 
3883
3884    :where(.modal, .drawer, .popover, .header-search)::part(overlay) {
3885      background: linear-gradient(0deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.07) 100%), rgba(255, 255, 255, 0.05);
3886      backdrop-filter: blur(20.387113571166992px);
3887      -webkit-backdrop-filter: blur(20.387113571166992px);
3888    }
3889
3890   .header-sidebar-search__form-control {
3891      display: flex;
3892      width: 211px;
3893      padding: 7px 8px;
3894      align-items: center;
3895      gap: 12px; 
3896      border-radius: 8px;
3897      border: 0.5px solid var(--Color-Gray-7, #EBEBEB);
3898      background: var(--control-background, #FFF);
3899      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px -1px rgba(0, 0, 0, 0.02);
3900    }
3901
3902    .wd-header-search-icon.wd-search-mobile {
3903      appearance: none;
3904      background: none;
3905      border: 0;
3906      padding: 0;
3907      margin: 0;
3908      font: inherit;
3909      color: inherit;
3910      text-align: start;
3911      cursor: pointer;
3912    }
3913
3914    .header-sidebar-search__form-control .header-search__input {
3915      color: #151515;
3916      font-size: 13px;
3917      font-style: normal;
3918      font-weight: 500;
3919      line-height: 150%;
3920      letter-spacing: 0.13px;
3921      white-space: nowrap;
3922      overflow: hidden;
3923      text-overflow: ellipsis;
3924    }
3925
3926    .header-sidebar-search__form-control .header-search__input::placeholder {
3927      color: #151515;
3928      font-size: 13px;
3929      font-style: normal;
3930      font-weight: 500;
3931      line-height: 150%; 
3932      letter-spacing: 0.13px;
3933    }  
3934
3935  .header-sidebar__my-account .transperent-background { 
3936    background:transparent!important;
3937    color:#272e0f!important;
3938    margin-bottom:10px;
3939    border:1px solid #272e0f
3940    }
3941
3942    .header-sidebar__my-account .transperent-background .my-account-button-text {
3943    color:#272e0f
3944    }
3945
3946   .header-sidebar__icons {
3947      display: flex;
3948      justify-content: space-between;
3949      padding: 12px 16px;
3950      align-items: center;
3951      align-self: stretch;
3952      border-radius: 20px 20px var(--size-0, 0px) var(--size-0, 0px);
3953      background: #F9FAF7;
3954      position: sticky;
3955      position: -webkit-sticky;
3956      top:0;
3957      z-index: 100;
3958    }
3959
3960  .header-sidebar__linklist-item {
3961    display: flex;
3962    justify-content: space-between;
3963    align-items: center;
3964    align-self: stretch;
3965  }
3966
3967  .menu-icon-arrow {
3968    display: flex;
3969    width: 16px;
3970    height: 16px;
3971    justify-content: center;
3972    align-items: center;
3973  }
3974  
3975  .menu-image {
3976    width: 60px;
3977    height: 60px; 
3978    border-radius: 8px;
3979    object-fit: cover;
3980    background: url(<path-to-image>) lightgray 50% / cover no-repeat;
3981  }
3982
3983  .menu-text {
3984    color: #595C51;
3985    font-family: var(--text-font-family);
3986    font-size: 14px;
3987    font-style: normal;
3988    font-weight: 500;
3989    line-height: 150%; /* 21px */
3990    letter-spacing: 0.14px;
3991    text-transform: uppercase;
3992    flex-grow: 1;
3993  }
3994
3995  .header-search__form-sidebar {
3996    display: flex;
3997    width: 195px;
3998    padding: 7px 8px;
3999    align-items: center;
4000    gap: 12px;
4001    border-radius: 8px;
4002    border: 0.5px solid var(--Color-Gray-7, #EBEBEB);
4003    background: var(--control-background, #FFF);
4004    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 4px 4px -1px rgba(0, 0, 0, 0.02);
4005  }
4006
4007  .header-sidebar__my-account {
4008    display: flex;
4009    padding: 20px;
4010    flex-direction: column;
4011    align-items: flex-start;
4012    border-radius: 20px;
4013    border: 1px solid rgba(0, 0, 0, 0.02);
4014    background: #F9FAF7;
4015    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.47);
4016    margin-bottom: 12px;
4017  }
4018  
4019  .my-account-title {
4020    align-self: stretch;
4021    color: #272E0F;
4022    font-family: var(--text-font-family);
4023    font-size: 18px;
4024    font-style: normal;
4025    font-weight: 500;
4026    line-height: 130%; /* 23.4px */
4027    letter-spacing: 0.18px;
4028    text-transform: uppercase;
4029    padding-bottom: 10px;
4030  }
4031
4032  .my-account-text-above-button {
4033    width: 297px;
4034    color: #272E0F;
4035    font-family: var(--text-font-family);
4036    font-size: 14px;
4037    font-style: normal;
4038    font-weight: 400;
4039    line-height: 150%; /* 21px */
4040    letter-spacing: 0.25px;
4041    padding-bottom: 20px;
4042  }
4043
4044  .my-account-text-below-wrapper {
4045    padding-top: 20px;
4046  }
4047
4048  .my-account-button {
4049    display: flex;
4050    width: 100%;
4051    height: 48px;
4052    padding: 9px 25px;
4053    justify-content: center;
4054    align-items: center;
4055    gap: 4px;
4056    border-radius: 36px;
4057    border: 1px solid rgba(255, 255, 255, 0.12);
4058    background: #272E0F;
4059    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
4060  }
4061
4062  .my-account-button-text {
4063    color: var(--control-background, #FFF);
4064    font-size: 14px;
4065    font-style: normal;
4066    font-weight: 400;
4067    line-height: normal;
4068    text-transform: uppercase;
4069  }
4070
4071  .my-account-text-below-button {
4072    color: #878787;
4073    text-align: right;
4074    font-family: var(--text-font-family);
4075    font-size: 14px;
4076    font-style: normal;
4077    font-weight: 500;
4078    line-height: normal;
4079  }
4080
4081  .my-account-link-below-button {
4082    color: #272E0F;
4083    font-family: var(--text-font-family);
4084    font-size: 14px;
4085    font-style: normal;
4086    font-weight: 500;
4087    line-height: normal;
4088    text-decoration-line: underline;
4089    background: none;
4090    border: none;
4091    padding: 0;
4092    cursor: pointer;
4093  }
4094
4095  .header-sidebar__customer-info-section {
4096    display: flex;
4097    flex-shrink: 0;
4098    flex-direction: column;
4099    border-radius: 20px;
4100    border: 1px solid rgba(0, 0, 0, 0.02);
4101    background: #F9FAF7;
4102    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.47);
4103  }
4104
4105  .header-sidebar__customer-info-section-content {
4106    display: flex;
4107    width: 100%;
4108    flex-direction: column;
4109    align-items: flex-start;
4110    gap: 22px;
4111    padding-right: 32px;
4112    padding-top: 32px;
4113    padding-bottom: 32px;
4114  }
4115
4116  .customer-info-item {
4117    display: flex;
4118    width: 100%;
4119    flex-direction: row;
4120    align-items: center;
4121    gap: 22px;
4122  }
4123
4124  .customer-info-item-icon {
4125    flex-shrink: 0;
4126    display: flex;
4127    justify-content: center;
4128    align-items: center;
4129  }
4130
4131  .customer-info-item-link {
4132    color: #878787;
4133    font-family: var(--text-font-family);
4134    font-size: 13px;
4135    font-style: normal;
4136    font-weight: 500;
4137    line-height: 150%; /* 19.5px */
4138    letter-spacing: 0.13px;
4139    text-transform: uppercase;
4140  }
4141
4142  button.customer-info-item-link {
4143    padding: 0;
4144    border: 0;
4145    background: none;
4146    cursor: pointer;
4147    text-align: inherit;
4148    appearance: none;
4149  }
4150
4151	  .header-sidebar__scroller {
4152	    flex-shrink: 0;
4153	    background: transparent;
4154	    padding-right: 7px;
4155	    padding-left: 1px;
4156	    height: auto;
4157	    overflow-y: auto;
4158	  }
4159
4160	  @media screen and (max-width: 999px) {
4161	    #sidebar-menu.header-sidebar::part(content) {
4162	      height: calc(100vh - 65px);
4163	      height: calc(100dvh - 65px);
4164	    }
4165	  }
4166
4167	  @media screen and (max-width: 699px) {
4168	    #sidebar-menu.header-sidebar::part(content) {
4169	      background-color: transparent;
4170	      width: min(calc(100% - 32px), 25rem);
4171	      max-width: min(calc(100% - 32px), 25rem);
4172	      margin-inline: auto;
4173	      margin-top: 65px;
4174	      overflow-y: auto;
4175	      -ms-overflow-style: none;
4176	      scrollbar-width: none;
4177	      transform: none;
4178	    }
4179
4180	    #sidebar-menu .header-sidebar__scroller {
4181	      padding-inline: 0;
4182	    }
4183	  }
4184	
4185	  .header-sidebar__nested-linklist {
4186    display: flex;
4187    padding: 16px;
4188    flex-direction: column;
4189    align-items: flex-start;
4190    gap: 24px;
4191    align-self: stretch;
4192    border-radius: var(--size-0, 0px) var(--size-0, 0px) 8px 8px;
4193    background: #EEEFE8;
4194    border-inline-start-width:0;
4195    margin-inline-start: 0;
4196    margin-block: 8px;
4197  }
4198
4199  .header-sidebar__linklist.divide-y .header-sidebar__nested-linklist {
4200    margin-block-end:0;
4201  }
4202
4203  .link-faded-reverse {
4204    color: #272E0F;
4205    font-family: var(--text-font-family);
4206    font-size: 14px;
4207    font-style: normal;
4208    font-weight: 500;
4209    line-height: 150%; /* 21px */
4210    letter-spacing: 0.14px;
4211    text-transform: uppercase;
4212  }
4213
4214  .header-sidebar__back-button.link-faded {
4215    display: flex;
4216    justify-content: center;
4217    align-items: center;
4218    gap: 4px;
4219    align-self: stretch;
4220    border-radius: 20px 20px var(--size-0, 0px) var(--size-0, 0px);
4221    border: 1px solid rgba(0, 0, 0, 0.02);
4222    background: #F9FAF7;
4223    margin-bottom: 0;
4224    padding: 12.82px 20px 12.81px 20px;
4225    position: sticky;
4226    top: 0;
4227    z-index: 100;
4228  }
4229
4230  .header-sidebar__linklist.divide-y.unstyled-list {
4231    padding: 16px;
4232    flex-direction: column;
4233    align-items: flex-start;
4234    gap: 8px;
4235    align-self: stretch;
4236    border-radius: var(--size-0, 0px) var(--size-0, 0px) 20px 20px;
4237    border: 1px solid rgba(0, 0, 0, 0.02);
4238    background: #F9FAF7;
4239    box-shadow: none;
4240    margin-bottom: 12px;
4241    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.47);
4242  }
4243
4244  .header-sidebar__linklist.divide-y.unstyled-list li {
4245    border-bottom: none;
4246  }
4247
4248  .divide-y > * + * {
4249    border-top: none !important;
4250  }
4251
4252  .header-sidebar::part(content) {
4253    background-color:transparent;
4254    margin-top: 65px;
4255    overflow-y: auto;
4256    -ms-overflow-style: none !important;
4257    scrollbar-width: none !important;
4258    height: 100vh; 
4259  }
4260
4261  @media screen and (min-width: 700px) {
4262    .header-sidebar::part(content) {
4263      width: 90vw;
4264      max-width: 90vw;
4265      margin-left: 5vw;
4266      margin-right: 5vw;
4267      transform: none;
4268    }
4269  }
4270
4271  .header-sidebar__collapsible-panel {
4272    background-color: transparent;
4273    width: 100%;
4274    max-width: 100%;
4275    height: 100%;
4276    margin: 0;
4277    inset-inline: 0;
4278    inset-block-start: 0;
4279    left: 0;
4280    right: 0;
4281    overflow-x: hidden;
4282  }
4283
4284  .header-sidebar__collapsible-panel[open] {
4285    z-index: 1;
4286  }
4287
4288  /* YVES-449: keep both panels on the same centered frame; solid cover so main never shows through */
4289  @media screen and (max-width: 999px) {
4290    #sidebar-menu::part(panel-list) {
4291      position: relative;
4292      width: 100%;
4293      overflow: hidden;
4294    }
4295
4296    #sidebar-menu .header-sidebar__main-panel,
4297    #sidebar-menu .header-sidebar__collapsible-panel {
4298      width: 100% !important;
4299      max-width: 100% !important;
4300      box-sizing: border-box;
4301    }
4302
4303    #sidebar-menu .header-sidebar__collapsible-panel[open] {
4304      background: transparent;
4305    }
4306
4307    #sidebar-menu .header-sidebar__sub-panel:not([hidden]) {
4308      border-radius: 20px;
4309      overflow: hidden;
4310      background: #F9FAF7;
4311      box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.47);
4312      margin-bottom: 12px;
4313    }
4314
4315    #sidebar-menu .header-sidebar__sub-panel .header-sidebar__back-button.link-faded {
4316      border-radius: 20px 20px 0 0;
4317      box-shadow: none;
4318    }
4319
4320    #sidebar-menu .header-sidebar__sub-panel .header-sidebar__linklist.divide-y.unstyled-list {
4321      border-radius: 0 0 20px 20px;
4322      margin-bottom: 0;
4323      box-shadow: none;
4324    }
4325  }
4326
4327  .wd-arrow-icon{
4328    position: absolute;
4329    right: 16px;
4330    top: 10px;
4331  }
4332
4333  .wd-cart-with-dot {
4334    margin-top: 3px;
4335  }
4336
4337  .header-sidebar__linklist.divide-y .header-sidebar__linklist-button {
4338    padding-block-start: 8px; 
4339    padding-block-end: 0; 
4340    display: flex;
4341    justify-content: space-between;
4342    align-items: center;
4343  }
4344
4345  .header-sidebar__linklist-button {
4346    display: flex;
4347    justify-content: space-between;
4348    align-items: center;
4349    gap: 8px;
4350  }
4351
4352  .header-sidebar__main-panel,
4353  .header-sidebar::part(content) {
4354    -ms-overflow-style: none !important;
4355    scrollbar-width: none !important;
4356  }
4357
4358  .header-sidebar__main-panel::-webkit-scrollbar,
4359  .header-sidebar::part(content)::-webkit-scrollbar {
4360    display: none !important;
4361    width: 0 !important;
4362    height: 0 !important;
4363  }
4364
4365  @media screen and (max-width: 999px) {
4366    #sidebar-menu.header-sidebar::part(content),
4367    #sidebar-menu .header-sidebar__main-panel,
4368    #sidebar-menu .header-sidebar__collapsible-panel,
4369    #sidebar-menu .header-sidebar__scroller {
4370      -ms-overflow-style: none !important;
4371      scrollbar-width: none !important;
4372    }
4373
4374    #sidebar-menu.header-sidebar::part(content)::-webkit-scrollbar,
4375    #sidebar-menu .header-sidebar__main-panel::-webkit-scrollbar,
4376    #sidebar-menu .header-sidebar__collapsible-panel::-webkit-scrollbar,
4377    #sidebar-menu .header-sidebar__scroller::-webkit-scrollbar {
4378      display: none !important;
4379      width: 0 !important;
4380      height: 0 !important;
4381    }
4382  }
4383
4384
4385</style>
4386
4387<script>
4388  (function () {
4389    if (window.__wdHideMenuScrollbar) return;
4390    window.__wdHideMenuScrollbar = true;
4391
4392    var STYLE_ID = 'wd-hide-menu-scrollbar';
4393    var CSS_TEXT =
4394      '[part="content"],[part~="content"],[part="body"],[part~="body"]{' +
4395      'scrollbar-width:none!important;-ms-overflow-style:none!important;}' +
4396      '[part="content"]::-webkit-scrollbar,[part~="content"]::-webkit-scrollbar,' +
4397      '[part="body"]::-webkit-scrollbar,[part~="body"]::-webkit-scrollbar{' +
4398      'display:none!important;width:0!important;height:0!important;}';
4399
4400    function injectInto(root) {
4401      if (!root || root.getElementById(STYLE_ID)) return;
4402      var style = document.createElement('style');
4403      style.id = STYLE_ID;
4404      style.textContent = CSS_TEXT;
4405      root.appendChild(style);
4406    }
4407
4408    function apply() {
4409      var sidebar = document.getElementById('sidebar-menu');
4410      if (!sidebar) return;
4411      if (sidebar.shadowRoot) injectInto(sidebar.shadowRoot);
4412    }
4413
4414    function init() {
4415      apply();
4416      customElements.whenDefined('header-sidebar').then(function () {
4417        apply();
4418        var sidebar = document.getElementById('sidebar-menu');
4419        if (!sidebar) return;
4420        /* Re-apply when the drawer opens (shadow tree may rebuild) */
4421        sidebar.addEventListener('dialog:after-show', apply);
4422        sidebar.addEventListener('open', apply);
4423        var observer = new MutationObserver(apply);
4424        observer.observe(sidebar, { attributes: true, attributeFilter: ['open'] });
4425      });
4426    }
4427
4428    if (document.readyState === 'loading') {
4429      document.addEventListener('DOMContentLoaded', init);
4430    } else {
4431      init();
4432    }
4433  })();
4434</script>
4434
4435
4436<script>
4437  /* YVES-449: Back was revealing the main panel while it was still mid-slide,
4438     so it sat off-center then snapped. Close fully first, then show main centered. */
4439  (function () {
4440    if (window.__wdMenuSlideFix) return;
4441    window.__wdMenuSlideFix = true;
4442
4443    var nativeAnimate = Element.prototype.animate;
4444
4445    function isMobile() {
4446      return window.matchMedia('(max-width: 999px)').matches;
4447    }
4448
4449    function isCategoryAnimTarget(el) {
4450      if (!el || el.nodeType !== 1 || !isMobile()) return false;
4451      if (!el.closest || !el.closest('#sidebar-menu')) return false;
4452      var part = el.getAttribute && el.getAttribute('part');
4453      if (part === 'content' || part === 'overlay') return false;
4454      if (el.matches && el.matches('header-sidebar-collapsible-panel')) return true;
4455      if (
4456        el.classList &&
4457        (el.classList.contains('header-sidebar__main-panel') ||
4458          el.classList.contains('header-sidebar__sub-panel') ||
4459          el.classList.contains('header-sidebar__back-button') ||
4460          el.classList.contains('header-sidebar__footer') ||
4461          el.classList.contains('header-sidebar__promo'))
4462      ) {
4463        return true;
4464      }
4465      return !!(el.tagName === 'LI' && el.closest('#sidebar-menu .header-sidebar__linklist'));
4466    }
4467
4468    function stripSlide(keyframes) {
4469      if (!keyframes) return keyframes;
4470      if (Array.isArray(keyframes)) {
4471        return keyframes.map(function (frame) {
4472          if (!frame || typeof frame !== 'object') return frame;
4473          var copy = {};
4474          for (var key in frame) {
4475            if (!Object.prototype.hasOwnProperty.call(frame, key)) continue;
4476            if (key === 'transform' || key === 'translateX' || key === 'translate' || key === 'x') continue;
4477            copy[key] = frame[key];
4478          }
4479          return copy;
4480        });
4481      }
4482      if (typeof keyframes === 'object') {
4483        var out = {};
4484        for (var prop in keyframes) {
4485          if (!Object.prototype.hasOwnProperty.call(keyframes, prop)) continue;
4486          if (prop === 'transform' || prop === 'translateX' || prop === 'translate' || prop === 'x') continue;
4487          out[prop] = keyframes[prop];
4488        }
4489        return out;
4490      }
4491      return keyframes;
4492    }
4493
4494    function clearMotion(el) {
4495      if (!el) return;
4496      if (el.getAnimations) {
4497        el.getAnimations({ subtree: true }
4497).forEach(function (animation) {
4498          try {
4499            animation.cancel();
4500          } catch (e) {}
4501        });
4502      }
4503      el.style.transform = 'none';
4504      el.style.removeProperty('translate');
4505    }
4506
4507    function clearMobileMainPanelStyles(sidebar) {
4508      var main = sidebar && sidebar.querySelector('.header-sidebar__main-panel');
4509      if (!main) return;
4510      main.style.removeProperty('opacity');
4511      main.style.removeProperty('visibility');
4512      main.style.removeProperty('pointer-events');
4513      main.style.removeProperty('transform');
4514      main.querySelectorAll('.header-sidebar__linklist li, .header-sidebar__footer').forEach(function (el) {
4515        el.style.removeProperty('opacity');
4516        el.style.removeProperty('transform');
4517      });
4518    }
4519
4520    function hideMainPanel(sidebar) {
4521      var main = sidebar && sidebar.querySelector('.header-sidebar__main-panel');
4522      if (!main) return;
4523      clearMotion(main);
4524      main.style.opacity = '0';
4525      main.style.visibility = 'hidden';
4526      main.style.pointerEvents = 'none';
4527    }
4528
4529    function showMainPanel(sidebar) {
4530      var main = sidebar && sidebar.querySelector('.header-sidebar__main-panel');
4531      if (!main) return;
4532
4533      clearMotion(main);
4534      main.style.opacity = '1';
4535      main.style.visibility = '';
4536      main.style.pointerEvents = '';
4537
4538      main.querySelectorAll('.header-sidebar__linklist li, .header-sidebar__footer').forEach(function (el) {
4539        clearMotion(el);
4540        el.style.opacity = '1';
4541      });
4542    }
4543
4544    Element.prototype.animate = function (keyframes, options) {
4545      if (isCategoryAnimTarget(this)) {
4546        keyframes = stripSlide(keyframes);
4547      }
4548      return nativeAnimate.call(this, keyframes, options);
4549    };
4550
4551    function patchCustomElements() {
4552      var SidebarCtor = customElements.get('header-sidebar');
4553      var PanelCtor = customElements.get('header-sidebar-collapsible-panel');
4554      if (!SidebarCtor || !PanelCtor) return false;
4555      if (SidebarCtor.prototype.__wdMenuNavPatched) return true;
4556      SidebarCtor.prototype.__wdMenuNavPatched = true;
4557
4558      var originalReveal = SidebarCtor.prototype.revealItems;
4559      var originalEnter = PanelCtor.prototype.createEnterAnimationControls;
4560      var originalLeave = PanelCtor.prototype.createLeaveAnimationControls;
4561
4562      // Theme calls revealItems() in parallel with hide(). Wait until leave is done, then show main.
4563      SidebarCtor.prototype.revealItems = function () {
4564        if (!isMobile()) {
4565          clearMobileMainPanelStyles(this);
4566          return originalReveal.apply(this, arguments);
4567        }
4568
4569        var sidebar = this;
4570        var panel = sidebar.querySelector('header-sidebar-collapsible-panel');
4571
4572        var finish = function () {
4573          showMainPanel(sidebar);
4574          return Promise.resolve();
4575        };
4576
4577        if (!panel) return finish();
4578
4579        return new Promise(function (resolve) {
4580          var done = false;
4581          var complete = function () {
4582            if (done) return;
4583            done = true;
4584            finish().then(resolve);
4585          };
4586
4587          panel.addEventListener('dialog:after-hide', complete, { once: true });
4588
4589          if (panel.open || panel.hasAttribute('open')) {
4590            panel.hide().catch(function () {});
4591          }
4592
4593          // Fallback if after-hide already fired before we listened.
4594          setTimeout(complete, 280);
4595        });
4596      };
4597
4598      PanelCtor.prototype.createEnterAnimationControls = function () {
4599        if (!isMobile()) {
4600          clearMobileMainPanelStyles(this.closest('header-sidebar'));
4601          return originalEnter.call(this);
4602        }
4603        clearMotion(this);
4604        var sidebar = this.closest('header-sidebar');
4605        hideMainPanel(sidebar);
4606        return this.animate([{ opacity: 0 }, { opacity: 1 }], {
4607          duration: 180,
4608          easing: 'ease',
4609          fill: 'forwards',
4610        });
4611      };
4612
4613      PanelCtor.prototype.createLeaveAnimationControls = function () {
4614        if (!isMobile()) {
4615          clearMobileMainPanelStyles(this.closest('header-sidebar'));
4616          return originalLeave.call(this);
4617        }
4618        clearMotion(this);
4619        return this.animate([{ opacity: 1 }, { opacity: 0 }], {
4620          duration: 160,
4621          easing: 'ease',
4622          fill: 'forwards',
4623        });
4624      };
4625
4626      return true;
4627    }
4628
4629    function init() {
4630      if (!patchCustomElements()) {
4631        Promise.all([
4632          customElements.whenDefined('header-sidebar'),
4633          customElements.whenDefined('header-sidebar-collapsible-panel'),
4634        ]).then(patchCustomElements);
4635      }
4636    }
4637
4638    if (document.readyState === 'loading') {
4639      document.addEventListener('DOMContentLoaded', init);
4640    } else {
4641      init();
4642    }
4643  })();
4644</script>
4644
4645
4646
4647<style>
4648  .product-info__block-item[data-block-type="@app"]:not(:has(.qbk-product-offer)):has(og-offer) {
4649    height: auto;
4650    opacity: 1;
4651  }
4652
4653  .product-info__block-item[data-block-type="@app"]:not(:has(.qbk-product-offer)):has(og-offer) .shopify-block {
4654    display: none;
4655  }
4656
4657  .wd-custom-subscription {
4658    display: flex;
4659    flex-direction: column;
4660    gap: 0px;
4661    margin-top:30px
4662  }
4663
4664  .purchase-option.subscription .custom-radio-button {
4665    border-radius: 8px 8px var(--size-0, 0px) var(--size-0, 0px);
4666  }
4667
4668  .custom-radio-button {
4669    display: flex;
4670    align-items: center;
4671    gap: 12px;
4672    position: relative;
4673    font-family: var(--text-font-family);
4674    font-size: 13px;
4675    font-style: normal;
4676    font-weight: 500;
4677    line-height: 130%;
4678    padding: 12px;
4679  }
4680
4681  .purchase-option.subscription .custom-radio-button {
4682    border-radius: 6px 6px var(--size-0, 0px) var(--size-0, 0px);
4683    background: transparent;
4684    /*box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);*/
4685    color: #000;
4686  }
4687
4688  .purchase-option.subscription {
4689   
4690    border-radius:0 0 12px 12px;
4691    border-bottom: 1px solid #A3A3A3;
4692    border-right: 1px solid #A3A3A3;
4693    border-left: 1px solid #A3A3A3;
4694  }
4695
4696   .purchase-option.one-time {
4697   
4698    border-radius: 12px 12px 0 0 ;
4699    border-top: 1px solid #A3A3A3;
4700    border-right: 1px solid #A3A3A3;
4701    border-left: 1px solid #A3A3A3;
4702    border-bottom: 0px solid #00772F;
4703  }
4704
4705   .purchase-option.one-time:has(input[type="radio"]:checked) {
4706   
4707    border-radius: 12px 12px 0 0 ;
4708    border-top: 1.3px solid #00772F;
4709    border-right: 1.3px solid #00772F;
4710    border-left: 1.3px solid #00772F;
4711    border-bottom: 1.3px solid #00772F;
4712    background: rgba(0, 119, 47, 0.05);
4713  }
4714
4715  .purchase-option.subscription:has(input[type="radio"]:checked) { 
4716     border-radius: 0 0 12px 12px;
4717    border-bottom: 1.3px solid #00772F;
4718    border-right: 1.3px solid #00772F;
4719    border-left: 1.3px solid #00772F;
4720    border-top: 1.3px solid #00772F;
4721    background: linear-gradient(180deg, rgba(0, 119, 47, 0.05) 0%, rgba(255, 255, 255, 0.05) 55.77%, rgba(255, 255, 255, 0.05) 100%);
4722
4723
4724  }
4725
4726  .purchase-option.subscription .custom-radio-button:has(input[type="radio"]:checked) {
4727   /* border-bottom: 1px solid #00772F;
4728    border-right: 1px solid #00772F;
4729    border-left: 1px solid #00772F;*/
4730    /*background: linear-gradient(90deg, #272E0F 0%, #606060 100%);*/
4731    color: #1E351A;
4732  }
4733
4734  .purchase-option.subscription .custom-radio-button:has(input[type="radio"]:checked) .custom-radio {
4735    border: none;
4736  }
4737
4738  .purchase-option.one-time .custom-radio-button {
4739    color: #000000;
4740    border-radius: 12px 12px 0 0 ;
4741    border: 0px solid #A3A3A3;
4742    background: transparent;
4743    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
4744  }
4745
4746  .custom-radio-button input[type="radio"] {
4747    display: none;
4748  }
4749
4750  .custom-radio-button label {
4751    cursor: pointer;
4752  }
4753
4754  .custom-radio {
4755    display: inline-block;
4756    width: 24px;
4757    height: 24px;
4758    border: 1px solid #878787;
4759    border-radius: 50%;
4760    position: relative;
4761    transition: background-color 0.3s ease;
4762  }
4763
4764  .custom-radio::after {
4765    content: "";
4766    position: absolute;
4767    top: 50%;
4768    left: 50%;
4769    width: 24px;
4770    height: 24px;
4771    background-image: url('https://cdn.shopify.com/s/files/1/0864/6741/2261/files/radio_btn_2.svg?v=1775993296');
4772    background-size: contain;
4773    background-repeat: no-repeat;
4774    background-position: center;
4775    border-radius: 50%;
4776    transform: translate(-50%, -50%);
4777    opacity: 0;
4778    transition: opacity 0.3s ease;
4779    border: 1px solid #00772F;
4780  }
4781
4782  .purchase-option.one-time .custom-radio::after {
4783    background-image: url('https://cdn.shopify.com/s/files/1/0864/6741/2261/files/radio_btn_2.svg?v=1775993296');
4784  }
4785
4786  .purchase-option .custom-radio-button input[type="radio"]:checked + .custom-radio::after {
4787    opacity: 1;
4788  }
4789  
4790  .purchase-option .price {
4791    margin-left: auto;
4792    font-size: 14px;
4793    line-height: normal;
4794    text-align: right;
4795  }
4796
4797  .purchase-option .price__compare-at-price {
4798    text-decoration: line-through;
4799    color: #545454;
4800    margin-right: 5px;
4801  }
4802
4803  .purchase-option .price__plan-price {
4804    color: #cc0000;
4805  }
4806
4807  .purchase-option.subscription .custom-radio-button:has(input[type="radio"]:checked) .price__compare-at-price {
4808    color:#545454;
4809  }
4810
4811  .purchase-option.subscription .custom-radio-button:has(input[type="radio"]:checked) .price__plan-price {
4812    color: #cc0000;
4813  } 
4814
4815  .purchase-option.one-time .custom-radio-button:has(input[type="radio"]:checked) {
4816    color: #000;
4817  }
4818
4819  .purchase-option.one-time .custom-radio-button:has(input[type="radio"]:checked) .price {
4820    color: #878787;
4821  }
4822
4823  .option-details {
4824    display: flex;
4825    padding: 0 16px;
4826    flex-direction: column;
4827    align-items: flex-start;
4828    gap: 20px;
4829    /*border-radius: var(--size-0, 0px) var(--size-0, 0px) 8px 8px;
4830    border-right: 0px solid #272E0F;
4831    border-bottom: 0px solid #272E0F;
4832    border-left: 0px solid #272E0F;
4833    background: linear-gradient(180deg, #F4F0E9 0%, #F9FAF7 100%);
4834    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);*/
4835    font-family: var(--text-font-family);
4836    display:none
4837  }
4838
4839  .plan-select {
4840    width: 100%;
4841    display: flex;
4842    justify-content: space-between;
4843    align-items: flex-start;
4844    position: relative;
4845    padding: 10px 15px 15px 0;
4846  }
4847
4848  .selected-plan {
4849    color: #878787;
4850    font-size: 12px;
4851    font-style: normal;
4852    font-weight: 500;
4853    line-height: normal;
4854  }
4855
4856  .edit-selected-plan {
4857    color: #878787;
4858    font-size: 12px;
4859    font-style: normal;
4860    font-weight: 500;
4861    line-height: normal;
4862    text-decoration-line: underline;
4863  }
4864
4865  .subscription-options-wrapper {
4866    width: 100%;
4867    display: flex;
4868    flex-direction: column;
4869    gap: 4px;
4870    padding: 6px 4px;
4871    position: absolute;
4872    bottom: 40px;
4873    left: 0;
4874    z-index: 1;
4875    border-radius: 12px;
4876    background: #F9FAF7;
4877    box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.13) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.17) inset, 0px 1px 0px 0px rgba(204, 204, 204, 0.50) inset, 0px 4px 6px -2px rgba(26, 26, 26, 0.20);
4878  }
4879
4880  .subscription-option {
4881    display: flex;
4882    justify-content: space-between;
4883    align-items: center;
4884    gap: 4px;
4885    padding: 6px 8px;
4886    border-radius: 8px;
4887  }
4888
4889  .subscription-option:hover {
4890    background: #F1F1F1;
4891  }
4892  
4893  .subscription-option.selected {
4894    background: #EBEBEB;
4895  }
4896
4897  .option-percentage {
4898    text-align: center;
4899    color: var(--control-background, #FFF);
4900    font-size: 12px;
4901    font-style: normal;
4902    font-weight: 500;
4903    line-height: 20px; /* 166.667% */
4904    padding: 0px 4.5px;
4905    border-radius: 20px;
4906    border-top: 1px solid #272E0F;
4907    border-right: 1px solid #272E0F;
4908    border-left: 1px solid #272E0F;
4909    background: linear-gradient(90deg, #272E0F 0%, #606060 100%);
4910  }
4911
4912  .option-name {
4913    color: #000;
4914    font-size: 13px;
4915    font-style: normal;
4916    font-weight: 500;
4917    line-height: 20px; /* 153.846% */
4918  }
4919
4920  .subscription-option .price {
4921    font-size: 13px;
4922  }
4923
4924  .subscription-options-background {
4925    position: fixed;
4926    height: 100vh;
4927    width: 100vw;
4928    top: 0;
4929    left: 0;
4930  }
4931
4932  .subscription-text {
4933    color: #7D8F3E;
4934    font-size: 13px;
4935    font-style: normal;
4936    font-weight: 500;
4937    line-height: normal;
4938    letter-spacing: 0.26px;
4939  }
4940
4941  .subscription-text ul {
4942    list-style: none;
4943    margin-left: 0;
4944  }
4945
4946  .subscription-text ul li {
4947    position: relative;
4948    padding-left: 20px !important;
4949  }
4950
4951  .subscription-text ul li:not(:last-child) {
4952    margin-bottom: 10px;
4953  }
4954
4955  .subscription-text ul li::before {
4956    content: '';
4957    position: absolute;
4958    left: 0;
4959    top: 50%;
4960    transform: translateY(-50%);
4961    width: 12px;
4962    height: 9px;
4963    background: url('https://cdn.shopify.com/s/files/1/0864/6741/2261/files/Path_Copy_7.svg?v=1776000540') no-repeat center center;
4964    background-size: contain;
4965  }
4966
4967  @media screen and (max-width: 768px) {
4968    .wd-custom-subscription {
4969      gap: 0px;
4970    }
4971
4972    .subscription-options-wrapper {
4973      width: calc(100% + 51px);
4974      top: 23px;
4975      left: -25.5px;
4976    }
4977  }
4978</style>
4979
4980<style>
4981    .shopify-section--main-customers-account .section-spacing {
4982        padding-top: 0;
4983    }
4984
4985    .shopify-section--main-customers-account .tab-buttons {
4986        display: flex;
4987        justify-content: center;
4988        gap: 60px;
4989        border-bottom: 1px solid #E1D0D0;
4990    }
4991
4992    .shopify-section--main-customers-account .tab-button {
4993        color: #000;
4994        font-family: "Inter";
4995        font-size: 24px;
4996        font-style: normal;
4997        font-weight: 400;
4998        line-height: normal;
4999        padding: 24px 0;
5000        cursor: pointer;
5001    }
5002
5003    .shopify-section--main-customers-account .tab-button.active {
5004        border-bottom: 3px solid #807F7F;
5005    }
5006
5007    .shopify-section--main-customers-account .tab-content {
5008        display: none;
5009        padding: 50px 0 0;
5010    }
5011
5012    .shopify-section--main-customers-account .tab-content.active {
5013        display: block;
5014    }
5015
5016    @media screen and (max-width: 768px) {
5017        .shopify-section--main-customers-account .tab-buttons {
5018            gap: 30px;
5019        }
5020
5021        .shopify-section--main-customers-account .tab-button {
5022            font-size: 18px;
5023        }
5024    }
5025</style>
5026
5027<style>
5028  .footer__wedev-credit {
5029    display: flex;
5030    align-items: center;
5031    justify-content: flex-start;
5032    gap: 5px;
5033    font-size: 12px;
5034    width: 100%;
5035  }
5036
5037  .footer__wedev-credit-link {
5038    color: inherit;
5039    text-decoration: none;
5040  }
5041
5042  .footer__wedev-credit-link:hover {
5043    text-decoration: underline;
5044  }
5045
5046  .footer__wedev-credit img {
5047    display: block;
5048    width: 80px;
5049    height: auto;
5050  }
5051
5052  @media (max-width: 999px) {
5053    .shopify-section--footer .footer__aside {
5054      justify-items: start;
5055      align-items: start;
5056      text-align: start;
5057      justify-content: start;
5058    }
5059
5060    .shopify-section--footer .footer__aside .payment-methods {
5061      justify-content: flex-start;
5062    }
5063
5064    .shopify-section--footer .footer {
5065      padding-block-end: 5rem;
5066    }
5067  }
5068</style>
5069
5070
5071
5072<style>
5073  /* Email/tel: Hebrew placeholder RTL when empty; typed value stays LTR (English) */
5074  .shopify-section--contact .input[type="email"]:placeholder-shown,
5075  .shopify-section--contact .input[type="tel"]:placeholder-shown {
5076    direction: rtl;
5077  }
5078
5079  .shopify-section--contact .input[type="email"]:not(:placeholder-shown),
5080  .shopify-section--contact .input[type="tel"]:not(:placeholder-shown) {
5081    direction: ltr;
5082    text-align: left;
5083  }
5084
5085  /* Message and other text areas stay RTL for Hebrew content */
5086  .shopify-section--contact .textarea {
5087    direction: rtl;
5088  }
5089
5090  .shopify-section--contact .input[type="text"] {
5091    direction: rtl;
5092  }
5093</style>
5094
5095
5096
5097<style>
5098  /*
5099    Storewide rule: red sale price on the left, compare-at on the right (RTL).
5100    price-list DOM order is sale-price then compare-at-price; row-reverse flips visual order.
5101  */
5102  price-list.price-list,
5103  .price-list {
5104    flex-direction: row-reverse;
5105  }
5106
5107  /*
5108    row-reverse packs from the left in RTL; keep the price group on the right
5109    (same as before, when PDP used order instead of row-reverse).
5110  */
5111  .price-list--product,
5112  .wd-product_info .price-list,
5113  .product-info__block-item .price-list,
5114  .product-sticky-bar .price-list {
5115    justify-content: flex-end;
5116  }
5117
5118  .wd-line-item-price-row {
5119    flex-direction: row-reverse;
5120  }
5121
5122  #cart-drawer .wd-line-item-price-row {
5123    flex-direction: row-reverse !important;
5124  }
5125
5126  /* Contexts that set display:inline on price-list (cart upsells, TBYB, etc.) */
5127  #cart-drawer .upsell-item-card .info-container p .price-list,
5128  .upsell-item-card .info-container p .price-list,
5129  .tbyb-prduct-price price-list {
5130    display: inline-flex !important;
5131    flex-direction: row-reverse !important;
5132  }
5133
5134  sale-price,
5135  compare-at-price {
5136    order: unset;
5137  }
5138</style>
5139
5140
5141<link href="//yvesrocher.co.il/cdn/shop/t/3/assets/wd-shopify-privacy-rtl.css?v=29685079340287397171783886364" rel="stylesheet" type="text/css" media="all" />
5142
5143<style>
5144    @media screen and (max-width: 768px) {
5145        
5146        .wd-hidden-mobile{
5147            display:none !important;
5148        }
5149    }
5150
5151    @media screen and (max-width: 989px) {
5152        html,
5153        body {
5154            width: 100%;
5155            max-width: 100%;
5156            min-width: 0;
5157            overflow-x: clip;
5158        }
5159
5160        .shopify-section-group-header-group,
5161        [class*="shopify-section-group"][class*="overlay"] {
5162            width: 100%;
5163            max-width: 100%;
5164            min-width: 0;
5165            overflow-x: clip;
5166        }
5167
5168        main#main > .shopify-section:not(.shopify-section--slideshow) {
5169            width: 100%;
5170            max-width: 100%;
5171            min-width: 0;
5172            overflow-x: clip;
5173        }
5174
5175        main#main {
5176            width: 100%;
5177            max-width: 100%;
5178            min-width: 0;
5179        }
5180    }
5181    @media screen and (min-width: 769px) {
5182        
5183        .wd-hidden-desktop{
5184            display:none !important;
5185
5186        }
5187
5188    }
5189</style>
5190
5191    
5191<script type="text/javascript">
5192    (function(c,l,a,r,i,t,y){
5193        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
5194        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
5195        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
5196    })(window, document, "clarity", "script", "ngw1c90coq");
5197        
5198</script>
5198
5199<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
5200
5201  
5201<script src="https://cdn.shopify.com/extensions/01a0d097-2b3f-72e8-a88e-a46cafc0bd26/priority-official-324/assets/pc-components.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 5201
5201
5202<script src="https://cdn.shopify.com/extensions/01a0cdbe-93e5-7411-ad51-5eb6e24a9cf2/weauth-88/assets/wa-components.js" type="text/javascript" defer="defer"></script>
5202
5203<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
5204<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 81510859007,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 5204
5204
5205<script>
5206  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
5207</script>
vendor: 1 bytes, line 5207
5207
5208<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
5208).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 81510859007,storefrontBaseUrl: "https://yvesrocher.co.il",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://yvesrocher.co.il/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2511929599","configuration":"{\"appId\":\"222200919\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ee22bafa32b5f79f80623657caf9c28f","type":"APP","apiClientId":5324603,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
5208,"dataSharingState":"unrestricted"},{"id":"2486075647","configuration":"{\"pixelCode\":\"CHHRP5BC77U3GKPL8DU0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2485879039","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\",\\\"GT-KV683TCW\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/_ZyYCPTmztscEOX-tKsB\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/P0oSCNev4tscEOX-tKsB\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-NFDVSM0LQ9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/oahHCP3mztscEOX-tKsB\\\",\\\"MC-9C3PC8FM8V\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-NFDVSM0LQ9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/OL_pCPHmztscEOX-tKsB\\\",\\\"MC-9C3PC8FM8V\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/C9tpCPrmztscEOX-tKsB\\\",\\\"MC-9C3PC8FM8V\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-NFDVSM0LQ9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/ah7ZCNqv4tscEOX-tKsB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-NFDVSM0LQ9\\\",\\\"AW-359481189\\\/LWNoCPfmztscEOX-tKsB\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-NFDVSM0LQ9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2485616895","configuration":"{\"pixel_id\":\"629961910733408\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Yves Rocher Israel","paymentSettings":{"currencyCode":"ILS"},"myshopifyDomain":"yves-rocher-israel.myshopify.com","countryCode":"IL","storefrontUrl":"https:\/\/yvesrocher.co.il"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"9528308990207","handle":"07886","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"48643423994111","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://yvesrocher.co.il/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"160608780543","themePublished":"true","eventMetadataId":"4e1b1408-2ced-4e44-a
5208d36-704c2edfbe43","pageType":"page","resourceId":"134451429631","shopId":"81510859007","storefrontBaseUrl":"https:\/\/yvesrocher.co.il","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
5208<script>
5209  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
5210  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
5211  window.ShopifyAnalytics.meta.currency = 'ILS';
5212  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":134451429631,"requestId":"08610215-86fd-4ab8-8e03-d567dc919c52-1790432881"}};
5213  for (var attr in meta) {
5214    window.ShopifyAnalytics.meta[attr] = meta[attr];
5215  }
5216</script>
vendor: 1 bytes, line 5216
5216
5217<script class="analytics">
5218  (function () {
5219    var customDocumentWrite = function(content) {
5220      var jquery = null;
5221
5222      if (window.jQuery) {
5223        jquery = window.jQuery;
5224      } else if (window.Checkout && window.Checkout.$) {
5225        jquery = window.Checkout.$;
5226      }
5227
5228      if (jquery) {
5229        jquery('body').append(content);
5230      }
5231    };
5232
5233    var hasLoggedConversion = function(token) {
5234      if (token) {
5235        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
5236      }
5237      return false;
5238    }
5239
5240    var setCookieIfConversion = function(token) {
5241      if (token) {
5242        var twoMonthsFromNow = new Date(Date.now());
5243        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
5244
5245        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
5246      }
5247    }
5248
5249    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
5250    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
5251    if (trekkie.integrations) {
5252      return;
5253    }
5254    trekkie.methods = [
5255      'identify',
5256      'page',
5257      'ready',
5258      'track',
5259      'trackForm',
5260      'trackLink'
5261    ];
5262    trekkie.factory = function(method) {
5263      return function() {
5264        var args = Array.prototype.slice.call(arguments);
5265        args.unshift(method);
5266        trekkie.push(args);
5267        if (method == 'track' || method == 'page') {
5268          var pageUrl;
5269          try {
5270            pageUrl = window.location.href;
5271          } catch (e) {}
5272          var pageReferrer;
5273          try {
5274            pageReferrer = document.referrer;
5275          } catch (e) {}
5276          try {
5277            if (window.__TREKKIE_SHIM_QUEUE == null) {
5278              window.__TREKKIE_SHIM_QUEUE = [];
5279            }
5280            window.__TREKKIE_SHIM_QUEUE.push({
5281              from: 'trekkie-stub',
5282              method: method,
5283              args: args.slice(1),
5284              pageContext: {
5285                url: pageUrl,
5286                referrer: pageReferrer
5287              }
5288            });
5289          } catch (e) {
5290            // no-op
5291          }
5292        }
5293        return trekkie;
5294      };
5295    };
5296    for (var i = 0; i < trekkie.methods.length; i++) {
5297      var key = trekkie.methods[i];
5298      trekkie[key] = trekkie.factory(key);
5299    }
5300    trekkie.load = function(config) {
5301      trekkie.config = config || {};
5302      trekkie.config.initialDocumentCookie = document.cookie;
5303      var first = document.getElementsByTagName('script')[0];
5304var script = document.createElement('script');
5305script.type = 'text/javascript';
5306script.onerror = function(e) {
5307  var scriptFallback = document.createElement('script');
5308  scriptFallback.type = 'text/javascript';
5309  scriptFallback.onerror = function(error) {
5310          var Monorail = {
5311      produce: function produce(monorailDomain, schemaId, payload) {
5312        var currentMs = new Date().getTime();
5313        var event = {
5314          schema_id: schemaId,
5315          payload: payload,
5316          metadata: {
5317            event_created_at_ms: currentMs,
5318            event_sent_at_ms: currentMs
5319          }
5320        };
5321        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
5322      },
5323      sendRequest: function sendRequest(endpointUrl, payload) {
5324        // Try the sendBeacon API
5325        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
5326          var blobData = new window.Blob([payload], {
5327            type: 'text/plain'
5328          });
5329
5330          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
5331            return true;
5332          } // sendBeacon was not successful
5333
5334        } // XHR beacon
5335
5336        var xhr = new XMLHttpRequest();
5337
5338        try {
5339          xhr.open('POST', endpointUrl);
5340          xhr.setRequestHeader('Content-Type', 'text/plain');
5341          xhr.send(payload);
5342        } catch (e) {
5343          console.log(e);
5344        }
5345
5346        return false;
5347      },
5348      isIos12: function isIos12() {
5349        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
5350      }
5351    };
5352    Monorail.produce('monorail-edge.shopifysvc.com',
5353      'trekkie_storefront_load_errors/1.1',
5354      {shop_id: 81510859007,
5355      theme_id: 160608780543,
5356      app_name: "storefront",
5357      context_url: window.location.href,
5358      source_url: "//yvesrocher.co.il/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
5359
5360  };
5361  scriptFallback.async = true;
5362  scriptFallback.src = '//yvesrocher.co.il/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
5363  first.parentNode.insertBefore(scriptFallback, first);
5364};
5365script.async = true;
5366script.src = '//yvesrocher.co.il/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
5367first.parentNode.insertBefore(script, first);
5368
5369    };
5370    trekkie.load(
5371      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81510859007,"isMerchantRequest":null,"themeId":160608780543,"themeCityHash":"254723033234836849","contentLanguage":"he","currency":"ILS","eventMetadataId":"4e1b1408-2ced-4e44-a
5371d36-704c2edfbe43"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
5372    );
5373
5374    var loaded = false;
5375    trekkie.ready(function() {
5376      if (loaded) return;
5377      loaded = true;
5378
5379      window.ShopifyAnalytics.lib = window.trekkie;
5380
5381      var originalDocumentWrite = document.write;
5382      document.write = customDocumentWrite;
5383      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
5384      document.write = originalDocumentWrite;
5385
5386      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
5387      var token = match? match[1]: undefined;
5388      if (!hasLoggedConversion(token)) {
5389        setCookieIfConversion(token);
5390        
5391      }
5392    });
5393
5394    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":134451429631,"requestId":"08610215-86fd-4ab8-8e03-d567dc919c52-1790432881","shopifyEmitted":true});
5395
5396    var eventsListenerScript = document.createElement('script');
5397    eventsListenerScript.async = true;
5398    eventsListenerScript.src = "//yvesrocher.co.il/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
5399    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
5400})();</script>
vendor: 1 bytes, line 5400
5400
5401<script
5402  defer
5403  src="https://yvesrocher.co.il/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
5404  data-application="storefront-renderer"
5405  data-shop-id="81510859007"
5406  data-render-region="gcp-us-central1"
5407  data-page-type="page"
5408  data-theme-instance-id="160608780543"
5409  data-theme-name="Prestige"
5410  data-theme-version="9.2.1"
5411  data-monorail-region="shop_domain"
5412  data-resource-timing-sampling-rate="10"
5413  data-shs="true"
5414  data-shs-beacon="true"
5415  data-shs-export-with-fetch="true"
5416  data-shs-logs-sample-rate="1"
5417  data-shs-beacon-endpoint="https://yvesrocher.co.il/api/collect"
5418></script>
5418
5419<meta name="shopify-y" content="44b69615-5d44-4108-b950-6dc77166c9e0" data-expiration="1821990481000"><meta name="shopify-s" content="80a2f210-3ce1-4f57-873f-462293a0efb8" data-expiration="1790434681000"><meta name="new-cookie-storage-activated" content="t">
5420</head>
5421
5422  
5423
5424  <body class="features--button-transition features--zoom-image  color-scheme color-scheme--scheme-2">
5425     <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 5425-5426
5425
5426<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
5426GTM-WDT83FFB
vendor: 83 bytes, lines 5426-5427
5426"
5427height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
5428<!-- End Google Tag Manager (noscript) --><template id="drawer-default-template">
5429  <div part="base">
5430    <div part="overlay"></div>
5431
5432    <div part="content">
5433      <header part="header">
5434        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור">
5435      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5436        <g id="fi:chevron-left">
5437        <path id="Vector" d="M15 18L9 12L15 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5438        </g>
5439      </svg>
5440    </button>
5441        <slot name="header"></slot>
5442
5443      </header>
5444
5445      <div part="body">
5446        <slot></slot>
5447      </div>
5448
5449      <footer class="wd-cart-footer" part="footer">
5450        <slot name="footer"></slot>
5451      </footer>
5452    </div>
5453  </div>
5454</template><template id="cart-drawer-template">
5455  <div part="base">
5456    <div part="overlay"></div>
5457
5458    <div part="content">
5459      <div part="club-strip">
5460        <slot name="club-strip"></slot>
5461      </div>
5462
5463      <header part="header">
5464        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור">
5465      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5466        <g id="fi:chevron-left">
5467        <path id="Vector" d="M15 18L9 12L15 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5468        </g>
5469      </svg>
5470    </button>
5471        <slot name="header"></slot>
5472      </header>
5473
5474      <div part="body">
5475        <slot></slot>
5476      </div>
5477
5478      <footer class="wd-cart-footer" part="footer">
5479        <slot name="footer"></slot>
5480      </footer>
5481    </div>
5482  </div>
5483</template><template id="login-drawer-template">
5484  <div part="base">
5485    <div part="overlay"></div>
5486
5487    <div part="content">
5488      <header part="header">
5489        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור">
5490          <img src="//yvesrocher.co.il/cdn/shop/t/3/assets/close.svg?v=160032536865903482771783886364" alt="" width="32" height="32" aria-hidden="true">
5491        </button>
5492        <slot name="header"></slot>
5493      </header>
5494
5495      <div part="body">
5496        <slot></slot>
5497      </div>
5498
5499      <footer part="footer">
5500        <slot name="footer"></slot>
5501      </footer>
5502    </div>
5503  </div>
5504</template><template id="modal-default-template">
5505  <div part="base">
5506    <div part="overlay"></div>
5507
5508    <div part="content">
5509      <header part="header">
5510        <slot name="header"></slot>
5511
5512        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16">
5513      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
5514    </svg>
5515
5516  </button>
5517      </header>
5518
5519      <div class="wd-chec" part="body">
5520        <slot></slot>
5521      </div>
5522    </div>
5523  </div>
5524</template><template id="popover-default-template">
5525  <div part="base">
5526    <div part="overlay"></div>
5527
5528    <div part="content">
5529      <header part="header">
5530        <slot name="header"></slot>
5531
5532        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור"><svg aria-hidden="true" focusable="false" fill="none" width="14" class="icon icon-close" viewBox="0 0 16 16">
5533      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
5534    </svg>
5535
5536  </button>
5537      </header>
5538
5539      <div part="body">
5540        <slot></slot>
5541      </div>
5542    </div>
5543  </div>
5544</template><template id="header-search-default-template">
5545  <div part="base">
5546    <div part="overlay"></div>
5547
5548    <div part="content">
5549      <slot></slot>
5550    </div>
5551  </div>
5552</template><template id="video-media-default-template">
5553  <slot></slot>
5554
5555  <svg part="play-button" fill="none" width="48" height="48" viewBox="0 0 48 48">
5556    <path fill-rule="evenodd" clip-rule="evenodd" d="M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24Zm-18 0-9-6.6v13.2l9-6.6Z" fill="var(--play-button-background, #ffffff)"/>
5557  </svg>
5558</template>
5559
5560    <loading-bar class="loading-bar" aria-hidden="true"></loading-bar>
5561    <a href="#main" allow-hash-change class="skip-to-content sr-only">דילוג לתוכן</a>
5562
5563    <span id="header-scroll-tracker" style="position: absolute; width: 1px; height: 1px; top: var(--header-scroll-tracker-offset, 10px); left: 0;"></span><!-- BEGIN sections: header-group -->
5564<aside id="shopify-section-sections--22025249489151__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section--announcement-bar"><style>
5565    :root {
5566      --announcement-bar-is-sticky: 0;--header-scroll-tracker-offset: var(--announcement-bar-height);}#shopify-section-sections--22025249489151__announcement-bar {
5567      --announcement-bar-font-size: 0.6875rem;
5568    }
5569
5570    @media screen and (min-width: 999px) {
5571      #shopify-section-sections--22025249489151__announcement-bar {
5572        --announcement-bar-font-size: 0.8125rem;
5573      }
5574    }
5575  </style>
5576
5577  <height-observer variable="announcement-bar">
5578    <div class="announcement-bar color-scheme color-scheme--scheme-5c48d877-fe9f-452a-9770-fbb408796abe"><button type="button" is="carousel-prev-button" class="tap-area" aria-controls="carousel-sections--22025249489151__announcement-bar">
5579          <span class="sr-only">הקודם</span><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-arrow-left  icon--direction-aware" viewBox="0 0 16 18">
5580      <path d="M11 1 3 9l8 8" stroke="currentColor" stroke-linecap="square"/>
5581    </svg></button><announcement-bar-carousel allow-swipe autoplay="3" id="carousel-sections--22025249489151__announcement-bar" class="announcement-bar__carousel"><p class="prose heading is-selected" >משלוח חינם עד הבית ברכישה מעל ₪249</p><p class="prose heading " >סוכות SALE על *כל* האתר</p><p class="prose heading " >ברכישה מתחת ל-₪249 משלוח עד הבית ₪19.9</p><p class="prose heading " >זמני אספקה 3 עד 5 ימי עסקים</p></announcement-bar-carousel><button type="button" is="carousel-next-button" class="tap-area" aria-controls="carousel-sections--22025249489151__announcement-bar">
5582          <span class="sr-only">הבא</span><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-arrow-right  icon--direction-aware" viewBox="0 0 16 18">
5583      <path d="m5 17 8-8-8-8" stroke="currentColor" stroke-linecap="square"/>
5584    </svg></button></div>
5585  </height-observer>
5586
5587  
5587<script>
5588    document.documentElement.style.setProperty('--announcement-bar-height', `${document.getElementById('shopify-section-sections--22025249489151__announcement-bar').clientHeight.toFixed(2)}px`);
5589  </script>
5589<style> #shopify-section-sections--22025249489151__announcement-bar .announcement-bar {letter-spacing: 3px; /* Adjust the value as needed */} @media screen and (max-width: 768px) {#shopify-section-sections--22025249489151__announcement-bar .announcement-bar {padding: 10px 26px; }} </style></aside><header id="shopify-section-sections--22025249489151__header" class="shopify-section shopify-section-group-header-group shopify-section--header wd-header">
5590<style>
5591  :root {
5592    --header-is-sticky: 1;
5593  }
5594
5595  #shopify-section-sections--22025249489151__header {
5596    --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
5597    --header-padding-block: 1rem;
5598    --header-transparent-header-text-color: 255 255 255;
5599    --header-separation-border-color: 28 28 28 / 0.15;
5600
5601    position: relative;
5602    z-index: 4;
5603  }
5604
5605  @media screen and (min-width: 700px) {
5606    #shopify-section-sections--22025249489151__header {
5607      --header-padding-block: 1.2rem;
5608    }
5609  }
5610
5611  @media screen and (min-width: 1000px) {
5612    #shopify-section-sections--22025249489151__header {--header-grid: ". logo secondary-nav" "primary-nav primary-nav primary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);}
5613  }#shopify-section-sections--22025249489151__header {
5614      position: sticky;
5615      top: 0;
5616    }
5617
5618    .shopify-section--announcement-bar ~ #shopify-section-sections--22025249489151__header {
5619      top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
5620    }#shopify-section-sections--22025249489151__header {
5621      --header-logo-width: 135px;
5622    }
5623
5624    @media screen and (min-width: 700px) {
5625      #shopify-section-sections--22025249489151__header {
5626        --header-logo-width: 160px;
5627      }
5628    }</style>
5629<script>
5630  function onScroll(){
5631    if(window.scrollY >= 182){
5632      document.querySelector('height-observer .header.wd-x-header').classList.add('wd-scrolled-header');
5633      //console.log(`higher Current scroll position: ${window.scrollY}`);
5634    }else if(window.scrollY<100){
5635        document.querySelector('height-observer .header.wd-x-header').classList.remove('wd-scrolled-header');
5636        //console.log(`lower Current scroll position: ${window.scrollY}`);
5637    }
5638  }
5639  function isMobileDevice() {
5640    return /Mobi|Android|iPhone|iPad|iPod|Opera Mini|IEMobile|WPDesktop/i.test(navigator.userAgent);
5641
5642  }
5643  if(!isMobileDevice()){
5644  window.addEventListener('scroll', onScroll);
5645  }
5646
5647</script>
5647
5648<height-observer variable="header">
5649  <x-header  class="header color-scheme color-scheme--scheme-1 wd-x-header"><a aria-label="Search for product" href="/search" aria-controls="header-search-sections--22025249489151__header" class="wd-header-search-icon wd-search-desktop">
5650        <span class="">חיפוש</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5651      <ellipse cx="10.98" cy="10.9802" rx="8.98017" ry="8.98017" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5652      <path d="M21.6419 21.644L17.3202 17.3223" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5653    </svg>
5654    </a>
5655      <a href="/" class="header__logo"><span class="sr-only">Yves Rocher Israel</span><img src="//yvesrocher.co.il/cdn/shop/files/Logo_300-57_1.webp?v=1781001190&amp;width=300" alt="לוגו איב רושה" srcset="//yvesrocher.co.il/cdn/shop/files/Logo_300-57_1.webp?v=1781001190&amp;width=300 300w, //yvesrocher.co.il/cdn/shop/files/Logo_300-57_1.webp?v=1781001190&amp;width=300 300w" width="300" height="57" sizes="160px" class="header__logo-image"></a>
5656    
5657<nav class="header__primary-nav header__primary-nav--center" aria-label="ניווט ראשי">
5658        <button type="button" aria-controls="sidebar-menu" class="md:hidden">
5659          <span class="sr-only">פתח תפריט ניווט</span>
5660          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5661            <path d="M1 12.0008H23" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5662            <path d="M1 3.50079H23" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5663            <path d="M1 20.5008H23" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5664          </svg>
5665        </button><a aria-label="search for product" href="/search" aria-controls="header-search-sections--22025249489151__header" class="wd-header-search-icon wd-search-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5666      <ellipse cx="10.98" cy="10.9802" rx="8.98017" ry="8.98017" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5667      <path d="M21.6419 21.644L17.3202 17.3223" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5668    </svg>
5669    </a><ul class="contents unstyled-list md-max:hidden">
5670
5671              <li class="header__primary-nav-item" data-title="חדש באתר"><a href="/collections/new" class="block h6 link-text" >חדש באתר</a></li>
5672
5673              <li class="header__primary-nav-item" data-title="הנמכרים ביותר"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5674                    <summary data-follow-link="/collections/best-sellers" class="h6 link-text">הנמכרים ביותר</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5675          <a href="/collections/best-sellers" class="h6">לפי קטגוריה</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5676                  <a href="/collections/best-sellers" class="link-faded">הכל</a>
5677                </li><li>
5678                  <a href="/collections/face-care-best-sellers" class="link-faded">פנים</a>
5679                </li><li>
5680                  <a href="/collections/hair-care-best-sellers" class="link-faded">שיער</a>
5681                </li><li>
5682                  <a href="/collections/body-care-best-sellers" class="link-faded">גוף</a>
5683                </li><li>
5684                  <a href="/collections/bath-best-sellers" class="link-faded">אמבט ורחצה</a>
5685                </li><li>
5686                  <a href="/collections/fragrance-best-sellers" class="link-faded">בישום</a>
5687                </li></ul></li></ul></div></details></li>
5688
5689              <li class="header__primary-nav-item" data-title="פנים"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5690                    <summary data-follow-link="/collections/face-care" class="h6 link-text">פנים</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5691          <a href="/collections/face-care-product-type" class="h6">לפי סוג מוצר</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5692                  <a href="/collections/face-care" class="link-faded">כל מוצרי הפנים</a>
5693                </li><li>
5694                  <a href="/collections/face-care-best-sellers" class="link-faded">הנמכרים ביותר</a>
5695                </li><li>
5696                  <a href="/collections/face-care-face-serum" class="link-faded">סרום</a>
5697                </li><li>
5698                  <a href="/collections/face-care-face-cream" class="link-faded">קרם לחות</a>
5699                </li><li>
5700                  <a href="/collections/face-care-eye-cream" class="link-faded">קרם עיניים</a>
5701                </li><li>
5702                  <a href="/collections/face-care-face-cleanser" class="link-faded">ניקוי פנים ומסירי איפור</a>
5703                </li><li>
5704                  <a href="/collections/face-care-face-scrub-peeling" class="link-faded">מסכות ופילינגים</a>
5705                </li><li>
5706                  <a href="/collections/face-care-sun-protection" class="link-faded">הגנה מהשמש</a>
5707                </li><li>
5708                  <a href="/collections/face-care-lips" class="link-faded">שפתיים</a>
5709                </li><li>
5710                  <a href="/collections/face-care-bundle" class="link-faded">ערכות טיפוח</a>
5711                </li></ul></li><li class="v-stack justify-items-start gap-5">
5712          <a href="/collections/face-care" class="h6">לפי סוג עור</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5713                  <a href="/collections/face-care-regular-dry-skin" class="link-faded">רגיל - יבש</a>
5714                </li><li>
5715                  <a href="/collections/face-care-oily-combination-skin" class="link-faded">מעורב - שומני</a>
5716                </li><li>
5717                  <a href="/collections/face-care-acne-skin" class="link-faded">אקנתי</a>
5718                </li><li>
5719                  <a href="/collections/face-care-sensitive-skin" class="link-faded">רגיש</a>
5720                </li><li>
5721                  <a href="/collections/face-care-pigmantation-skin" class="link-faded">פיגמנטציה</a>
5722                </li></ul></li><li class="v-stack justify-items-start gap-5">
5723          <a href="/collections/face-care-anti-age" class="h6">אנטי אייג'ינג</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5724                  <a href="/collections/face-care-anti-age" class="link-faded">כל מוצרי האנטי אייג'ינג</a>
5725                </li><li>
5726                  <a href="/collections/face-care-anti-age-glow-energie" class="link-faded">התחלתי</a>
5727                </li><li>
5728                  <a href="/collections/face-care-anti-age-lift-pro-collagene" class="link-faded">מתקדם</a>
5729                </li><li>
5730                  <a href="/collections/face-care-anti-aging-anti-age-global" class="link-faded">פרימיום</a>
5731                </li><li>
5732                  <a href="/collections/face-care-anti-age-riche-creme" class="link-faded">אינטנסיבי לעור יבש</a>
5733                </li></ul></li><li class="v-stack justify-items-start gap-5">
5734          <a href="/collections/face-care-series" class="h6">סדרות</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5735                  <a href="/collections/face-care-anti-age-glow-energie" class="link-faded">Glow Energie</a>
5736                </li><li>
5737                  <a href="/collections/face-care-anti-age-lift-pro-collagene" class="link-faded">Lift Pro Collagene</a>
5738                </li><li>
5739                  <a href="/collections/face-care-anti-aging-anti-age-global" class="link-faded">Anti-Age Global</a>
5740                </li><li>
5741                  <a href="/collections/face-care-regular-dry-skin-hydra-vegetal" class="link-faded">Hydra Vegetal</a>
5742                </li><li>
5743                  <a href="/collections/face-care-oily-skin-sebo-vegetal" class="link-faded">Sebo Vegetal</a>
5744                </li><li>
5745                  <a href="/collections/face-care-anti-age-riche-creme" class="link-faded">Riche Crème</a>
5746                </li><li>
5747                  <a href="/collections/face-care-series-pigmantation-bright-botanical" class="link-faded">Bright Botanical</a>
5748                </li></ul></li></ul></div></details></li>
5749
5750              <li class="header__primary-nav-item" data-title="שיער"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5751                    <summary data-follow-link="/collections/hair-care" class="h6 link-text">שיער</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5752          <a href="/collections/hair-care-product-type" class="h6">סוג מוצר</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5753                  <a href="/collections/hair-care" class="link-faded">כל מוצרי השיער</a>
5754                </li><li>
5755                  <a href="/collections/hair-care-best-sellers" class="link-faded">הנמכרים ביותר</a>
5756                </li><li>
5757                  <a href="/collections/hair-care-shampoo" class="link-faded">שמפו</a>
5758                </li><li>
5759                  <a href="/collections/hair-care-conditioner" class="link-faded">מרכך</a>
5760                </li><li>
5761                  <a href="/collections/hair-care-hair-mask" class="link-faded">מסכה</a>
5762                </li><li>
5763                  <a href="/collections/hair-care-hair-cream-serum" class="link-faded">סרום וקרם</a>
5764                </li><li>
5765                  <a href="/collections/hair-care-hair-oil" class="link-faded">שמן</a>
5766                </li><li>
5767                  <a href="/collections/hair-care-vinegar" class="link-faded">חומץ להגברת ברק</a>
5768                </li><li>
5769                  <a href="/collections/mist" class="link-faded">בישום לשיער</a>
5770                </li><li>
5771                  <a href="/collections/hair-care-bundles" class="link-faded">ערכות טיפוח</a>
5772                </li><li>
5773                  <a href="/collections/hair-shampoo-refill" class="link-faded">אריזות מילוי</a>
5774                </li></ul></li><li class="v-stack justify-items-start gap-5">
5775          <a href="/collections/hair-care" class="h6">סוג שיער</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5776                  <a href="/collections/hair-care-hair-loss" class="link-faded">נשירה</a>
5777                </li><li>
5778                  <a href="/collections/hair-care-oily-hair" class="link-faded">שומני</a>
5779                </li><li>
5780                  <a href="/collections/hair-care-dull-collored-hair" class="link-faded">שיער חסר ברק / צבוע - סדרת חומץ הפטל</a>
5781                </li><li>
5782                  <a href="/collections/hair-care-dandruff-hair" class="link-faded">קשקשים</a>
5783                </li><li>
5784                  <a href="/collections/hair-care-dry-hair" class="link-faded">יבש</a>
5785                </li><li>
5786                  <a href="/collections/hair-care-damaged-hair" class="link-faded">פגום</a>
5787                </li><li>
5788                  <a href="/collections/hair-care-curly-hair" class="link-faded">מתולתל</a>
5789                </li><li>
5790                  <a href="/collections/hair-care-tangled-hair" class="link-faded">נוטה לקשרים</a>
5791                </li><li>
5792                  <a href="/collections/hair-care-volume" class="link-faded">חסר נפח</a>
5793                </li></ul></li></ul></div></details></li>
5794
5795              <li class="header__primary-nav-item" data-title="גוף ורחצה"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5796                    <summary data-follow-link="/collections/bath-body-1" class="h6 link-text">גוף ורחצה</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5797          <a href="/collections/bath-body-body" class="h6">טיפוח גוף</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5798                  <a href="/collections/body-care-best-sellers" class="link-faded">הנמכרים ביותר</a>
5799                </li><li>
5800                  <a href="/collections/bath-body-body-body-cream" class="link-faded">קרם גוף</a>
5801                </li><li>
5802                  <a href="/collections/bath-body-body-hand-cream" class="link-faded">קרם ידיים</a>
5803                </li><li>
5804                  <a href="/collections/bath-body-body-deodorant" class="link-faded">דאודורנט</a>
5805                </li><li>
5806                  <a href="/collections/bath-body-body-body-oil" class="link-faded">שמן לגוף</a>
5807                </li><li>
5808                  <a href="/collections/bath-body-sun-protection" class="link-faded">הגנה מהשמש</a>
5809                </li><li>
5810                  <a href="/collections/mist" class="link-faded">מיסט לגוף</a>
5811                </li></ul></li><li class="v-stack justify-items-start gap-5">
5812          <a href="/collections/bath-body" class="h6">
5812אמבט ורחצה</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5813                  <a href="/collections/bath-best-sellers" class="link-faded">הנמכרים ביותר</a>
5814                </li><li>
5815                  <a href="/collections/bath-body-bath-shower-gel" class="link-faded">ג'ל רחצה</a>
5816                </li><li>
5817                  <a href="/collections/bath-body-bath-refill-shower-gel" class="link-faded">אריזות מילוי</a>
5818                </li><li>
5819                  <a href="/collections/bath-body-bath-hand-soap" class="link-faded">סבון ידיים</a>
5820                </li><li>
5821                  <a href="/collections/bath-body-bath-scrub" class="link-faded">פילינג</a>
5822                </li><li>
5823                  <a href="/collections/bath-body-bath-shower-oil" class="link-faded">שמן רחצה</a>
5824                </li></ul></li></ul></div></details></li>
5825
5826              <li class="header__primary-nav-item" data-title="קיץ והגנה מהשמש"><a href="/collections/summer-sun-protection" class="block h6 link-text" >קיץ והגנה מהשמש</a></li>
5827
5828              <li class="header__primary-nav-item" data-title="בישום"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5829                    <summary data-follow-link="/collections/fragrance" class="h6 link-text">בישום</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5830          <a href="/collections/fragrance-product-type" class="h6">סוג מוצר</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5831                  <a href="/collections/fragrance" class="link-faded">כל הבשמים</a>
5832                </li><li>
5833                  <a href="/collections/fragrance-best-sellers" class="link-faded">הנמכרים ביותר</a>
5834                </li><li>
5835                  <a href="/collections/fragrance-eau-de-parfum" class="link-faded">או דה פרפיום</a>
5836                </li><li>
5837                  <a href="/collections/fragrance-eau-de-toilette" class="link-faded">או דה טואלט</a>
5838                </li><li>
5839                  <a href="/collections/mist" class="link-faded">מיסט לגוף ולשיער</a>
5840                </li></ul></li><li class="v-stack justify-items-start gap-5">
5841          <a href="/collections/fragrance" class="h6">ניחוח</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5842                  <a href="/collections/fragrance-scent-fresh" class="link-faded">נקי ורענן</a>
5843                </li><li>
5844                  <a href="/collections/fragrance-scent-monoi" class="link-faded">מונוי</a>
5845                </li><li>
5846                  <a href="/collections/fragrance-scent-clean-floral" class="link-faded">פרחוני ונקי</a>
5847                </li><li>
5848                  <a href="/collections/fragrance-scent-sweet" class="link-faded">מתוק</a>
5849                </li></ul></li></ul></div></details></li>
5850
5851              <li class="header__primary-nav-item" data-title="מארזי מתנה"><details is="mega-menu-disclosure" class="header__menu-disclosure" follow-summary-link trigger="hover">
5852                    <summary data-follow-link="/collections/gift-sets-gifts" class="h6 link-text">מארזי מתנה</summary><div class="mega-menu " ><ul class="mega-menu__linklist unstyled-list"><li class="v-stack justify-items-start gap-5">
5853          <a href="/collections/gift-sets-gifts" class="h6">סוג מארז</a><ul class="v-stack gap-2.5 unstyled-list"><li>
5854                  <a href="/collections/gift-sets" class="link-faded">מארזי מתנה</a>
5855                </li><li>
5856                  <a href="/collections/bundles" class="link-faded">ערכות טיפוח</a>
5857                </li><li>
5858                  <a href="/collections/gift-sets-accessories" class="link-faded">תיקים, קופסאות ואביזרים</a>
5859                </li></ul></li></ul></div></details></li>
5860
5861              <li class="header__primary-nav-item" data-title="ערכות טיפוח"><a href="/collections/bundles" class="block h6 link-text" >ערכות טיפוח</a></li>
5862
5863              <li class="header__primary-nav-item" data-title="גברים"><a href="/collections/%D7%92%D7%91%D7%A8%D7%99%D7%9D" class="block h6 link-text" >גברים</a></li></ul></nav><nav class="header__secondary-nav wd-header-icon-couple" aria-label="ניווט משני"><button type="button" aria-label="Login or register" aria-controls="login-drawer" class="wd-hidden-desktop">
5864            <span class="sr-only">פתח דף חשבון</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5865      <path d="M20 21.1446C20 21.1446 17.4586 15.2539 12 15.2539C6.54144 15.2539 4 21.1446 4 21.1446" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5866      <ellipse cx="11.8125" cy="7.45953" rx="4.6875" ry="4.60211" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5867    </svg></button><div class="wd-desktop-customer-in-header">
5868    
5869
5870    <div class="wd-hidden-mobile">
5871      
5872        <div class="wd-not-signed-in-wrapper wd-name-wrapper wd-customer-popover-toggle wd-logged-out-name-wrapper"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
5873      <path d="M20 21.1446C20 21.1446 17.4586 15.2539 12 15.2539C6.54144 15.2539 4 21.1446 4 21.1446" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5874      <ellipse cx="11.8125" cy="7.45953" rx="4.6875" ry="4.60211" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5875    </svg><div>
5876            <div class="text-regular" id="sign-in-text">התחברות לחשבון</div>
5877            <div style="color:#000000" class="text-light" id="to-start-text"></div>
5878            </div>
5879        </div>
5880      
5881    </div>
5882
5883      
5884      <div class="wd-customer-popover">
5885        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="13" viewBox="0 0 24 13" fill="none" style="fill: var(--control-background, #FFF);" class="wd-popover-arrow">
5886            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 0L24 12.1176H0L12 0Z" fill="white"/>
5887        </svg>
5888
5889        
5890          <div class="text-light wd-popover-title">היי </div>
5891        
5892        <div class="wd-header-popover-divider"></div>
5893        
5894        
5895        <button
5896        type="button"
5897        aria-controls="login-drawer"
5898        class="button w-full wd-header-popover-login-button"
5899        style="--button-background: 39 46 15;--button-outline-color: 39 46 15;--button-text-color: 255 255 255;letter-spacing: 0;"
5900      >התחברות/הצטרפות למועדון</button>
5901        <a href="/pages/מועדון" class="w-full">
5902          <button type="button" class="button w-full wd-header-popover-login-button" style="--button-background: 39 46 15;--button-outline-color: 39 46 15;--button-text-color: 255 255 255;letter-spacing: 0;">הסבר על המועדון</button>
5903        </a>
5904              
5905        
5906
5907        <button
5908          type="button"
5909          class="wd-header-popover-links-wrapper wd-header-popover-links-wrapper--glassix"
5910        >
5911            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
5912                <g clip-path="url(#clip0_13_1185)">
5913                    <path d="M21 10.1201C21 17.1201 12 23.1201 12 23.1201C12 23.1201 3 17.1201 3 10.1201C3 7.73317 3.94821 5.44398 5.63604 3.75616C7.32387 2.06833 9.61305 1.12012 12 1.12012C14.3869 1.12012 16.6761 2.06833 18.364 3.75616C20.0518 5.44398 21 7.73317 21 10.1201Z" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5914                    <path d="M12 13.1201C13.6569 13.1201 15 11.777 15 10.1201C15 8.46326 13.6569 7.12012 12 7.12012C10.3431 7.12012 9 8.46326 9 10.1201C9 11.777 10.3431 13.1201 12 13.1201Z" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5915                </g>
5916                <defs>
5917                    <clipPath id="clip0_13_1185">
5918                    <rect width="24" height="24" fill="white" transform="translate(0 0.120117)"/>
5919                    </clipPath>
5920                </defs>
5921            </svg>
5922
5923            <div class="wd-header-popover-links-text">מעקב אחר ההזמנות</div>
5924        </button>
5925        <a href="/pages/סניפים" class="wd-header-popover-links-wrapper">
5926           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
5927                <g clip-path="url(#clip0_13_1185)">
5928                    <path d="M21 10.1201C21 17.1201 12 23.1201 12 23.1201C12 23.1201 3 17.1201 3 10.1201C3 7.73317 3.94821 5.44398 5.63604 3.75616C7.32387 2.06833 9.61305 1.12012 12 1.12012C14.3869 1.12012 16.6761 2.06833 18.364 3.75616C20.0518 5.44398 21 7.73317 21 10.1201Z" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5929                    <path d="M12 13.1201C13.6569 13.1201 15 11.777 15 10.1201C15 8.46326 13.6569 7.12012 12 7.12012C10.3431 7.12012 9 8.46326 9 10.1201C9 11.777 10.3431 13.1201 12 13.1201Z" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5930                </g>
5931                <defs>
5932                    <clipPath id="clip0_13_1185">
5933                    <rect width="24" height="24" fill="white" transform="translate(0 0.120117)"/>
5934                    </clipPath>
5935                </defs>
5936            </svg>
5937
5938            <div class="wd-header-popover-links-text"> סניפים</div>
5939        </a>
5940        <a href="/pages/contact" class="wd-header-popover-links-wrapper">
5941            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
5942                <path d="M21 11.6201C21.0034 12.94 20.6951 14.242 20.1 15.4201C19.3944 16.8319 18.3098 18.0193 16.9674 18.8494C15.6251 19.6795 14.0782 20.1195 12.5 20.1201C11.1801 20.1236 9.87812 19.8152 8.7 19.2201L3 21.1201L4.9 15.4201C4.30493 14.242 3.99656 12.94 4 11.6201C4.00061 10.0419 4.44061 8.495 5.27072 7.1527C6.10083 5.81039 7.28825 4.72571 8.7 4.02015C9.87812 3.42508 11.1801 3.1167 12.5 3.12015H13C15.0843 3.23514 17.053 4.11491 18.5291 5.591C20.0052 7.0671 20.885 9.0358 21 11.1201V11.6201Z" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5943            </svg>
5944
5945            <div class="wd-header-popover-links-text">יצירת קשר</div>
5946        </a>
5947
5948       
5949      </div>
5950</div>
5951
5952<script>
5953    const popoverHost = document.querySelector(".wd-desktop-customer-in-header");
5954    const popoverElement = document.querySelector(".wd-customer-popover");
5955    const MOBILE_POPOVER_MAX = 768;
5956
5957    const isMobilePopover = () => window.innerWidth <= MOBILE_POPOVER_MAX;
5958
5959    const mountMobilePopover = () => {
5960      if (!popoverElement || !isMobilePopover()) return;
5961      popoverElement.classList.add("wd-customer-popover--mobile");
5962      document.body.appendChild(popoverElement);
5963    };
5964
5965    const restorePopoverToHost = () => {
5966      if (!popoverElement) return;
5967      popoverElement.classList.remove("wd-customer-popover--mobile");
5968      if (!popoverHost || popoverElement.parentElement === popoverHost) return;
5969      popoverHost.appendChild(popoverElement);
5970    };
5971
5972    const closePopover = () => {
5973      if (!popoverElement) return;
5974      popoverElement.classList.remove("wd-customer-popover-show");
5975      document.removeEventListener("click", closeEvent);
5976      restorePopoverToHost();
5977    };
5978
5979    document.addEventListener("click", (event) => {
5980        const element = event.target.closest(".wd-customer-popover-toggle");
5981        if (!element || !popoverElement) return;
5982
5983        if (element.closest('#sidebar-menu')) {
5984            document.querySelector('#sidebar-menu button[is="dialog-close-button"]')?.click();
5985        }
5986
5987        if (popoverElement.classList.contains("wd-customer-popover-show")) {
5988            closePopover();
5989        } else {
5990            if (isMobilePopover()) {
5991              mountMobilePopover();
5992            } else {
5993              restorePopoverToHost();
5994            }
5995
5996            popoverElement.classList.add("wd-customer-popover-show");
5997
5998            setTimeout(() => {
5999                document.addEventListener("click", closeEvent);
6000            }, 300);
6001        }
6002    });
6003
6004    const closeEvent = (e) => {
6005        if (!popoverElement) return;
6006
6007        if (popoverElement.contains(e.target) || e.target.closest(".wd-customer-popover-toggle")) {
6008            return;
6009        }
6010
6011        closePopover();
6012    };
6013
6014    window.addEventListener("resize", () => {
6015      if (!popoverElement?.classList.contains("wd-customer-popover-show")) {
6016        restorePopoverToHost();
6017        return;
6018      }
6019
6020      if (isMobilePopover()) {
6021        mountMobilePopover();
6022      } else {
6023        restorePopoverToHost();
6024      }
6025    });
6026
6027    document.querySelectorAll('[aria-controls="login-drawer"]').forEach((button) => {
6028        button.addEventListener("click", () => {
6029            closePopover();
6030        });
6031    });
6032
6033    document.querySelectorAll('.wd-header-popover-links-wrapper--glassix').forEach((button) => {
6034        button.addEventListener('click', (event) => {
6035            closePopover();
6036            window.openGlassixChat?.(event);
6037        });
6038    });
6039</script>
6039
6040
6041<a href="/cart" class="relative" style="transform: translateY(-1px);" aria-controls="cart-drawer">
6042        <span class="sr-only">פתח עגלת קניות</span><div class="wd-cart-with-dot">
6043      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
6044          <path d="M3 23.0002L2.00941 22.8633C1.96985 23.1497 2.05615 23.4392 2.24607 23.6571C2.43598 23.8751 2.71092 24.0002 3 24.0002V23.0002ZM22 23.0002V24.0002C22.2891 24.0002 22.564 23.8751 22.7539 23.6571C22.9438 23.4392 23.0301 23.1497 22.9906 22.8633L22 23.0002ZM20.0181 8.65234L21.0087 8.51551L20.8895 7.65234H20.0181V8.65234ZM4.98186 8.65234V7.65234H4.11049L3.99126 8.51551L4.98186 8.65234ZM3 24.0002H22V22.0002H3V24.0002ZM22.9906 22.8633L21.0087 8.51551L19.0275 8.78917L21.0094 23.137L22.9906 22.8633ZM20.0181 7.65234H4.98186V9.65234H20.0181V7.65234ZM3.99126 8.51551L2.00941 22.8633L3.99059 23.137L5.97245 8.78917L3.99126 8.51551Z" fill="black"/>
6045          <path d="M8.42969 8.24638V3.71739C8.42969 2.21679 10.2528 1 12.5011 1C14.7504 1 16.5725 2.21679 16.5725 3.71739V8.24638" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6046      </svg>
6047      <div class="pulse-circle" style="display:none">0</div>
6048  </div>
6049    
6050    
6050<script>
6051     
6052
6053    
6054      function checkIfCartDot(){
6055        
6056        setTimeout(() => {
6057          const svgCart = document.querySelector('.wd-cart-with-dot');
6058          const cartDotElement = document.querySelector('cart-dot.wd-cart-items-number.is-visible');
6059          if(cartDotElement ) {
6060            let wdCartDots = svgCart.querySelectorAll('.pulse-circle')
6061            wdCartDots.forEach(dot => dot.style.display = 'block' );
6062          } else if (!cartDotElement) {
6063            let wdCartDots = svgCart.querySelectorAll('.pulse-circle')
6064            wdCartDots.forEach(dot => dot.style.display = 'none' );
6065          }
6066        }, 100);
6067      }
6068    
6069      document.addEventListener("cart:change", checkIfCartDot);
6070      document.addEventListener("cart:refresh", checkIfCartDot);
6071       window.addEventListener("cart_refreshed", function (event) {
6072        checkIfCartDot();
6073        const cartItems = event.detail.cart_items;
6074        document.querySelector('.pulse-circle').innerText = cartItems
6075      });
6076    </script>
6076
6077
6078    <style>
6079
6080      .wd-cart-with-dot {
6081        position: relative;
6082        width: 24px;
6083        height: 24px;
6084    }
6085    
6086    .pulse-circle {
6087        position: absolute;
6088        bottom: -7px;
6089        right: -7px;
6090        width: 15px;
6091        height: 15px;
6092        border-radius: 50%;
6093        background: #245732;
6094        box-shadow: 0 0 0 0 	rgb(36,87,50);
6095        animation: pulse 1.5s infinite;
6096        color: #fff;
6097        font-weight: 500;
6098        font-size: 10px;
6099        font-family: 'Montserrat';
6100        text-align:center
6101    }
6102    
6103    @keyframes pulse {
6104        0% {
6105            box-shadow: 0 0 0 0 rgba(125, 143, 62, 0.7);
6106        }
6107        70% {
6108            box-shadow: 0 0 0 6px rgba(125, 143, 62, 0);
6109        }
6110        100% {
6111            box-shadow: 0 0 0 0 rgba(125, 143, 62, 0);
6112        }
6113    }
6114    
6115    </style><cart-dot class="wd-cart-items-number header__cart-dot  "></cart-dot>
6116      </a>
6117    </nav><header-search id="header-search-sections--22025249489151__header" class="header-search" initial-focus=".header-search__input">
6118  <div class="container">
6119    <form id="predictive-search-form" action="/search" method="GET" aria-owns="header-predictive-search" class="header-search__form" role="search">
6120      <input type="hidden" name="options[prefix]" value="last">
6121      <div class="header-search__form-control"><svg aria-hidden="true" fill="none" focusable="false" width="20" class="icon icon-search" viewBox="0 0 24 24">
6122      <path d="M10.364 3a7.364 7.364 0 1 0 0 14.727 7.364 7.364 0 0 0 0-14.727Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
6123      <path d="M15.857 15.858 21 21.001" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
6124    </svg><input type="search" name="q" spellcheck="false" class="header-search__input h5 sm:h4" aria-label="חיפוש" placeholder="אני מחפש/ת...">
6125        <button type="button" is="dialog-close-button">
6126          <span class="sr-only">סגור</span><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16">
6127      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
6128    </svg>
6129
6130  </button>
6131      </div>
6132    </form>
6133
6134    <predictive-search id="header-predictive-search" class="predictive-search">
6135      <div class="predictive-search__content" slot="results"></div>
6136    </predictive-search>
6137  </div>
6138</header-search> <template id="header-sidebar-template">
6139  <div part="base">
6140    <div part="overlay">
6141       
6142    </div>
6143
6144    <div part="content" class="wd-header-content">
6145      <div part="panel-list">
6146        <slot name="main-panel"></slot><slot name="collapsible-panel"></slot></div>
6147    </div>
6148  </div>
6149</template>
6150
6151
6152
6153<header-sidebar id="sidebar-menu" class="header-sidebar drawer drawer--sm color-scheme color-scheme--scheme-2" template="header-sidebar-template" open-from="left"><div class="header-sidebar__main-panel" slot="main-panel">
6154    <div class="header-sidebar__scroller">
6155      <div class="header-sidebar__icons">
6156        <button type="button" is="dialog-close-button" part="close-button tap-area" aria-label="סגור"><svg aria-hidden="true" focusable="false" fill="none" width="16" class="icon icon-close" viewBox="0 0 16 16">
6157      <path d="m1 1 14 14M1 15 15 1" stroke="currentColor" stroke-width="1.5"/>
6158    </svg>
6159
6160  </button><button type="button" aria-label="חיפוש" aria-controls="header-search-sections--22025249489151__header" class="wd-header-search-icon wd-search-mobile" onclick="closeSidebar(event)">
6161            <div class="header-sidebar-search__form-control">
6162              <span class="search-icon">
6163                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
6164                  <ellipse cx="6.98678" cy="7.32027" rx="5.98678" ry="5.98678" stroke="#151515" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6165                  <path d="M14.096 14.4297L11.2148 11.5486" stroke="#151515" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6166                </svg>
6167              </span>
6168              <span class="header-search__input">אני מחפש/ת...</span>
6169            </div>
6170          </button><button type="button" aria-label="Login or register" aria-controls="login-drawer" class="wd-hidden-desktop"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
6171      <path d="M20 21.1446C20 21.1446 17.4586 15.2539 12 15.2539C6.54144 15.2539 4 21.1446 4 21.1446" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6172      <ellipse cx="11.8125" cy="7.45953" rx="4.6875" ry="4.60211" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6173    </svg></button><a href="/cart" class="relative" aria-controls="cart-drawer"><div class="wd-cart-with-dot">
6174      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
6175          <path d="M3 23.0002L2.00941 22.8633C1.96985 23.1497 2.05615 23.4392 2.24607 23.6571C2.43598 23.8751 2.71092 24.0002 3 24.0002V23.0002ZM22 23.0002V24.0002C22.2891 24.0002 22.564 23.8751 22.7539 23.6571C22.9438 23.4392 23.0301 23.1497 22.9906 22.8633L22 23.0002ZM20.0181 8.65234L21.0087 8.51551L20.8895 7.65234H20.0181V8.65234ZM4.98186 8.65234V7.65234H4.11049L3.99126 8.51551L4.98186 8.65234ZM3 24.0002H22V22.0002H3V24.0002ZM22.9906 22.8633L21.0087 8.51551L19.0275 8.78917L21.0094 23.137L22.9906 22.8633ZM20.0181 7.65234H4.98186V9.65234H20.0181V7.65234ZM3.99126 8.51551L2.00941 22.8633L3.99059 23.137L5.97245 8.78917L3.99126 8.51551Z" fill="black"/>
6176          <path d="M8.42969 8.24638V3.71739C8.42969 2.21679 10.2528 1 12.5011 1C14.7504 1 16.5725 2.21679 16.5725 3.71739V8.24638" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6177      </svg>
6178      <div class="pulse-circle" style="display:none">0</div>
6179  </div>
6180    
6181    
6181<script>
6182     
6183
6184    
6185      function checkIfCartDot(){
6186        
6187        setTimeout(() => {
6188          const svgCart = document.querySelector('.wd-cart-with-dot');
6189          const cartDotElement = document.querySelector('cart-dot.wd-cart-items-number.is-visible');
6190          if(cartDotElement ) {
6191            let wdCartDots = svgCart.querySelectorAll('.pulse-circle')
6192            wdCartDots.forEach(dot => dot.style.display = 'block' );
6193          } else if (!cartDotElement) {
6194            let wdCartDots = svgCart.querySelectorAll('.pulse-circle')
6195            wdCartDots.forEach(dot => dot.style.display = 'none' );
6196          }
6197        }, 100);
6198      }
6199    
6200      document.addEventListener("cart:change", checkIfCartDot);
6201      document.addEventListener("cart:refresh", checkIfCartDot);
6202       window.addEventListener("cart_refreshed", function (event) {
6203        checkIfCartDot();
6204        const cartItems = event.detail.cart_items;
6205        document.querySelector('.pulse-circle').innerText = cartItems
6206      });
6207    </script>
6207
6208
6209    <style>
6210
6211      .wd-cart-with-dot {
6212        position: relative;
6213        width: 24px;
6214        height: 24px;
6215    }
6216    
6217    .pulse-circle {
6218        position: absolute;
6219        bottom: -7px;
6220        right: -7px;
6221        width: 15px;
6222        height: 15px;
6223        border-radius: 50%;
6224        background: #245732;
6225        box-shadow: 0 0 0 0 	rgb(36,87,50);
6226        animation: pulse 1.5s infinite;
6227        color: #fff;
6228        font-weight: 500;
6229        font-size: 10px;
6230        font-family: 'Montserrat';
6231        text-align:center
6232    }
6233    
6234    @keyframes pulse {
6235        0% {
6236            box-shadow: 0 0 0 0 rgba(125, 143, 62, 0.7);
6237        }
6238        70% {
6239            box-shadow: 0 0 0 6px rgba(125, 143, 62, 0);
6240        }
6241        100% {
6242            box-shadow: 0 0 0 0 rgba(125, 143, 62, 0);
6243        }
6244    }
6245    
6246    </style><cart-dot class="wd-cart-items-number header__cart-dot  "></cart-dot>
6247        </a>
6248      </div>
6249      
6250      <ul class="header-sidebar__linklist divide-y unstyled-list" role="list">
6251        <div class="header-sidebar-megamenu"><li class="header-sidebar__linklist-item">
6252            
6253            
6254            
6255<a href="/collections/new" class="header-sidebar__linklist-button h6">
6256                 
6257                  <img alt="חדש באתר" src="//yvesrocher.co.il/cdn/shop/files/97068_6_small.jpg?v=1787840396" class="menu-image" width="30" height="30">
6258                
6259                <span class="menu-text">חדש באתר</span>
6260              </a></li><li class="header-sidebar__linklist-item">
6261            
6262            
6263            
6264<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-2" aria-expanded="false">
6265                 
6266                  <img alt="הנמכרים ביותר" src="//yvesrocher.co.il/cdn/shop/files/8_small.png?v=1782923499" class="menu-image" width="30" height="30">
6267                
6268                <span class="menu-text">הנמכרים ביותר</span>
6269                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6270      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6271    </svg></span>
6272              </button></li><li class="header-sidebar__linklist-item">
6273            
6274            
6275            
6276<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-3" aria-expanded="false">
6277                 
6278                  <img alt="פנים" src="//yvesrocher.co.il/cdn/shop/files/2._small.jpg?v=1782917348" class="menu-image" width="30" height="30">
6279                
6280                <span class="menu-text">פנים</span>
6281                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6282      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6283    </svg></span>
6284              </button></li><li class="header-sidebar__linklist-item">
6285            
6286            
6287            
6288<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-4" aria-expanded="false">
6289                 
6290                  <img alt="שיער" src="//yvesrocher.co.il/cdn/shop/files/9d85b205cf62f4031c8768f68db1f064_small.jpg?v=1782245090" class="menu-image" width="30" height="30">
6291                
6292                <span class="menu-text">שיער</span>
6293                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6294      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6295    </svg></span>
6296              </button></li><li class="header-sidebar__linklist-item">
6297            
6298            
6299            
6300<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-5" aria-expanded="false">
6301                 
6302                  <img alt="גוף ורחצה" src="//yvesrocher.co.il/cdn/shop/files/4._small.jpg?v=1782917348" 
6302class="menu-image" width="30" height="30">
6303                
6304                <span class="menu-text">גוף ורחצה</span>
6305                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6306      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6307    </svg></span>
6308              </button></li><li class="header-sidebar__linklist-item">
6309            
6310            
6311            
6312<a href="/collections/summer-sun-protection" class="header-sidebar__linklist-button h6">
6313                 
6314                  <img alt="קיץ והגנה מהשמש" src="//yvesrocher.co.il/cdn/shop/files/47019_6_small.jpg?v=1786367497" class="menu-image" width="30" height="30">
6315                
6316                <span class="menu-text">קיץ והגנה מהשמש</span>
6317              </a></li><li class="header-sidebar__linklist-item">
6318            
6319            
6320            
6321<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-7" aria-expanded="false">
6322                 
6323                  <img alt="בישום" src="//yvesrocher.co.il/cdn/shop/files/5._small.jpg?v=1782917692" class="menu-image" width="30" height="30">
6324                
6325                <span class="menu-text">בישום</span>
6326                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6327      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6328    </svg></span>
6329              </button></li><li class="header-sidebar__linklist-item">
6330            
6331            
6332            
6333<button type="button" class="header-sidebar__linklist-button h6" aria-controls="header-panel-8" aria-expanded="false">
6334                 
6335                  <img alt="מארזי מתנה" src="//yvesrocher.co.il/cdn/shop/files/10_small.jpg?v=1786955022" class="menu-image" width="30" height="30">
6336                
6337                <span class="menu-text">מארזי מתנה</span>
6338                <span class="menu-icon-arrow"><svg aria-hidden="true" focusable="false" fill="none" width="12" class="icon icon-chevron-right  icon--direction-aware" viewBox="0 0 10 10">
6339      <path d="m3 9 4-4-4-4" stroke="currentColor" stroke-linecap="square"/>
6340    </svg></span>
6341              </button></li><li class="header-sidebar__linklist-item">
6342            
6343            
6344            
6345<a href="/collections/bundles" class="header-sidebar__linklist-button h6">
6346                 
6347                  <img alt="ערכות טיפוח" src="//yvesrocher.co.il/cdn/shop/files/48d771fa35911df758397c8789d9a646_small.jpg?v=1782914684" class="menu-image" width="30" height="30">
6348                
6349                <span class="menu-text">ערכות טיפוח</span>
6350              </a></li><li class="header-sidebar__linklist-item">
6351            
6352            
6353            
6354<a href="/collections/%D7%92%D7%91%D7%A8%D7%99%D7%9D" class="header-sidebar__linklist-button h6">
6355                 
6356                  <img alt="גברים" src="//yvesrocher.co.il/cdn/shop/files/1000X1000_3_small.png?v=1786357056" class="menu-image" width="30" height="30">
6357                
6358                <span class="menu-text">גברים</span>
6359              </a></li></div>
6360      </ul>
6361
6362      
6363  
6364<div class="header-sidebar__my-account">
6365    <h3 class="my-account-title">החשבון שלי</h3>
6366    <p class="my-account-text-above-button">התחברו כדי לצבור הטבות, לנהל ולעקוב אחר ההזמנות שלכם בקלות, וליהנות מתהליך תשלום מהיר יותר</p>
6367    <button type="button" aria-controls="login-drawer" class="my-account-button" style="margin-bottom: 10px;">
6368      <span class="my-account-button-text">התחברות / הצטרפות למועדון</span>
6369    </button>
6370    <a href="/pages/מועדון" class="my-account-button" style="margin-bottom: 10px;">
6371	      <span class="my-account-button-text">הסבר על המועדון</span>
6372    </a>
6373     
6374  </div>
6375
6376
6377
6378      <div class="header-sidebar__customer-info-section">
6379    <div class="header-sidebar__customer-info-section-content">
6380      <div class="customer-info-item tracking-order">
6381        <img alt="מעקב אחר הזמנות" src="//yvesrocher.co.il/cdn/shop/files/1_ef316a0d-e3f3-4091-b3e9-dfd81231d11c_24x.png?v=1783879345" width="24" height="24">
6382        <button
6383          type="button"
6384          class="customer-info-item-link customer-info-item-link--glassix"
6385          onclick="window.openGlassixChat(event)"
6386        >
6387          מעקב אחר הזמנות
6388        </button>
6389      </div>
6390      <div class="customer-info-item faqs">
6391        <img alt="סניפים" src="//yvesrocher.co.il/cdn/shop/files/1_d2383d94-ba34-4ffc-b0b9-dc75f324491c_24x.png?v=1783879590" width="24" height="24">
6392        <a href="/pages/stores" class="customer-info-item-link">סניפים</a> 
6393      </div>
6394      <div class="customer-info-item contact-us">
6395        <img alt="צרו איתנו קשר" src="//yvesrocher.co.il/cdn/shop/files/3_06df14cc-dc1e-4a43-989b-565c50e39855_24x.png?v=1783879344" width="24" height="24">
6396        <a href="/pages/contact" class="customer-info-item-link">צרו איתנו קשר</a> 
6397      </div>
6398      <div class="customer-info-item about-us">
6399        <img alt="אודות" src="//yvesrocher.co.il/cdn/shop/files/4_9f87c66b-9a5d-4eb1-96bd-c22c1013e478_24x.png?v=1783878750" width="24" height="24">
6400        <a href="/pages/about" class="customer-info-item-link">אודות</a> 
6401      </div>
6402    </div>
6403  </div>
6404
6405    </div></div><header-sidebar-collapsible-panel class="header-sidebar__collapsible-panel" slot="collapsible-panel">
6406      <div class="header-sidebar__scroller"><div id="header-panel-2" class="header-sidebar__sub-panel" hidden>
6407              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6408                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6409                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6410                </svg>
6411                <span class="wd-link-title">הנמכרים ביותר</span>
6412              </button>
6413
6414              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6415                    
6416                    
6417
6418                    
6419<details is="accordion-disclosure" class="group">
6420                        <summary class="header-sidebar__linklist-button h6">
6421                           
6422                            <img alt="לפי קטגוריה" src="//yvesrocher.co.il/cdn/shop/files/8_small.png?v=1782923499" class="menu-image" width="30" height="30">
6423                          
6424                          <span class="menu-text">לפי קטגוריה</span>
6425                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6426                        </summary>
6427
6428                        <div class="header-sidebar__nested-linklist">
6429                            
6430                            <a href="/collections/best-sellers" class="link-faded-reverse">הכל</a>
6431                            
6432                            <a href="/collections/face-care-best-sellers" class="link-faded-reverse">פנים</a>
6433                            
6434                            <a href="/collections/hair-care-best-sellers" class="link-faded-reverse">שיער</a>
6435                            
6436                            <a href="/collections/body-care-best-sellers" class="link-faded-reverse">גוף</a>
6437                            
6438                            <a href="/collections/bath-best-sellers" class="link-faded-reverse">אמבט ורחצה</a>
6439                            
6440                            <a href="/collections/fragrance-best-sellers" class="link-faded-reverse">בישום</a></div>
6441                      </details></li></ul></div><div id="header-panel-3" class="header-sidebar__sub-panel" hidden>
6442              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6443                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6444                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6445                </svg>
6446                <span class="wd-link-title">פנים</span>
6447              </button>
6448
6449              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6450                    
6451                    
6452
6453                    
6454<details is="accordion-disclosure" class="group">
6455                        <summary class="header-sidebar__linklist-button h6">
6456                           
6457                            <img alt="לפי סוג מוצר" src="//yvesrocher.co.il/cdn/shop/files/16_small.png?v=1783858892" class="menu-image" width="30" height="30">
6458                          
6459                          <span class="menu-text">לפי סוג מוצר</span>
6460                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6461                        </summary>
6462
6463                        <div class="header-sidebar__nested-linklist">
6464                            
6465                            <a href="/collections/face-care" class="link-faded-reverse">כל מוצרי הפנים</a>
6466                            
6467                            <a href="/collections/face-care-best-sellers" class="link-faded-reverse">הנמכרים ביותר</a>
6468                            
6469                            <a href="/collections/face-care-face-serum" class="link-faded-reverse">סרום</a>
6470                            
6471                            <a href="/collections/face-care-face-cream" class="link-faded-reverse">קרם לחות</a>
6472                            
6473                            <a href="/collections/face-care-eye-cream" class="link-faded-reverse">קרם עיניים</a>
6474                            
6475                            <a href="/collections/face-care-face-cleanser" class="link-faded-reverse">ניקוי פנים ומסירי איפור</a>
6476                            
6477                            <a href="/collections/face-care-face-scrub-peeling" class="link-faded-reverse">מסכות ופילינגים</a>
6478                            
6479                            <a href="/collections/face-care-sun-protection" class="link-faded-reverse">הגנה מהשמש</a>
6480                            
6481                            <a href="/collections/face-care-lips" class="link-faded-reverse">שפתיים</a>
6482                            
6483                            <a href="/collections/face-care-bundle" class="link-faded-reverse">ערכות טיפוח</a></div>
6484                      </details></li><li>
6485                    
6486                    
6487
6488                    
6489<details is="accordion-disclosure" class="group">
6490                        <summary class="header-sidebar__linklist-button h6">
6491                           
6492                            <img alt="לפי סוג עור" src="//yvesrocher.co.il/cdn/shop/files/2._small.jpg?v=1782917348" class="menu-image" width="30" height="30">
6493                          
6494                          <span class="menu-text">לפי סוג עור</span>
6495                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6496                        </summary>
6497
6498                        <div class="header-sidebar__nested-linklist">
6499                            
6500                            <a href="/collections/face-care-regular-dry-skin" class="link-faded-reverse">רגיל - יבש</a>
6501                            
6502                            <a href="/collections/face-care-oily-combination-skin" class="link-faded-reverse">מעורב - שומני</a>
6503                            
6504                            <a href="/collections/face-care-acne-skin" class="link-faded-reverse">אקנתי</a>
6505                            
6506                            <a href="/collections/face-care-sensitive-skin" class="link-faded-reverse">רגיש</a>
6507                            
6508                            <a href="/collections/face-care-pigmantation-skin" class="link-faded-reverse">פיגמנטציה</a></div>
6509                      </details></li><li>
6510                    
6511                    
6512
6513                    
6514<details is="accordion-disclosure" class="group">
6515                        <summary class="header-sidebar__linklist-button h6">
6516                           
6517                            <img alt="אנטי אייג'ינג" src="//yvesrocher.co.il/cdn/shop/files/6_80bc25e3-3fe2-4022-a2a7-9ee1c853de66_small.jpg?v=1783932006" class="menu-image" width="30" height="30">
6518                          
6519                          <span class="menu-text">אנטי אייג'ינג</span>
6520                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6521                        </summary>
6522
6523                        <div class="header-sidebar__nested-linklist">
6524                            
6525                            <a href="/collections/face-care-anti-age" class="link-faded-reverse">כל מוצרי האנטי אייג'ינג</a>
6526                            
6527                            <a href="/collections/face-care-anti-age-glow-energie" class="link-faded-reverse">התחלתי</a>
6528                            
6529                            <a href="/collections/face-care-anti-age-lift-pro-collagene" class="link-faded-reverse">מתקדם</a>
6530                            
6531                            <a href="/collections/face-care-anti-aging-anti-age-global" class="link-faded-reverse">פרימיום</a>
6532                            
6533                            <a href="/collections/face-care-anti-age-riche-creme" class="link-faded-reverse">אינטנסיבי לעור יבש</a></div>
6534                      </details></li><li>
6535                    
6536                    
6537
6538                    
6539<details is="accordion-disclosure" class="group">
6540                        <summary class="header-sidebar__linklist-button h6">
6541                           
6542                            <img alt="סדרות" src="//yvesrocher.co.il/cdn/shop/files/15_small.png?v=1783858892" class="menu-image" width="30" height="30">
6543                          
6544                          <span class="menu-text">סדרות</span>
6545                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6546                        </summary>
6547
6548                        <div class="header-sidebar__nested-linklist">
6549                            
6550                            <a href="/collections/face-care-anti-age-glow-energie" class="link-faded-reverse">Glow Energie</a>
6551                            
6552                            <a href="/collections/face-care-anti-age-lift-pro-collagene" class="link-faded-reverse">Lift Pro Collagene</a>
6553                            
6554                            <a href="/collections/face-care-anti-aging-anti-age-global" class="link-faded-reverse">Anti-Age Global</a>
6555                            
6556                            <a href="/collections/face-care-regular-dry-skin-hydra-vegetal" class="link-faded-reverse">Hydra Vegetal</a>
6557                            
6558                            <a href="/collections/face-care-oily-skin-sebo-vegetal" class="link-faded-reverse">Sebo Vegetal</a>
6559                            
6560                            <a href="/collections/face-care-anti-age-riche-creme" class="link-faded-reverse">Riche Crème</a>
6561                            
6562                            <a href="/collections/face-care-series-pigmantation-bright-botanical" class="link-faded-reverse">Bright Botanical</a></div>
6563                      </details></li></ul></div><div id="header-panel-4" class="header-sidebar__sub-panel" hidden>
6564              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6565                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6566                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6567                </svg>
6568                <span class="wd-link-title">שיער</span>
6569              </button>
6570
6571              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6572                    
6573                    
6574
6575                    
6576<details is="accordion-disclosure" class="group">
6577                        <summary class="header-sidebar__linklist-button h6">
6578                           
6579                            <img alt="סוג מוצר" src="//yvesrocher.co.il/cdn/shop/files/8_8a3943fb-c40c-4f22-8609-1f2c1e600807_small.png?v=1783858891" class="menu-image" width="30" height="30">
6580                          
6581                          <span class="menu-text">סוג מוצר</span>
6582                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6583                        </summary>
6584
6585                        <div class="header-sidebar__nested-linklist">
6586                            
6587                            <a href="/collections/hair-care" class="link-faded-reverse">כל מוצרי השיער</a>
6588                            
6589                            <a href="/collections/hair-care-best-sellers" class="link-faded-reverse">הנמכרים ביותר</a>
6590                            
6591                            <a href="/collections/hair-care-shampoo" class="link-faded-reverse">שמפו</a>
6592                            
6593                            <a href="/collections/hair-care-conditioner" class="link-faded-reverse">מרכך</a>
6594                            
6595                            <a href="/collections/hair-care-hair-mask" class="link-faded-reverse">מסכה</a>
6596                            
6597                            <a href="/collections/hair-care-hair-cream-serum" class="link-faded-reverse">סרום וקרם</a>
6598                            
6599                            <a href="/collections/hair-care-hair-oil" class="link-faded-reverse">שמן</a>
6600                            
6601                            <a href="/collections/hair-care-vinegar" class="link-faded-reverse">חומץ להגברת ברק</a>
6602                            
6603                            <a href="/collections/mist" class="link-faded-reverse">בישום לשיער</a>
6604                            
6605                            <a href="/collections/hair-care-bundles" class="link-faded-reverse">ערכות טיפוח</a>
6606                            
6607                            <a href="/collections/hair-shampoo-refill" class="link-faded-reverse">אריזות מילוי</a></div>
6608                      </details></li><li>
6609                    
6610                    
6611
6612                    
6613<details is="accordion-disclosure" class="group">
6614                        <summary class="header-sidebar__linklist-button h6">
6615                           
6616                            <img alt="סוג שיער" src="//yvesrocher.co.il/cdn/shop/files/9d85b205cf62f4031c8768f68db1f064_small.jpg?v=1782245090" class="menu-image" width="30" height="30">
6617                          
6618                          <span class="menu-text">סוג שיער</span>
6619                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6620                        </summary>
6621
6622                        <div class="header-sidebar__nested-linklist">
6623                            
6624                            <a href="/collections/hair-care-hair-loss" class="link-faded-reverse">נשירה</a>
6625                            
6626                            <a href="/collections/hair-care-oily-hair" class="link-faded-reverse">שומני</a>
6627                            
6628                            <a href="/collections/hair-care-dull-collored-hair" class="link-faded-reverse">שיער חסר ברק / צבוע - סדרת חומץ הפטל</a>
6629                            
6630                            <a href="/collections/hair-care-dandruff-hair" class="link-faded-reverse">קשקשים</a>
6631                            
6632                            <a href="/collections/hair-care-dry-hair" class="link-faded-reverse">יבש</a>
6633                            
6634                            <a href="/collections/hair-care-damaged-hair" class="link-faded-reverse">פגום</a>
6635                            
6636                            <a href="/collections/hair-care-curly-hair" class="link-faded-reverse">מתולתל</a>
6637                            
6638                            <a href="/collections/hair-care-tangled-hair" class="link-faded-reverse">נוטה לקשרים</a>
6639                            
6640                            <a href="/collections/hair-care-volume" class="link-faded-reverse">חסר נפח</a></div>
6641                      </details></li></ul></div><div id="header-panel-5" class="header-sidebar__sub-panel" hidden>
6642              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6643                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6644                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6645                </svg>
6646                <span class="wd-link-title">גוף ורחצה</span>
6647              </button>
6648
6649              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6650                    
6651                    
6652
6653                    
6654<details is="accordion-disclosure" class="group">
6655                        <summary class="header-sidebar__linklist-button h6">
6656                           
6657                            <img alt="טיפוח גוף" src="//yvesrocher.co.il/cdn/shop/files/17_small.png?v=1783858893" class="menu-image" width="30" height="30">
6658                          
6659                          <span class="menu-text">טיפוח גוף</span>
6660                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6661                        </summary>
6662
6663                        <div class="header-sidebar__nested-linklist">
6664                            
6665                            <a href="/collections/body-care-best-sellers" class="link-faded-reverse">הנמכרים ביותר</a>
6666                            
6667                            <a href="/collections/bath-body-body-body-cream" class="link-faded-reverse">קרם גוף</a>
6668                            
6669                            <a href="/collections/bath-body-body-hand-cream" class="link-faded-reverse">קרם ידיים</a>
6670                            
6671                            <a href="/collections/bath-body-body-deodorant" class="link-faded-reverse">דאודורנט</a>
6672                            
6673                            <a href="/collections/bath-body-body-body-oil" class="link-faded-reverse">שמן לגוף</a>
6674                            
6675                            <a href="/collections/bath-body-sun-protection" class="link-faded-reverse">הגנה מהשמש</a>
6676                            
6677                            <a href="/collections/mist" class="link-faded-reverse">מיסט לגוף</a></div>
6678                      </details></li><li>
6679                    
6680                    
6681
6682                    
6683<details is="accordion-disclosure" class="group">
6684                        <summary class="header-sidebar__linklist-button h6">
6685                           
6686                            <img alt="אמבט ורחצה" src="//yvesrocher.co.il/cdn/shop/files/11_ffc8a004-72bb-4600-9dc1-d0b4976118cd_small.png?v=1783858893" class="menu-image" width="30" height="30">
6687                          
6688                          <span class="menu-text">אמבט ורחצה</span>
6689                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6690                        </summary>
6691
6692                        <div class="header-sidebar__nested-linklist">
6693                            
6694                            <a href="/collections/bath-best-sellers" class="link-faded-reverse">הנמכרים ביותר</a>
6695                            
6696                            <a href="/collections/bath-body-bath-shower-gel" class="link-faded-reverse">ג'ל רחצה</a>
6697                            
6698                            <a href="/collections/bath-body-bath-refill-shower-gel" class="link-faded-reverse">אריזות מילוי</a>
6699                            
6700                            <a href="/collections/bath-body-bath-hand-soap" class="link-faded-reverse">סבון ידיים</a>
6701                            
6702                            <a href="/collections/bath-body-bath-scrub" class="link-faded-reverse">פילינג</a>
6703                            
6704                            <a href="/collections/bath-body-bath-shower-oil" class="link-faded-reverse">שמן רחצה</a></div>
6705                      </details></li></ul></div><div id="header-panel-7" class="header-sidebar__sub-panel" hidden>
6706              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6707                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6708                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6709                </svg>
6710                <span class="wd-link-title">בישום</span>
6711              </button>
6712
6713              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6714                    
6715                    
6716
6717                    
6718<details is="accordion-disclosure" class="group">
6719                        <summary class="header-sidebar__linklist-button h6">
6720                           
6721                            <img alt="סוג מוצר" src="//yvesrocher.co.il/cdn/shop/files/20_small.png?v=1783858893" class="menu-image" width="30" height="30">
6722                          
6723                          <span class="menu-text">סוג מוצר</span>
6724                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6725                        </summary>
6726
6727                        <div class="header-sidebar__nested-linklist">
6728                            
6729                            <a href="/collections/fragrance" class="link-faded-reverse">כל הבשמים</a>
6730                            
6731                            <a href="/collections/fragrance-best-sellers" class="link-faded-reverse">הנמכרים ביותר</a>
6732                            
6733                            <a href="/collections/fragrance-eau-de-parfum" class="link-faded-reverse">או דה פרפיום</a>
6734                            
6735                            <a href="/collections/fragrance-eau-de-toilette" class="link-faded-reverse">או דה טואלט</a>
6736                            
6737                            <a href="/collections/mist" class="link-faded-reverse">מיסט לגוף ולשיער</a></div>
6738                      </details></li><li>
6739                    
6740                    
6741
6742                    
6743<details is="accordion-disclosure" class="group">
6744                        <summary class="header-sidebar__linklist-button h6">
6745                           
6746                            <img alt="ניחוח" src="//yvesrocher.co.il/cdn/shop/files/5._small.jpg?v=1782917692" class="menu-image" width="30" height="30">
6747                          
6748                          <span class="menu-text">ניחוח</span>
6749                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6750                        </summary>
6751
6752                        <div class="header-sidebar__nested-linklist">
6753                            
6754                            <a href="/collections/fragrance-scent-fresh" class="link-faded-reverse">נקי ורענן</a>
6755                            
6756                            <a href="/collections/fragrance-scent-monoi" class="link-faded-reverse">מונוי</a>
6757                            
6758                            <a href="/collections/fragrance-scent-clean-floral" class="link-faded-reverse">פרחוני ונקי</a>
6759                            
6760                            <a href="/collections/fragrance-scent-sweet" class="link-faded-reverse">מתוק</a></div>
6761                      </details></li></ul></div><div id="header-panel-8" class="header-sidebar__sub-panel" hidden>
6762              <button type="button" class="header-sidebar__back-button link-faded is-divided text-with-icon h6 md:hidden" data-action="close-panel">
6763                <svg xmlns="http://www.w3.org/2000/svg" class="wd-arrow-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
6764                  <path d="M9 18L15 12L9 6" stroke="#272E0F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6765                </svg>
6766                <span class="wd-link-title">מארזי מתנה</span>
6767              </button>
6768
6769              <ul class="header-sidebar__linklist divide-y unstyled-list" role="list"><li>
6770                    
6771                    
6772
6773                    
6774<details is="accordion-disclosure" class="group">
6775                        <summary class="header-sidebar__linklist-button h6">
6776                           
6777                            <img alt="סוג מארז" src="//yvesrocher.co.il/cdn/shop/files/10_small.jpg?v=1786955022" class="menu-image" width="30" height="30">
6778                          
6779                          <span class="menu-text">סוג מארז</span>
6780                          <span class="animated-plus group-expanded:rotate" aria-hidden="true"></span>
6781                        </summary>
6782
6783                        <div class="header-sidebar__nested-linklist">
6784                            
6785                            <a href="/collections/gift-sets" class="link-faded-reverse">מארזי מתנה</a>
6786                            
6787                            <a href="/collections/bundles" class="link-faded-reverse">ערכות טיפוח</a>
6788                            
6789                            <a href="/collections/gift-sets-accessories" class="link-faded-reverse">תיקים, קופסאות ואביזרים</a></div>
6790                      </details></li></ul></div>
6791  
6792<div class="header-sidebar__my-account">
6793    <h3 class="my-account-title">החשבון שלי</h3>
6794    <p class="my-account-text-above-button">התחברו כדי לצבור הטבות, לנהל ולעקוב אחר ההזמנות שלכם בקלות, וליהנות מתהליך תשלום מהיר יותר</p>
6795    <button type="button" aria-controls="login-drawer" class="my-account-button" style="margin-bottom: 10px;">
6796      <span class="my-account-button-text">התחברות / הצטרפות למועדון</span>
6797    </button>
6798    <a href="/pages/מועדון" class="my-account-button" style="margin-bottom: 10px;">
6799	      <span class="my-account-button-text">הסבר על המועדון</span>
6800    </a>
6801     
6802  </div>
6803
6804
6805
6806        <div class="header-sidebar__customer-info-section">
6807    <div class="header-sidebar__customer-info-section-content">
6808      <div class="customer-info-item tracking-order">
6809        <img alt="מעקב אחר הזמנות" src="//yvesrocher.co.il/cdn/shop/files/1_ef316a0d-e3f3-4091-b3e9-dfd81231d11c_24x.png?v=1783879345" width="24" height="24">
6810        <button
6811          type="button"
6812          class="customer-info-item-link customer-info-item-link--glassix"
6813          onclick="window.openGlassixChat(event)"
6814        >
6815          מעקב אחר הזמנות
6816        </button>
6817      </div>
6818      <div class="customer-info-item faqs">
6819        <img alt="סניפים" src="//yvesrocher.co.il/cdn/shop/files/1_d2383d94-ba34-4ffc-b0b9-dc75f324491c_24x.png?v=1783879590" width="24" height="24">
6820        <a href="/pages/stores" class="customer-info-item-link">סניפים</a> 
6821      </div>
6822      <div class="customer-info-item contact-us">
6823        <img alt="צרו איתנו קשר" src="//yvesrocher.co.il/cdn/shop/files/3_06df14cc-dc1e-4a43-989b-565c50e39855_24x.png?v=1783879344" width="24" height="24">
6824        <a href="/pages/contact" class="customer-info-item-link">צרו איתנו קשר</a> 
6825      </div>
6826      <div class="customer-info-item about-us">
6827        <img alt="אודות" src="//yvesrocher.co.il/cdn/shop/files/4_9f87c66b-9a5d-4eb1-96bd-c22c1013e478_24x.png?v=1783878750" width="24" height="24">
6828        <a href="/pages/about" class="customer-info-item-link">אודות</a> 
6829      </div>
6830    </div>
6831  </div>
6832
6833      </div>
6834    </header-sidebar-collapsible-panel></header-sidebar>
6835
6836<script>
6837  function closeSidebar(event) {
6838    event.preventDefault();
6839    // Stop theme dialog toggle on this click — we open search ourselves after closing the menu.
6840    event.stopPropagation();
6841
6842    var trigger = event.currentTarget;
6843    var searchId = trigger.getAttribute("aria-controls");
6844    var search = searchId ? document.getElementById(searchId) : null;
6845    var sidebar = trigger.closest("header-sidebar") || document.getElementById("sidebar-menu");
6846
6847    function focusSearchInput() {
6848      var input = search && search.querySelector(".header-search__input");
6849      if (input) input.focus({ preventScroll: true });
6850    }
6851
6852    if (sidebar && sidebar.open) {
6853      // Drawer focus-trap returns focus to the menu button after hide — reclaim the input.
6854      sidebar.addEventListener("dialog:after-hide", focusSearchInput, { once: true });
6855      sidebar.hide();
6856    }
6857
6858    if (search && !search.open) {
6859      search.show();
6860    }
6861    focusSearchInput();
6862  }
6863</script>
6863</x-header>
6864</height-observer>
6865
6866<script>
6867  document.documentElement.style.setProperty('--header-height', `${document.getElementById('shopify-section-sections--22025249489151__header').clientHeight.toFixed(2)}px`);
6868</script>
6868
6869
6870              <style>
6871                .header-sidebar__linklist li:nth-of-type(8) { 
6872                  color: #fe2c55;
6873                }
6874
6875                #shopify-section-sections--22025249489151__header {z-index:999}
6876              </style>
6877
6878
6879<style> @media screen and (min-width: 699px) {#shopify-section-sections--22025249489151__header .header__logo-image {height: 32px; }} #shopify-section-sections--22025249489151__header .header__primary-nav-item[data-title="Promotions "] a {color: #fe2c55;} #shopify-section-sections--22025249489151__header .header__primary-nav-item[data-title="Subscribe & save 15%"] a {border-radius: 30px; border: 1px solid #272e0f; background: linear-gradient(90deg, #272e0f 0%, #606060 100%); padding: 4px 8px; color: #fff;} #shopify-section-sections--22025249489151__header .header-sidebar__linklist li:nth-of-type(8) {color: #fe2c55;} </style></header><div id="shopify-section-sections--22025249489151__yr_promotion_model_tAKjXB" class="shopify-section shopify-section-group-header-group YR_promotion_model"><style>
6880  .not-try-badge.top-page .offer-countdown .heading {
6881  display:none
6882  }
6883
6884  .not-try-badge.top-page .time-value {
6885      letter-spacing: -0.025em;
6886      font-variant-numeric: tabular-nums;
6887      color: #F9FAF7;
6888      text-align: center;
6889      font-family: Montserrat;
6890      font-size: 14px;
6891      font-style: normal;
6892      font-weight: 500;
6893      line-height: normal;
6894  }
6895
6896  .not-try-badge.top-page .time-label {
6897      letter-spacing: -0.025em;
6898      color: rgba(249, 250, 247, 0.60);
6899      font-family: Montserrat;
6900      font-size: 8px;
6901      font-style: normal;
6902      font-weight: 300;
6903      line-height: normal;
6904      letter-spacing: -0.08px;
6905      text-transform: uppercase;
6906  }
6907
6908  .not-try-badge.top-page .time-block {
6909      border-radius: 8px;
6910      background: rgba(255, 255, 255, 0.30);
6911      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.00), 0 1px 0 0 rgba(0, 0, 0, 0.01);
6912      color: #fff;
6913      min-width: unset;
6914      gap:0;
6915      padding: 4px 8px;
6916  }
6917
6918
6919  .not-try-badge.top-page  .hero-primary-btn {
6920  display:none
6921  }
6922
6923  .not-try-badge.top-page .time-row {
6924  gap: 4px;
6925  }
6926
6927  .not-try-badge.top-page  .dot {
6928      width: 3px;
6929      height: 3px;
6930      border-radius: 999px;
6931      background: #d9d9d9;
6932  }
6933     .email-wraper  {
6934       margin:0 10px
6935     }
6936
6937    .promotion-inline-msg {
6938      background: ;
6939      color: ;
6940      font-size: ;
6941      padding: 10px;
6942      text-align: center;
6943      text-transform: uppercase;
6944      font-weight: 500;
6945      display:none;
6946
6947  }
6948
6949    .promotion-inline-msg span {
6950      font-weight: 400;
6951      font-style: italic;
6952        cursor: pointer;
6953  }
6954
6955      .popup-product-link.second {
6956            background: transparent;
6957            border: 1px solid #000;
6958            color: #000;
6959      }
6960
6961
6962      .popup-product-link {
6963            background: #000;
6964            display: block;
6965            padding: 10px;
6966            color: #fff;
6967            text-align: center;
6968            border-radius: 28px;
6969            font-family: 'Montserrat';
6970            font-weight: 500;
6971            margin: 10px 25px;
6972            cursor: pointer;
6973            }
6974
6975  .promotion-popup_layout {
6976      background: rgba(255, 255, 255, 0.70);
6977      backdrop-filter: blur(10px);
6978    -webkit-backdrop-filter: blur(10px)!important;
6979      display:none;
6980      position: fixed;
6981      top: 0;
6982      right: 0;
6983      left: 0;
6984      bottom: 0;
6985      z-index: 99999;
6986  }
6987
6988    .promotion-popup_background {
6989      background: #fff;
6990      width: 377px;
6991      flex-shrink: 0;
6992      border-radius: 16px;
6993      background: var(--control-background, #FFF);
6994      box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.25);
6995      margin:50px auto 0 auto  ;
6996      padding: 0 0px 8px;
6997      overflow:scroll;
6998
6999  }
7000
7001    .close-promotion-popup {
7002    text-align: right;
7003      padding: 11px 0px 11px 0px;
7004      border-bottom: 1px #E8EAE5 solid;
7005      position: relative;
7006      height: 56px;
7007      margin: 0 10px;
7008
7009  }
7010
7011    .SMS-img {
7012     color: #0000;
7013      max-width: 100%;
7014      height: auto;
7015      width: 345px;
7016      /* height: 160px; */
7017      flex-shrink: 0;
7018      margin: 0 auto;
7019      border-radius: 5px;
7020      padding-top: 15px;
7021  }
7022
7023   .promotion-popup_layout p {
7024               color: #272E0F;
7025                text-align: center;
7026                font-family: Montserrat;
7027                font-size: 15px;
7028                font-style: normal;
7029                font-weight: 300;
7030                line-height: normal;
7031                letter-spacing: 0.15px;
7032                margin-top: 11px;
7033                margin-bottom: 22px;
7034
7035        }
7036
7037   .promotion-popup_layout h1 {
7038              color: #272E0F;
7039              text-align: center;
7040              font-family: Montserrat;
7041              font-size: 20px;
7042              font-style: normal;
7043              font-weight: 500;
7044              line-height: 130%;
7045              letter-spacing: 0.2px;
7046              text-transform: uppercase;
7047              margin-top: 20px;
7048   }
7049
7050    .promotion-scroll-area {
7051      max-height: 650px;
7052      overflow: scroll;
7053      PADDING: 0 10px;
7054       overflow: auto;
7055      scrollbar-width: none !important;
7056      -ms-overflow-style: none !important;
7057  }
7058
7059    .x-image {
7060         background-image: url(https://cdn.shopify.com/s/files/1/0864/6741/2261/files/fi_x.png?v=1720125482);
7061          width: 24px !important;
7062          height: 24px;
7063          display: block;
7064          background-size: contain;
7065          position: absolute;
7066          right: 0;
7067          top: 16px;
7068          cursor: pointer;
7069    }
7070
7071
7072    .present-image {
7073            background-image: url(https://cdn.shopify.com/s/files/1/0864/6741/2261/files/fi_gift_1.png?v=1720133225);
7074      width: 21px !important;
7075      height: 21px;
7076      display: block;
7077      background-size: contain;
7078      position: absolute;
7079      left: 0;
7080      top: 19px;
7081      cursor: pointer;
7082      width: 217px !important;
7083      display: block;
7084      background-repeat: no-repeat;
7085      color: #272E0F;
7086      font-family: Montserrat;
7087      font-size: 14px;
7088      font-style: normal;
7089      font-weight: 500;
7090      line-height: normal;
7091      line-height: 22px;
7092    }
7093</style>
7094
7095
7096
7097
7098<style> #shopify-section-sections--22025249489151__yr_promotion_model_tAKjXB .discount_value {text-transform: none !important;} #shopify-section-sections--22025249489151__yr_promotion_model_tAKjXB #promotion-inline-msg-campaign_popup_CFmRke, #shopify-section-sections--22025249489151__yr_promotion_model_tAKjXB #promotion-inline-msg-campaign_popup_cFpei3 {display: none !important;} </style></div>
7099<!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
7100<section id="shopify-section-sections--22038124167423__login-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--login-drawer wd-login-drawer"><x-drawer
7101    id="login-drawer"
7102    template="login-drawer-template"
7103    class="login-drawer drawer drawer--sm color-scheme color-scheme--scheme-2 wd-login-drawer"
7104    initial-focus="false"
7105  >
7106    <p class="wd-login-drawer__title h4" slot="header" id="wd-login-drawer-title">הצטרפות / כניסה למועדון</p>
7107    <div class="wd-login-drawer__content">
7108      
7109<wa-shopify-login
7110        shop="yves-rocher-israel.myshopify.com"
7111        proxy-base="/apps/weauth"
7112        account-login-url="/customer_authentication/login?return_to=%2Fpages%2Fstores&amp;locale=he&amp;ui_hint=full&amp;region_country=IL"
7113        
7114          shop-logo-url="//yvesrocher.co.il/cdn/shop/files/Nouveau_LOGO_HORIZONTAL_sans_fond_2025.png?v=1781794988&amp;width=240"
7115          shop-logo-alt="Yves Rocher Israel"
7116        
7117        
7118          settings="{&quot;connectorApp&quot;:&quot;Priority&quot;,&quot;defaultPhoneCountry&quot;:&quot;972&quot;,&quot;hideCountryPicker&quot;:true,&quot;enableGoogleLogin&quot;:false,&quot;enableFacebookLogin&quot;:false,&quot;otpLoginChannel&quot;:&quot;phone&quot;,&quot;collectAdditionalFields&quot;:true,&quot;enforceRequiredFields&quot;:false,&quot;fields&quot;:[{&quot;fieldName&quot;:&quot;שם פרטי&quot;,&quot;inputType&quot;:&quot;text&quot;,&quot;required&quot;:true,&quot;placeholder&quot;:&quot;הזיני את שמך&quot;,&quot;targetField&quot;:&quot;given_name&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:false},{&quot;fieldName&quot;:&quot;שם משפחה&quot;,&quot;inputType&quot;:&quot;text&quot;,&quot;required&quot;:true,&quot;placeholder&quot;:&quot;הזיני שם משפחה&quot;,&quot;targetField&quot;:&quot;family_name&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:false},{&quot;fieldName&quot;:&quot;אימייל&quot;,&quot;inputType&quot;:&quot;text&quot;,&quot;required&quot;:true,&quot;placeholder&quot;:&quot;[email protected]&quot;,&quot;targetField&quot;:&quot;email&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:false},{&quot;fieldName&quot;:&quot;מספר טלפון&quot;,&quot;inputType&quot;:&quot;text&quot;,&quot;required&quot;:true,&quot;targetField&quot;:&quot;phone_number&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:false},{&quot;fieldName&quot;:&quot;תאריך לידה&quot;,&quot;inputType&quot;:&quot;date&quot;,&quot;required&quot;:true,&quot;targetField&quot;:&quot;metafield&quot;,&quot;metafieldNamespace&quot;:&quot;custom&quot;,&quot;metafieldKey&quot;:&quot;birthdate&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:true},{&quot;fieldName&quot;:&quot;אישור תקנון&quot;,&quot;inputType&quot;:&quot;checkbox&quot;,&quot;required&quot;:true,&quot;labelText&quot;:&quot;\u003cp\u003eקראתי ואני מאשרת את \u003ca href=\&quot;https:\/\/yves-rocher-israel.myshopify.com\/pages\/membership-terms-and-conditions\&quot; rel=\&quot;noopener noreferrer\&quot; target=\&quot;_blank\&quot;\u003eתנאי התקנון ומדיניות הפרטיות\u003c\/a\u003e\u003c\/p\u003e&quot;,&quot;targetField&quot;:&quot;none&quot;,&quot;subscribeToSms&quot;:false,&quot;subscribeToEmail&quot;:false,&quot;subscribeToClub&quot;:true,&quot;isBirthdate&quot;:false},{&quot;fieldName&quot;:&quot;אישור דיוור&quot;,&quot;inputType&quot;:&quot;checkbox&quot;,&quot;required&quot;:false,&quot;labelText&quot;:&quot;\u003cp\u003eאני מסכימה לקבל דיוור שיווקי במייל וב-SMS (אפשר להסיר בכל עת)\u003c\/p\u003e&quot;,&quot;targetField&quot;:&quot;none&quot;,&quot;subscribeToSms&quot;:true,&quot;subscribeToEmail&quot;:true,&quot;subscribeToClub&quot;:false,&quot;isBirthdate&quot;:false}],&quot;uiLabels&quot;:{&quot;direction&quot;:&quot;rtl&quot;,&quot;title&quot;:&quot;ברוכה הבאה למועדון&quot;,&quot;phoneSubtitle&quot;:&quot;הזיני את מספר הטלפון שלך ונשלח לך קוד אימות.&quot;,&quot;phoneLabel&quot;:&quot;מספר טלפון&quot;,&quot;phoneHint&quot;:&quot;Choose your country, then enter your number without the country code.&quot;,&quot;phonePlaceholder&quot;:&quot;050-1234567&quot;,&quot;emailSubtitle&quot;:&quot;Enter your email to receive a verification code&quot;,&quot;emailLabel&quot;:&quot;Email&quot;,&quot;emailPlaceholder&quot;:&quot;[email protected]&quot;,&quot;sendCodeText&quot;:&quot;שלח קוד אימות&quot;,&quot;sendCodeFooterText&quot;:&quot;בלחיצה על שליחת הקוד הינך מסכימה לקבל הודעת SMS עם קוד חד-פעמי. החברות במועדון חינמית.&quot;,&quot;otpTitle&quot;:&quot;הזיני את הקוד שנשלח&quot;,&quot;otpSubtitle&quot;:&quot;שלחנו קוד בן 6 ספרות אל&quot;,&quot;verifyText&quot;:&quot;אימות והמשך&quot;,&quot;resendPrompt&quot;:&quot;לא קיבלת?&quot;,&quot;resendText&quot;:&quot;שלחי לי שוב&quot;,&quot;backText&quot;:&quot;חזור&quot;,&quot;invalidPhoneMessage&quot;:&quot;
7118הכנס מספר טלפון תקין&quot;,&quot;incompleteCodeMessage&quot;:&quot;יש להזין את כל הספרות של הקוד&quot;,&quot;connectionErrorMessage&quot;:&quot;שגיאת התחברות. נסה שנית&quot;,&quot;tooManyPhonesFromNetworkMessage&quot;:&quot;יותר מידי ניסיונות התחברות מהרשת הזו ב24 שעות האחרונות&quot;,&quot;waitBeforeAnotherCodeMessage&quot;:&quot;יש לחכות לפני בקשת קוד חדש&quot;,&quot;dailyVerificationLimitMessage&quot;:&quot;יותר מידי ניסיונות התחברות עבור המספר הזה ב24 שעות האחרונות&quot;,&quot;maxDailyMessagesMessage&quot;:&quot;יותר מידי שליחות למספר הזה ב24 שעות האחרונות&quot;,&quot;noActivePlanMessage&quot;:&quot;אין לחנות חבילה רשיון פעיל&quot;,&quot;unableToChargeSmsMessage&quot;:&quot;קרתה שגיאה בשליחת ההודעה&quot;,&quot;insufficientSmsBalanceMessage&quot;:&quot;קרתה שגיאה בשליחת ההודעה&quot;,&quot;failedToSendSmsMessage&quot;:&quot;קרתה שגיאה בשליחת ההודעה&quot;,&quot;failedToSendEmailMessage&quot;:&quot;Failed to send email.&quot;,&quot;maxAttemptsReachedMessage&quot;:&quot;מקסימום נסיונות עברו עבור הקוד הזה. אנא נסו שוב&quot;,&quot;waitBeforeRequestingCodeMessage&quot;:&quot;יש לחכות לפני שמבקשים קוד חדש&quot;,&quot;noCodeFoundMessage&quot;:&quot;לא נמצא קוד עבור המספר הזה&quot;,&quot;codeExpiredMessage&quot;:&quot;הקוד פג תוקף. אנא נסו שוב&quot;,&quot;incorrectCodeMessage&quot;:&quot;הקוד שגוי&quot;,&quot;codeSentSuccessfullyMessage&quot;:&quot;הקוד נשלח בהצלחה&quot;,&quot;additionalFieldsTitle&quot;:&quot;עוד פרט אחד ואת חברת מועדון&quot;,&quot;additionalFieldsSubtitle&quot;:&quot;כל השדות חובה. הטלפון שלך כבר אומת.&quot;,&quot;continueText&quot;:&quot;הרשמה למועדון&quot;,&quot;additionalFieldsUpdateTitle&quot;:&quot;כבר יש לך מועדון!&quot;,&quot;additionalFieldsUpdateSubtitle&quot;:&quot;נשאר רק לעדכן את הפרטים&quot;,&quot;continueUpdateText&quot;:&quot;עדכן את הפרטים שלי&quot;,&quot;verifiedFieldLabelSuffix&quot;:&quot;(אומת)&quot;,&quot;requiredFieldMessage&quot;:&quot;יש למלא את השדה הזה&quot;,&quot;invalidEmailMessage&quot;:&quot;יש להזין אמייל תקין&quot;,&quot;emailAlreadyExistsMessage&quot;:&quot;This email address is already registered.&quot;,&quot;orDividerText&quot;:&quot;או&quot;,&quot;continueWithGoogleText&quot;:&quot;המשך עם גוגל&quot;,&quot;continueWithFacebookText&quot;:&quot;המשך עם פייסבוק&quot;}}"
7119        
7120      ></wa-shopify-login>
7121    </div>
7122  </x-drawer>
7123
7124  <style>
7125    .wd-login-drawer.drawer {
7126      --drawer-max-width: 100%;
7127    }
7128
7129    .wd-login-drawer.drawer::part(content) {
7130      width: 100%;
7131      max-width: 100%;
7132    }
7133
7134    @media screen and (min-width: 700px) {
7135      .wd-login-drawer.drawer {
7136        --drawer-max-width: 480px;
7137      }
7138
7139      .wd-login-drawer.drawer::part(content) {
7140        width: 480px;
7141        min-width: 480px;
7142      }
7143    }
7144
7145    .wd-login-drawer.drawer::part(header) {
7146      padding: 0 32px;
7147      flex-direction: row-reverse;
7148      border-bottom: 1px solid #e8dfd4;
7149    }
7150
7151    .wd-login-drawer.drawer::part(close-button) > img {
7152      display: block;
7153      width: 32px;
7154      height: 32px;
7155    }
7156
7157    .wd-login-drawer.drawer::part(body) {
7158      padding: 40px 32px;
7159    }
7160
7161    .wd-login-drawer__title {
7162      color: #272e0f;
7163      font-family: 'FbReforma', sans-serif;
7164      font-size: 18px;
7165      font-weight: 500;
7166      line-height: 130%;
7167      letter-spacing: 0.2px;
7168      text-transform: uppercase;
7169      margin: 0;
7170      width: 100%;
7171      text-align: right;
7172      padding: 24px 0;
7173    }
7174
7175    .wd-login-drawer__content {
7176      width: 100%;
7177    }
7178
7179    .wd-login-drawer__content wa-shopify-login {
7180      display: block;
7181      width: 100%;
7182    }
7183  </style>
7184
7185  
7185<script type="text/plain" id="wd-login-drawer-weauth-styles">
7186    @font-face {
7187      font-family: 'FbReforma';
7188      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Light.otf?v=144374989823177533041783886368') format('opentype');
7189      font-weight: 300;
7190      font-style: normal;
7191      unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
7192    }
7193    @font-face {
7194      font-family: 'FbReforma';
7195      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Regular.otf?v=114929740622211219701783886368') format('opentype');
7196      font-weight: 400;
7197      font-style: normal;
7198      unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
7199    }
7200    @font-face {
7201      font-family: 'FbReforma';
7202      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Medium.otf?v=181497854844793393221783886368') format('opentype');
7203      font-weight: 500;
7204      font-style: normal;
7205      unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
7206    }
7207    @font-face {
7208      font-family: 'FbReforma';
7209      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/FbReforma-Medium.otf?v=181497854844793393221783886368') format('opentype');
7210      font-weight: 500;
7211      font-style: normal;
7212      unicode-range: U+0590-05FF, U+20AA, U+200E, U+200F;
7213    }
7214    @font-face {
7215      font-family: 'Montserrat';
7216      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Regular.ttf?v=41055220998291202911778615391') format('truetype');
7217      font-weight: 400;
7218      font-style: normal;
7219      unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
7220    }
7221    @font-face {
7222      font-family: 'Montserrat';
7223      src: url('//yvesrocher.co.il/cdn/shop/t/3/assets/Montserrat-Medium.ttf?v=120889324015852621071778615390') format('truetype');
7224      font-weight: 500;
7225      font-style: normal;
7226      unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-20CF;
7227    }
7228    div.wa-shopify-login {
7229      padding: 0;
7230      box-shadow: none;
7231      font-family: 'FbReforma', sans-serif;
7232    }
7233    .wa-shopify-login form {
7234      display: flex;
7235      flex-direction: column;
7236      align-items: stretch;
7237      gap: 20px;
7238      width: 100%;
7239      margin: 0;
7240    }
7241    .wa-shopify-login .wa-shopify-login__title {
7242      margin: 0;
7243      color: #1e351a;
7244      font-family: 'FbReforma', sans-serif;
7245      font-size: 32px;
7246      font-weight: 500;
7247      line-height: normal;
7248      text-align: right;
7249      text-transform: none;
7250      letter-spacing: 0;
7251      order: 1;
7252    }
7253    .wa-shopify-login__step--otp .wa-shopify-login__title,
7254    .wa-shopify-login__step--additional-fields .wa-shopify-login__title {
7255      font-size: 24px;
7256    }
7257    .wa-shopify-login .wa-shopify-login__subtitle {
7258      margin: 0;
7259      color: #474a41;
7260      font-family: 'FbReforma', sans-serif;
7261      font-size: 16px;
7262      font-weight: 400;
7263      line-height: 1.4;
7264      text-align: right;
7265      order: 2;
7266      margin-bottom: 20px;
7267    }
7268    .wa-shopify-login .wa-shopify-login__field {
7269      display: flex;
7270      flex-direction: column;
7271      align-items: stretch;
7272      gap: 2px;
7273      width: 100%;
7274      margin: 0;
7275    }
7276    .wa-shopify-login .wa-shopify-login__field label {
7277      color: #1e351a;
7278      font-family: 'FbReforma', sans-serif;
7279      font-size: 16px;
7280      font-weight: 500;
7281      line-height: normal;
7282      text-align: right;
7283    }
7284    .wa-shopify-login .wa-shopify-login__phone-row,
7285    .wa-shopify-login .wa-shopify-login__phone-national {
7286      width: 100%;
7287    }
7288    .wa-shopify-login .wa-shopify-login__phone-input,
7289    .wa-shopify-login input:not([type='checkbox']) {
7290      box-sizing: border-box;
7291      width: 100%;
7292      margin: 0;
7293      padding: 13px 16px;
7294      border: 1px solid #a3a3a3;
7295      border-radius: 8px;
7296      background: #fafafa;
7297      color: #1e351a;
7298      font-family: 'FbReforma', sans-serif;
7299      font-size: 16px;
7300      font-weight: 400;
7301      line-height: normal;
7302      text-align: right;
7303      box-shadow: none;
7304      appearance: none;
7305      -webkit-appearance: none;
7306    }
7307    .wa-shopify-login .wa-shopify-login__phone-input::placeholder,
7308    .wa-shopify-login input::placeholder {
7309      color: #878787;
7310      opacity: 1;
7311    }
7312    .wa-shopify-login .wa-shopify-login__phone-input:focus,
7313    .wa-shopify-login input:focus {
7314      outline: none;
7315      border-color: #1e351a;
7316    }
7317    .wa-shopify-login .wa-shopify-login__submit {
7318      display: flex;
7319      width: 100%;
7320      height: 49px;
7321      padding: 9px 24px;
7322      justify-content: center;
7323      align-items: center;
7324      border-radius: 8px;
7325      border: 1px solid rgba(255, 255, 255, 0.22);
7326      background: #245732;
7327      color: #fff;
7328      font-family: 'FbReforma', sans-serif;
7329      font-size: 16px;
7330      font-weight: 500;
7331      line-height: normal;
7332      letter-spacing: 0;
7333      text-transform: uppercase;
7334      cursor: pointer;
7335      box-shadow: none;
7336      order: 4;
7337    }
7338    .wa-shopify-login .wa-shopify-login__submit:hover {
7339      background: #1e351a;
7340    }
7341    .wa-shopify-login .wa-shopify-login__legal,
7342    .wa-shopify-login .wa-shopify-login__disclaimer,
7343    .wa-shopify-login .wa-shopify-login__footer {
7344      margin: 0;
7345      color: #878787;
7346      font-family: 'FbReforma', sans-serif;
7347      font-size: 12px;
7348      font-weight: 400;
7349      line-height: 1.6;
7350      text-align: right;
7351    }
7352    .wa-shopify-login .wa-shopify-login__checkbox-label {
7353      flex: 1;
7354      color: #474a41;
7355      font-size: 12px;
7356      font-weight: 400;
7357      line-height: 1.5;
7358    }
7359    .wa-shopify-login .wa-shopify-login__checkbox-label a {
7360      color: #44f;
7361      text-decoration: underline;
7362    }
7363    .wa-shopify-login .wa-shopify-login__checkbox-row {
7364      display: flex;
7365      gap: 10px;
7366      align-items: center;
7367    }
7368    .wa-shopify-login input[type='checkbox'] {
7369      -webkit-appearance: none;
7370      appearance: none;
7371      box-sizing: border-box;
7372      width: 18px;
7373      height: 18px;
7374      min-width: 18px;
7375      margin: 0;
7376      padding: 0;
7377      border: 1px solid #a3a3a3;
7378      border-radius: 4px;
7379      background: #fff;
7380      flex-shrink: 0;
7381      cursor: pointer;
7382      box-shadow: none;
7383    }
7384    .wa-shopify-login input[type='checkbox']:checked {
7385      border-color: #00772f;
7386      background-color: #00772f;
7387      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1.5 3.5 3.8 6l4.7-5' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
7388      background-repeat: no-repeat;
7389      background-position: center;
7390      background-size: 10px 8px;
7391    }
7392    .wa-shopify-login input[type='checkbox']:focus {
7393      outline: none;
7394    }
7395    .wa-shopify-login .wa-shopify-login__error,
7396    .wa-shopify-login [role='alert'] {
7397      margin: 0;
7398      color: #b42318;
7399      font-family: 'FbReforma', sans-serif;
7400      font-size: 14px;
7401      font-weight: 400;
7402      line-height: 1.4;
7403      text-align: right;
7404      order: 5;
7405    }
7406    .wa-shopify-login a {
7407      color: #1e351a;
7408      text-decoration: underline;
7409    }
7410    .wa-shopify-login .wa-shopify-login__otp-inputs {
7411      order: 3;
7412      margin: 0;
7413    }
7414    .wa-shopify-login .wa-shopify-login__otp-inputs input {
7415      min-height: 76px;
7416      padding: 12px 14px;
7417      text-align: center;
7418      font-size: 24px;
7419    }
7420    .wa-shopify-login .wa-shopify-login__otp-inputs input:focus {
7421      border: 1px solid #00772F;
7422      background: #F2F8F5;
7423    }
7424    .wa-shopify-login .wa-shopify-login__back {
7425      display: none;
7426    }
7427    .wa-shopify-login .wa-shopify-login__step:not(.wa-shopify-login__step--otp) * {
7428      order: 0 !important;
7429    }
7430    .wa-shopify-login .wa-shopify-login__resend {
7431      order: 3;
7432      margin: 0;
7433      text-align: start;
7434      color: #00772F;
7435      font-size: 14px;
7436      font-weight: 500;
7437    }
7438    .wa-shopify-login .wa-shopify-login__link {
7439      color: #00772F;
7440      text-decoration: none;
7441    }
7442    .wa-shopify-login .wa-shopify-login__field--verified {
7443      position: relative;
7444    }
7445    .wa-shopify-login .wa-shopify-login__field--verified .wa-shopify-login__verified-label-suffix {
7446      color: inherit;
7447      padding-right: 2px;
7448    }
7449    .wa-shopify-login .wa-shopify-login__field--verified .wa-shopify-login__text-input--verified {
7450      border: 1px solid #00772f;
7451      background: #f2f8f5;
7452      color: #1e351a;
7453      padding: 13px 36px 13px 56px;
7454      cursor: default;
7455    }
7456    .wa-shopify-login .wa-shopify-login__field--verified .wa-shopify-login__text-input--verified:focus {
7457      border-color: #00772f;
7458      outline: none;
7459    }
7460    .wa-shopify-login .wa-shopify-login__field--verified::before {
7461      content: '\2713';
7462      position: absolute;
7463      right: 16px;
7464      top: calc(18px + 2px + 22px);
7465      font-size: 16px;
7466      line-height: 1;
7467      color: #1e351a;
7468      pointer-events: none;
7469      z-index: 1;
7470    }
7471    .wa-shopify-login .wa-shopify-login__field--verified::after {
7472      content: 'אומת';
7473      position: absolute;
7474      left: 16px;
7475      top: calc(18px + 2px + 22px);
7476      font-size: 12px;
7477      font-weight: 500;
7478      color: #00772f;
7479      line-height: normal;
7480      pointer-events: none;
7481      z-index: 1;
7482    }
7483    input[id='wa-field-תאריך לידה']::-webkit-calendar-picker-indicator {
7484      order: -1;
7485    }
7486    .wa-shopify-login__field label[for="wa-field-אישור תקנון"] {
7487      margin-bottom: -5px; 
7488      margin-top: 20px;
7489    }
7490    .wa-shopify-login__field label[for="wa-field-אישור דיוור"] {
7491      margin-bottom: 20px;
7492    }
7493  </script>
7493
7494
7495  
7495<script>
7496    (function () {
7497      const styleId = 'wd-login-drawer-weauth-styles';
7498      const drawerTitleLabels = {
7499        PHONE: 'הצטרפות / כניסה למועדון',
7500        OTP: 'אימות קוד SMS',
7501        ADDITIONAL_FIELDS: 'הצטרפות למועדון',
7502      };
7503
7504      const fallbackLoginSteps = {
7505        PHONE: 'phone',
7506        OTP: 'otp',
7507        ADDITIONAL_FIELDS: 'additional-fields',
7508      };
7509
7510      const getLoginSteps = () => window.weauth?.loginSteps ?? fallbackLoginSteps;
7511
7512      const setDrawerTitle = (step) => {
7513        const steps = getLoginSteps();
7514        const stepKey = Object.keys(steps).find((key) => steps[key] === step);
7515        const title = stepKey ? drawerTitleLabels[stepKey] : null;
7516        const el = document.getElementById('wd-login-drawer-title');
7517        if (title && el) el.textContent = title;
7518      };
7519
7520      document.addEventListener('weauth:loginStageChange', (event) => {
7521        const step = typeof event.detail === 'string' ? event.detail : event.detail?.step;
7522        setDrawerTitle(step);
7523      });
7524
7525      const inject = () => {
7526        const host = document.querySelector('.wd-login-drawer__content wa-shopify-login');
7527        const root = host && host.shadowRoot;
7528        if (!root || root.getElementById(styleId)) return !!root;
7529
7530        const source = document.getElementById(styleId);
7531        if (!source) return false;
7532
7533        const style = document.createElement('style');
7534        style.id = styleId;
7535        style.textContent = source.textContent.trim();
7536        root.append(style);
7537        return true;
7538      };
7539
7540      const ensureStyles = () => {
7541        if (inject()) return;
7542        window.setTimeout(ensureStyles, 200);
7543      };
7544
7545      if (document.readyState === 'loading') {
7546        document.addEventListener('DOMContentLoaded', ensureStyles);
7547      } else {
7548        ensureStyles();
7549      }
7550
7551      document.getElementById('login-drawer')?.addEventListener('dialog:after-show', () => {
7552        ensureStyles();
7553        setDrawerTitle(getLoginSteps().PHONE);
7554
7555        const host = document.querySelector('.wd-login-drawer__content wa-shopify-login');
7556        if (!host || !host.parentNode) return;
7557
7558        const returnPath = `${window.location.pathname}${window.location.search}`;
7559        let finishUrl = host.getAttribute('account-login-url') || '';
7560        try {
7561          const parsed = new URL(finishUrl, window.location.origin);
7562          parsed.searchParams.set('return_to', returnPath);
7563          finishUrl = `${parsed.pathname}${parsed.search}`;
7564        } catch {
7565          finishUrl = `/customer_authentication/login?return_to=${encodeURIComponent(returnPath)}`;
7566        }
7567        if (host.getAttribute('account-login-url') === finishUrl) return;
7568
7569        const replacement = document.createElement('wa-shopify-login');
7570        for (const attr of host.attributes) {
7571          if (attr.name === 'account-login-url') continue;
7572          replacement.setAttribute(attr.name, attr.value);
7573        }
7574        replacement.setAttribute('account-login-url', finishUrl);
7575        host.parentNode.replaceChild(replacement, host);
7576        ensureStyles();
7577      });
7578    })();
7579  </script>
7579
7580</section><section id="shopify-section-sections--22038124167423__login_drawer_teaser" class="shopify-section shopify-section-group-overlay-group shopify-section--login-drawer-teaser"><div
7581    id="wd-login-drawer-teaser-sections--22038124167423__login_drawer_teaser"
7582    class="wd-login-drawer-teaser"
7583  >
7584    <p class="wd-login-drawer-teaser__inner"><button
7585          type="button"
7586          class="wd-login-drawer-teaser__close"
7587          aria-label="סגור"
7588          data-login-drawer-teaser-close
7589        >
7590          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
7591            <path d="M18 6L6 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7592            <path d="M6 6L18 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7593          </svg>
7594        </button><button
7595        type="button"
7596        class="wd-login-drawer-teaser__open"
7597        data-login-drawer-teaser-popup-open
7598      >
7599        קבלי 10% הנחה
7600      </button>
7601    </p>
7602  </div>
7603
7604  <div
7605    id="wd-login-drawer-teaser-popup-sections--22038124167423__login_drawer_teaser"
7606    class="wd-login-drawer-teaser-popup"
7607    hidden
7608    role="dialog"
7609    aria-modal="true"aria-labelledby="wd-login-drawer-teaser-popup-title-sections--22038124167423__login_drawer_teaser">
7610    <div class="wd-login-drawer-teaser-popup__backdrop" data-login-drawer-teaser-popup-close></div>
7611    <div class="wd-login-drawer-teaser-popup__panel">
7612      <button
7613        type="button"
7614        class="wd-login-drawer-teaser-popup__close"
7615        aria-label="סגור"
7616        data-login-drawer-teaser-popup-close
7617      >
7618        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
7619          <path d="M18 6L6 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7620          <path d="M6 6L18 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7621        </svg>
7622      </button><div class="wd-login-drawer-teaser-popup__image-wrap">
7623          <img src="//yvesrocher.co.il/cdn/shop/files/LSB_24008_1.webp?v=1783591951&amp;width=690" alt="" srcset="//yvesrocher.co.il/cdn/shop/files/LSB_24008_1.webp?v=1783591951&amp;width=345 345w, //yvesrocher.co.il/cdn/shop/files/LSB_24008_1.webp?v=1783591951&amp;width=690 690w" width="690" height="398" loading="lazy" class="wd-login-drawer-teaser-popup__image">
7624        </div><div class="wd-login-drawer-teaser-popup__content"><div class="wd-login-drawer-teaser-popup__subtitle">
7625            <p>הצטרפי <em>בחינם</em> למועדון ה-VIP וקבלי</p>
7626          </div><h2 id="wd-login-drawer-teaser-popup-title-sections--22038124167423__login_drawer_teaser" class="wd-login-drawer-teaser-popup__title">
7627            אקסטרה 10% הנחה
7628          </h2><ul class="wd-login-drawer-teaser-popup__bullets"><li class="wd-login-drawer-teaser-popup__bullet">
7629                  <span class="wd-login-drawer-teaser-popup__bullet-check" aria-hidden="true">
7630                    <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" enable-background="new 0 0 100 100" viewBox="0 0 100 100"><path d="m32.4019012 66.8268127c11.7052994-19.415451 43.1778183-41.8689117 60.5611572-54.1850739.969429-.6868477 2.2564163-.7039757 3.2470779-.0481148l.0000076.0000038c1.5998077 1.0591431 1.7361755 3.3570576.270462 4.5951405-20.8551025 17.6162357-45.6711159 38.6918182-53.1655769 61.907692-.2717361.841774-.8977699 1.5116119-1.7220688 1.8324661-3.8023949 1.4800568-9.6033573 4.4625015-13.0352688 6.5376205-1.4422512.8720551-3.3071594.3373718-4.0716248-1.1646881-5.316721-10.4465485-13.8642492-23.3361053-20.9552345-29.1749496-1.3073883-1.0765266-1.3830793-3.0789871-.1589661-4.2493401 14.1692448-13.546936 24.6195774 5.0047913 29.0286083 13.9484291z" fill="#245732"/></svg>
7631                  </span>
7632                  <span class="wd-login-drawer-teaser-popup__bullet-text">
7633                    צבירת נקודות
7634                  </span>
7635                </li><li class="wd-login-drawer-teaser-popup__bullet">
7636                  <span class="wd-login-drawer-teaser-popup__bullet-check" aria-hidden="true">
7637                    <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" enable-background="new 0 0 100 100" viewBox="0 0 100 100"><path d="m32.4019012 66.8268127c11.7052994-19.415451 43.1778183-41.8689117 60.5611572-54.1850739.969429-.6868477 2.2564163-.7039757 3.2470779-.0481148l.0000076.0000038c1.5998077 1.0591431 1.7361755 3.3570576.270462 4.5951405-20.8551025 17.6162357-45.6711159 38.6918182-53.1655769 61.907692-.2717361.841774-.8977699 1.5116119-1.7220688 1.8324661-3.8023949 1.4800568-9.6033573 4.4625015-13.0352688 6.5376205-1.4422512.8720551-3.3071594.3373718-4.0716248-1.1646881-5.316721-10.4465485-13.8642492-23.3361053-20.9552345-29.1749496-1.3073883-1.0765266-1.3830793-3.0789871-.1589661-4.2493401 14.1692448-13.546936 24.6195774 5.0047913 29.0286083 13.9484291z" fill="#245732"/></svg>
7638                  </span>
7639                  <span class="wd-login-drawer-teaser-popup__bullet-text">
7640                    הנחות בלעדיות
7641                  </span>
7642                </li><li class="wd-login-drawer-teaser-popup__bullet">
7643                  <span class="wd-login-drawer-teaser-popup__bullet-check" aria-hidden="true">
7644                    <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" enable-background="new 0 0 100 100" viewBox="0 0 100 100"><path d="m32.4019012 66.8268127c11.7052994-19.415451 43.1778183-41.8689117 60.5611572-54.1850739.969429-.6868477 2.2564163-.7039757 3.2470779-.0481148l.0000076.0000038c1.5998077 1.0591431 1.7361755 3.3570576.270462 4.5951405-20.8551025 17.6162357-45.6711159 38.6918182-53.1655769 61.907692-.2717361.841774-.8977699 1.5116119-1.7220688 1.8324661-3.8023949 1.4800568-9.6033573 4.4625015-13.0352688 6.5376205-1.4422512.8720551-3.3071594.3373718-4.0716248-1.1646881-5.316721-10.4465485-13.8642492-23.3361053-20.9552345-29.1749496-1.3073883-1.0765266-1.3830793-3.0789871-.1589661-4.2493401 14.1692448-13.546936 24.6195774 5.0047913 29.0286083 13.9484291z" fill="#245732"/></svg>
7645                  </span>
7646                  <span class="wd-login-drawer-teaser-popup__bullet-text">
7647                    הטבות מפנקות
7648                  </span>
7649                </li></ul><button
7650          type="button"
7651          class="wd-login-drawer-teaser-popup__cta"
7652          data-login-drawer-teaser-popup-join
7653        >
7654          צרפו אותי!
7655        </button><div class="wd-login-drawer-teaser-popup__legal">
7656            <p>אקסטרה 10% הנחה: במעמד ההצטרפות באתר בלבד, הזכאות תופיע בצ'קאאוט, ההנחה תינתן על היתרה, החברה רשאית לשנות ולעדכן את התקנון מעת לעת</p>
7657          </div></div>
7658    </div>
7659  </div>
7660
7661  <style>
7662    #shopify-section-sections--22038124167423__login_drawer_teaser {
7663      position: static;
7664    }
7665
7666    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser {
7667      border-radius: 98px;
7668      background: #245732;
7669      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(91, 199, 116, 0.5), 0 6px 16px 0 rgba(0, 0, 0, 0.09);
7670      padding: 4px;
7671      width: max-content;
7672      position: fixed;
7673      bottom: 30px;
7674      right: 30px;
7675      z-index: 999999;
7676      display: block;
7677    }
7678
7679    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser--hidden,
7680    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser.is-dismissed {
7681      display: none !important;
7682    }
7683
7684    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser__inner {
7685      display: grid;
7686      grid-template-columns: auto auto;
7687      align-items: center;
7688      gap: 5px;
7689      margin: 0;
7690      padding: 8px 15px 8px 10px;
7691      border-radius: 52px;
7692      border: 1px solid rgba(255, 255, 255, 0.4);
7693    }
7694
7695    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser__open,
7696    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser__close {
7697      appearance: none;
7698      -webkit-appearance: none;
7699      border: 0;
7700      background: transparent;
7701      padding: 0;
7702      margin: 0;
7703      cursor: pointer;
7704      color: #fff;
7705      font-family: Montserrat, sans-serif;
7706      font-size: 14px;
7707      font-weight: 500;
7708      line-height: normal;
7709      text-transform: uppercase;
7710    }
7711
7712    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser__close svg {
7713      display: block;
7714      width: 16px;
7715      height: 16px;
7716    }
7717
7718    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup {
7719      position: fixed;
7720      inset: 0;
7721      z-index: 1000000;
7722      display: flex;
7723      align-items: center;
7724      justify-content: center;
7725      padding: 20px;
7726    }
7727
7728    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup[hidden] {
7729      display: none !important;
7730    }
7731
7732    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__backdrop {
7733      position: absolute;
7734      inset: 0;
7735      background: rgba(255, 255, 255, 0.7);
7736      backdrop-filter: blur(10px);
7737      -webkit-backdrop-filter: blur(10px);
7738      cursor: pointer;
7739    }
7740
7741    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__panel {
7742      position: relative;
7743      width: 100%;
7744      max-width: 377px;
7745      max-height: calc(100vh - 40px);
7746      overflow: auto;
7747      border-radius: 16px;
7748      background: #fff;
7749      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25);
7750      scrollbar-width: none;
7751      -ms-overflow-style: none;
7752    }
7753
7754    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__panel::-webkit-scrollbar {
7755      display: none;
7756    }
7757
7758    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__close {
7759      position: absolute;
7760      top: 16px;
7761      right: 16px;
7762      z-index: 1;
7763      appearance: none;
7764      -webkit-appearance: none;
7765      border: 0;
7766      background: transparent;
7767      padding: 0;
7768      margin: 0;
7769      cursor: pointer;
7770      color: #272e0f;
7771      line-height: 0;
7772    }
7773
7774    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__close svg {
7775      display: block;
7776      width: 24px;
7777      height: 24px;
7778    }
7779
7780    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__image {
7781      display: block;
7782      width: 100%;
7783      height: auto;
7784    }
7785
7786    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__content {
7787      padding: 24px 20px 28px;
7788      text-align: center;
7789    }
7790
7791    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__title {
7792      margin: 0 0 10px;
7793      color: #245732;
7794      font-size: 26px;
7795      font-weight: 700;
7796      line-height: 1.3;
7797      text-transform: uppercase;
7798    }
7799
7800    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__subtitle {
7801      color: #272e0f;
7802      font-size: 16px;
7803      line-height: 1.4;
7804    }
7805
7806    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__subtitle p {
7807      margin: 0 0 6px;
7808    }
7809
7810    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__subtitle p:last-child {
7811      margin-bottom: 0;
7812    }
7813
7814    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__subtitle a {
7815      color: inherit;
7816      text-decoration: underline;
7817    }
7818
7819    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__subtitle em {
7820      font-style: normal;
7821      text-decoration: underline;
7822    }
7823
7824    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__bullets {
7825      list-style: none;
7826      margin: 0;
7827      padding: 0;
7828      width: 100%;
7829      display: flex;
7830      justify-content: center;
7831      flex-wrap: wrap;
7832      text-align: right;
7833    }
7834
7835    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__bullet {
7836      display: flex;
7837      align-items: center;
7838      gap: 4px;
7839    }
7840
7841    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__bullet-check {
7842      flex-shrink: 0;
7843      line-height: 0;
7844      color: #245732;
7845    }
7846
7847    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__bullet-check svg {
7848      display: block;
7849      width: 16px;
7850      height: 16px;
7851    }
7852
7853    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__bullet-text {
7854      color: #272e0f;
7855      font-size: 14px;
7856      line-height: 1.5;
7857      letter-spacing: 0.15px;
7858    }
7859
7860    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__cta {
7861      appearance: none;
7862      -webkit-appearance: none;
7863      display: block;
7864      width: 100%;
7865      margin-top: 20px;
7866      padding: 12px 20px;
7867      border: 0;
7868      border-radius: 8px;
7869      background: #245732;
7870      color: #fff;
7871      font-size: 16px;
7872      font-weight: 500;
7873      line-height: normal;
7874      text-transform: uppercase;
7875      cursor: pointer;
7876    }
7877
7878    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__legal {
7879      margin-top: 20px;
7880      color: #272e0f;
7881      font-size: 11px;
7882      line-height: 1.4;
7883      text-align: center;
7884    }
7885
7886    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__legal p {
7887      margin: 0 0 6px;
7888    }
7889
7890    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__legal p:last-child {
7891      margin-bottom: 0;
7892    }
7893
7894    #shopify-section-sections--22038124167423__login_drawer_teaser .wd-login-drawer-teaser-popup__legal a {
7895      color: inherit;
7896      text-decoration: underline;
7897    }
7898
7899    html.wd-login-drawer-teaser-popup-open {
7900      overflow: hidden;
7901    }
7902  </style>
7903
7904  
7904<script>
7905    (function () {
7906      const sectionId = "sections--22038124167423__login_drawer_teaser";
7907      const storageKey = "login-drawer-teaser-v2";
7908      const isLoggedIn = false;
7909      const teaser = document.getElementById('wd-login-drawer-teaser-' + sectionId);
7910      const popup = document.getElementById('wd-login-drawer-teaser-popup-' + sectionId);
7911      if (!teaser || !popup || isLoggedIn) return;
7912
7913      const dismiss = () => {
7914        teaser.classList.add('is-dismissed');
7915        localStorage.setItem(storageKey, 'yes');
7916      };
7917
7918      const openPopup = () => {
7919        popup.hidden = false;
7920        document.documentElement.classList.add('wd-login-drawer-teaser-popup-open');
7921      };
7922
7923      const closePopup = () => {
7924        popup.hidden = true;
7925        document.documentElement.classList.remove('wd-login-drawer-teaser-popup-open');
7926      };
7927
7928      const openLoginDrawer = () => {
7929        closePopup();
7930        document.getElementById('login-drawer')?.show?.();
7931      };
7932
7933      if (localStorage.getItem(storageKey) === 'yes') {
7934        teaser.classList.add('is-dismissed');
7935        return;
7936      }
7937
7938      teaser.querySelector('[data-login-drawer-teaser-close]')?.addEventListener('click', (event) => {
7939        event.preventDefault();
7940        event.stopPropagation();
7941        dismiss();
7942      });
7943
7944      teaser.querySelector('[data-login-drawer-teaser-popup-open]')?.addEventListener('click', (event) => {
7945        event.preventDefault();
7946        openPopup();
7947      });
7948
7949      popup.querySelectorAll('[data-login-drawer-teaser-popup-close]').forEach((button) => {
7950        button.addEventListener('click', closePopup);
7951      });
7952
7953      popup.querySelector('[data-login-drawer-teaser-popup-join]')?.addEventListener('click', openLoginDrawer);
7954
7955      document.addEventListener('keydown', (event) => {
7956        if (event.key === 'Escape' && !popup.hidden) {
7957          closePopup();
7958        }
7959      });
7960
7961      const loginDrawer = document.getElementById('login-drawer');
7962      loginDrawer?.addEventListener('dialog:after-show', () => {
7963        closePopup();
7964        teaser.classList.add('is-dismissed');
7965      });
7966      loginDrawer?.addEventListener('dialog:after-hide', () => {
7967        if (localStorage.getItem(storageKey) !== 'yes') {
7968          teaser.classList.remove('is-dismissed');
7969        }
7970      });
7971    })();
7972  </script>
7972
7973</section><section id="shopify-section-sections--22038124167423__cart-drawer" class="shopify-section shopify-section-group-overlay-group shopify-section--cart-drawer">
7974
7975<cart-drawer id="cart-drawer" class="cart-drawer drawer drawer--center-body color-scheme color-scheme--scheme-2" template="cart-drawer-template" initial-focus="false" handle-editor-events>
7976  
7977
7978<div class="cart-drawer-club-strip" slot="club-strip">
7979  <span class="cart-drawer-club-strip__dot" aria-hidden="true"></span>
7980
7981  
7982    <p class="cart-drawer-club-strip__text" dir="auto">
7983      <span class="cart-drawer-club-strip__regular">בקנייה זו חברת מועדון צוברת </span>
7984      <span class="cart-drawer-club-strip__points"><span data-pc-accumulated-points>0</span> נקודות</span>
7985    </p>
7986    <button
7987      type="button"
7988      class="cart-drawer-club-strip__link"
7989      aria-controls="login-drawer"
7990    >התחברות/ הרשמה</button>
7991  
7992</div>
7993
7994  <p class="h4" slot="header">עגלת קניות</p>
7995    
7996
7997   
7998
7999
8000
8001
8002
8003
8004
8005
8006
8007
8008<!------------------->
8009
8010
8011
8012
8013
8014
8015
8016<!-----------------------------------   NOT Acq users section    ------------------------------------------->
8017
8018    <div id="you-got-free-shipping-bar-in-cart">
8019   
8020        
8021  
8022        
8023        
8024        <div class="item">
8025        <div style="background:#e8e9e2" class="fake-radio"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="7" viewBox="0 0 10 7" fill="none"> <path d="M9 1L3.5 6L1 3.72727" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg></div>
8026        <p>הוסיפו עוד 249 ₪ כדי לקבל <span>משלוח חינם</span></p>
8027        </div>
8028       
8029  
8030    </div>
8031
8032
8033<style>
8034    #you-got-free-shipping-bar-in-cart { 
8035    position:relative;
8036    
8037    }
8038
8039#you-got-free-shipping-bar-in-cart {
8040color: var(--charcoal, #2C2C2C);
8041    font-family: Montserrat;
8042    font-size: 12px;
8043    font-style: normal;
8044    font-weight: 500;
8045    line-height: normal;
8046    padding: 11px;
8047    align-items: center;
8048    gap: 10px;
8049    display: grid;
8050    border-radius: 10px !important;
8051    border: 1px solid var(--gray-400, #A3A3A3);
8052    background: var(--light-green, #F2F8F5);
8053    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
8054    text-transform: capitalize;
8055}
8056
8057#you-got-free-shipping-bar-in-cart  .item {
8058    display: flex;
8059    gap: 10px;
8060    align-items: center;
8061}
8062
8063#you-got-free-shipping-bar-in-cart  .item .fake-radio {
8064    background: #245732;
8065    border-radius: 37px;
8066    height: 15px;
8067    width: 15px;
8068    display: flex;
8069    align-items: center;
8070    justify-content: center;
8071}
8072
8073    #you-got-free-shipping-bar-in-cart img { 
8074    position:absolute;
8075    top:0;
8076    left:0;
8077    right:0;
8078    bottom:0;
8079    display:none;
8080    }
8081
8082    #you-got-free-shipping-bar-in-cart .item span {
8083    color: var(--Botanical, #00772F);
8084    font-family: Montserrat;
8085    font-size: 12px;
8086    font-style: normal;
8087    font-weight: 500;
8088    line-height: normal;
8089}
8090
8091</style>
8092
8093
8094
8095<script>
8096  (function () {
8097    if (window.__yrPcAccumulatedPointsBound) return;
8098    window.__yrPcAccumulatedPointsBound = true;
8099
8100    function applyPoints(points) {
8101      if (points == null || points === '') points = '0';
8102      var drawer = document.querySelector('cart-drawer');
8103      var scope = drawer || document;
8104      scope.querySelectorAll('[data-pc-accumulated-points]').forEach(function (el) {
8105        el.textContent = points;
8106      });
8107    }
8108
8109    function getPointsFromDetail(detail) {
8110      if (!detail) return null;
8111
8112      if (detail.pc_accumulated_points != null && detail.pc_accumulated_points !== '') {
8113        return String(detail.pc_accumulated_points);
8114      }
8115
8116      if (detail.accumulated_points != null && detail.accumulated_points !== '') {
8117        return String(detail.accumulated_points);
8118      }
8119
8120      if (detail.points != null && detail.points !== '') {
8121        return String(detail.points);
8122      }
8123
8124      var cart = detail.cart;
8125      if (cart && cart.attributes && cart.attributes.pc_accumulated_points != null && cart.attributes.pc_accumulated_points !== '') {
8126        return String(cart.attributes.pc_accumulated_points);
8127      }
8128
8129      if (detail.attributes && detail.attributes.pc_accumulated_points != null && detail.attributes.pc_accumulated_points !== '') {
8130        return String(detail.attributes.pc_accumulated_points);
8131      }
8132
8133      return null;
8134    }
8135
8136    function syncPointsFromServer() {
8137      return fetch(window.Shopify.routes.root + 'cart.js')
8138        .then(function (response) { return response.json(); })
8139        .then(function (cart) {
8140          var attr = cart.attributes && cart.attributes.pc_accumulated_points;
8141          if (attr != null && attr !== '') applyPoints(attr);
8142        });
8143    }
8144
8145    function handlePointsUpdate(detail) {
8146      var points = getPointsFromDetail(detail);
8147      if (points != null) {
8148        applyPoints(points);
8149        return;
8150      }
8151
8152      syncPointsFromServer();
8153    }
8154
8155    function onPriorityCartUpdated(event) {
8156      handlePointsUpdate(event.detail);
8157    }
8158
8159    window.addEventListener('priority:cartUpdated', onPriorityCartUpdated);
8160    document.addEventListener('priority:cartUpdated', onPriorityCartUpdated);
8161
8162    document.addEventListener('cart:refresh', function () {
8163      syncPointsFromServer();
8164    });
8165  })();
8166</script>
8166
8167   
8168
8169
8170
8171
8172
8173
8174
8175
8176 
8177
8178
8179<div class="refresh-cart">
8180  <div class="refresh-cart-box">
8181    <p>העגלה שלכם צריכה רענון קטן. <br>תחשבו על זה כמו תנומת כוח לביצועים טובים יותר 🤗</p>
8182  <div onclick="remove_try_discounts(this)" class="refresh-cart-button">רענן עכשיו</div>
8183  </div>  
8184</div>
8185
8186
8187<script>
8188function applyDiscount(registered, element){
8189   // var registered = registered; 
8190    element.innerText = "applying..."
8191    localStorage.setItem('clubsave120-applied','true');
8192      if(registered === true){
8193      //window.location.href = '/discount/CLUBSAVE120?redirect='+ window.location.pathname;
8194       applyDiscountCodeTry('CLUBSAVE150') 
8195      }
8196    
8197      else {
8198       window.location.href = "/discount/CLUBSAVE120?redirect=https://shopify.com/81510859007/account?locale=he&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ5dmVzLXJvY2hlci1pc3JhZWwubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkxMDM3NjgxLCJuYmYiOjE3OTA0MzI4ODF9.1QcgP14-vZNC45kWm9Q6qluVz9F4TwlN4rFjfB8W8b4&region_country=IL"
8199      }
8200  }
8201
8202function remove_try_discounts(element){
8203  removeItemToCart('', 0, true);
8204  element.innerText = 'Refreshing Cart...' 
8205  sessionStorage.setItem('try_discount_was_removed','true')    
8206  sessionStorage.setItem('discount','')  
8207}
8208
8209function applyDiscountCodeTry(discountCode) {
8210     const discountUrl = `/discount/${discountCode}?redirect=/cart`;
8211           fetch(discountUrl, {
8212               method: 'GET',
8213               headers: {
8214                   'Content-Type': 'application/json'
8215               }
8216           }).then(response => {
8217               if (response.ok) {                                                         
8218               } else {
8219                   console.error('Failed to apply discount.');
8220               }
8221           }).catch(error => {
8222               console.error('Error applying discount:', error);
8223     });
8224}
8225       
8226           // applyDiscountCodeTry('86JTZ5FEYJDS');
8227
8228  
8229  
8230async function addItemToCart(variant_id) {
8231    
8232    var addData = {
8233      id: variant_id,
8234      quantity: 1,
8235    };
8236    fetch('/cart/add', {
8237      body: JSON.stringify(addData),
8238      credentials: 'same-origin',
8239      headers: {
8240        'Content-Type': 'application/json',
8241        'X-Requested-With': 'xmlhttprequest',
8242      },
8243      method: 'POST',
8244    })
8245      .then(function (response) {
8246        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8247        return response.json();
8248      })
8249      .then(function (json) {
8250        //document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8251        document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true}));
8252        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:end", { bubbles: true }));
8253       
8254        Shopify.analytics.publish("cart_carousel_added_to_cart", { 
8255                     product_id: variant_id    
8256               });
8257        
8258      })
8259      .catch(function (err) {
8260        console.error(err);
8261
8262        Shopify.analytics.publish("cart_carousel_failed_to_add", { 
8263                     product_id: variant_id    
8264               });
8265      });
8266  }
8267
8268
8269 async function removeItemToCart(variant_id , qty, removeDiscount) {
8270    
8271    var addData = {
8272      id: variant_id,
8273      quantity: qty,
8274    };
8275    fetch('/cart/change', {
8276      body: JSON.stringify(addData),
8277      credentials: 'same-origin',
8278      headers: {
8279        'Content-Type': 'application/json',
8280        'X-Requested-With': 'xmlhttprequest',
8281      },
8282      method: 'POST',
8283    })
8284      .then(function (response) {
8285        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8286        return response.json();
8287      })
8288      .then(function (json) {
8289        //document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8290        document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true}));
8291        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:end", { bubbles: true }));
8292       if(removeDiscount === true){
8293         window.location.href="/discount/clear?redirect="+ window.location.pathname
8294       }
8295       
8296        
8297      })
8298      .catch(function (err) {
8299        console.error(err);
8300
8301       
8302      });
8303  } 
8304
8305
8306
8307function update_cart_with_old_discounts(){
8308    const original_order = sessionStorage.getItem('discount');
8309    applyDiscountCodeTry(original_order); 
8310  }
8311
8312
8313async function tbyb_remove_max_limit(variant_id , qty, element) {
8314    if(element != null){
8315     element.innerText = 'Removing...';
8316    }
8317    var addData = {
8318      id: variant_id,
8319      quantity: qty,
8320    };
8321    fetch('/cart/change', {
8322      body: JSON.stringify(addData),
8323      credentials: 'same-origin',
8324      headers: {
8325        'Content-Type': 'application/json',
8326        'X-Requested-With': 'xmlhttprequest',
8327      },
8328      method: 'POST',
8329    })
8330      .then(function (response) {
8331        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8332        return response.json();
8333      })
8334      .then(function (json) {
8335        //document.documentElement.dispatchEvent(new CustomEvent("theme:loading:start", { bubbles: true }));
8336        
8337        document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true}));
8338        document.documentElement.dispatchEvent(new CustomEvent("theme:loading:end", { bubbles: true }));
8339       
8340        
8341      
8342        
8343      })
8344      .catch(function (err) {
8345        console.error(err);
8346
8347    
8348      });
8349  }
8350
8351
8352</script>
8352
8353
8354
8355
8356
8357
8358  
8359
8360    
8360<script>
8361      
8362    </script>
8362
8363
8364
8365
8366
8367
8368
8369                  
8370
8371
8372
8373
8374
8375
8376
8377
8378
8379  
8380
8381
8382
8383
8384<style>
8385.tbyb-max-limit-box-action {
8386 display:block;
8387 font-weight: 500;
8388 padding-top:10px 
8389}  
8390.refresh-cart , .tbyb-max-limit-container {
8391    position: fixed;
8392    top: 0;
8393    right: 0;
8394    left: 0;
8395    bottom: 0;
8396    background: rgb(255, 255, 255, 0.7);
8397    z-index: 99999;
8398    font-size: 18px;
8399    align-items: center;
8400    display:none;   
8401}
8402
8403span.product-removed-quantity {
8404    width: 14px;
8405    height: 14px;
8406    display: inline-grid;
8407    text-align: center;
8408    background: #F4F0E9;
8409    color: #000;
8410    font-weight: 500;
8411    font-family: 'Montserrat';
8412    border-radius: 20px;
8413    /* padding: 2px; */
8414    align-items: center;
8415}  
8416
8417 
8418.order-level-discount { display:none}
8419.free-shipping-upsell {display:none}  
8420
8421
8422.refresh-cart-box , .tbyb-max-limit-box {
8423    width: 90%;
8424    margin: 0 auto;
8425    background: #fff;
8426    opacity: 1;
8427    border-radius: 12px;
8428    border: 1px solid #C7D8E8;
8429    background: #FFFFFE;
8430    box-shadow: 0px 2px 9px 0px rgba(101, 201, 64, 0.20), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
8431    padding: 20px;
8432    text-align: center;
8433    font-size: 16px;
8434    line-height: 1.3;
8435    max-width: 350px;
8436}
8437.refresh-cart-button {
8438    border-radius: 36px;
8439    border: 1px solid rgba(255, 255, 255, 0.12);
8440    background: #272E0F;
8441    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
8442    color: #fff;
8443    display: flex;
8444    height: 40px;
8445    padding: 9px 25px;
8446    justify-content: center;
8447    align-items: center;
8448    gap: 4px;
8449    flex: 1 0 0;
8450    margin-top: 12px;
8451    cursor: pointer;
8452}
8453  
8454.tbyb-max-limit-box p {
8455      font-family: Montserrat;
8456    font-size: 14px;
8457    margin-bottom: 15px;
8458} 
8459.product-to-remove {
8460    display: grid;
8461    grid-template-columns: 20% 50% 26%;
8462    margin-bottom: 15px;
8463    align-items: center;
8464    gap: 2%;
8465    width: 100%;
8466} 
8467
8468.product-to-remove img {
8469    border-radius: 4px;
8470} 
8471.tbyb-max-limit-box .product-to-remove p {
8472    text-align: left;
8473    font-size: 12px;
8474    font-family: Montserrat;
8475      margin-bottom: 0;
8476}  
8477
8478.remove-button {
8479    display: flex;
8480    height: 30px;
8481    padding: 9px 25px;
8482    justify-content: center;
8483    align-items: center;
8484    gap: 4px;
8485    border-radius: 36px;
8486    box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.02) inset, 0px 6px 12px 0px rgba(255, 255, 255, 0.12) inset, 0px 4px 8px 3px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.20);
8487    color: #FFFFFF;
8488    font-family: 'Montserrat';
8489    font-size: 11px;
8490    font-style: normal;
8491    font-weight: 500;
8492    line-height: normal;
8493    text-transform: uppercase;
8494    letter-spacing: unset;
8495    background: rgb(39 46 15);
8496    margin-top: 0;
8497    width: 100%;
8498    cursor: pointer;
8499    align-items: center;
8500}  
8501</style>
8502                    
8503 
8504  
8505
8506   
8507
8508
8509  
8510
8511<p class="h5 text-center">עגלת הקניות שלך ריקה</p></cart-drawer>
8512
8513
8514<style>
8515.gfgPageWrapper , .gfgCartPageWrapperV2 , .gfgUnifiedDiscountWrapper { display:none}
8516 .cart-drawer__footer .try-promo-in-cart {margin-bottom:0} 
8517
8518#cart-drawer .order-level-discount { 
8519    margin-bottom: 10px;
8520    justify-content: space-between;
8521}
8522</style>
8523
8524<script>
8525  
8526  
8527
8528  function show_discount_badge_cart(element) { 
8529      var lineItemContainer = element.closest('.line-item-info');
8530          lineItemContainer.querySelector('.discount-badge').classList.toggle('hide')
8531      }
8532
8533  function hideGorgiasButton() {
8534    const style = document.createElement('style');
8535    style.innerHTML = "div#gorgias-chat-container { display: none; }";
8536    document.body.appendChild(style);
8537  }
8538  //hideGorgiasButton();
8539
8540  const cartDrawer = document.getElementById('cart-drawer');
8541
8542  cartDrawer?.addEventListener('click', (event) => {
8543    const loginTrigger = event.target.closest('[aria-controls="login-drawer"]');
8544    if (!loginTrigger || !cartDrawer.contains(loginTrigger)) return;
8545    cartDrawer.hide?.();
8546  });
8547
8548 
8549  
8550</script>
8550
8551
8552
8553<style> #shopify-section-sections--22038124167423__cart-drawer #cart-drawer {z-index: 999999999999999;} </style></section><div id="shopify-section-sections--22038124167423__heap_HTtfQM" class="shopify-section shopify-section-group-overlay-group heap_data">
8554 
8555
8556
8557
8558
8559      
8560              
8560<script>
8561                if(localStorage.getItem('user_email') != null){
8562                   Shopify.analytics.publish("heap_dentity", { 
8563                     email: localStorage.getItem('user_email')
8564               });
8565                }
8566              </script>
8566
8567           
8568
8569
8570    
8571    
8572
8573
8574</div>
8575<!-- END sections: overlay-group --><main id="main" class="anchor">
8576      <section id="shopify-section-template--22025249947903__main" class="shopify-section shopify-section--main-page"><div class="section-spacing section-spacing--tight color-scheme color-scheme--scheme-1 color-scheme--bg-54922f2e920ba8346f6dc0fba343d673">
8577  <div class="container container--xs">
8578    <div class="section-stack"><div class="section-header justify-self-center text-center">
8579          <h1 class="h2">הסניפים שלנו</h1>
8580        </div>
8581        <div class="prose"><!-- Yves Rocher Israel - Store Locator | compact hours + collapsible cards | paste into a Shopify Custom Liquid section/page template -->
8582<section class="yr-store-locator" dir="rtl">
8583  <div class="yr-store-locator__header">
8584    <p>מצאי את סניף איב רושה הקרוב אלייך</p>
8585  </div>
8586
8587  <div class="yr-store-locator__filters" aria-label="חיפוש וסינון סניפים">
8588    <div class="yr-store-search-wrap">
8589      <input id="yrStoreSearch" type="search" placeholder="חיפוש לפי עיר" aria-label="חיפוש לפי עיר" autocomplete="off">
8590      <div id="yrStoreSuggestions" class="yr-store-suggestions" aria-label="הצעות ערים" role="listbox" hidden></div>
8591    </div>
8592    <select id="yrStoreArea" aria-label="סינון לפי אזור">
8593      <option value="">כל האזורים</option>
8594      <option value="אזור הצפון">אזור הצפון</option>
8595      <option value="אזור המרכז">אזור המרכז</option>
8596      <option value="אזור הדרום">אזור הדרום</option>
8597    </select>
8598  </div>
8599
8600  <p class="yr-store-locator__count" id="yrStoreCount"></p>
8601  <div class="yr-store-locator__grid" id="yrStoreGrid"></div>
8602</section>
8603
8604<style>
8605  .yr-store-locator {
8606    max-width: 1200px;
8607    margin: 0 auto;
8608    padding: 32px 16px 56px;
8609    font-family: inherit;
8610    color: inherit;
8611  }
8612
8613  .yr-store-locator__header {
8614    text-align: center;
8615    margin-bottom: 28px;
8616  }
8617
8618  .yr-store-locator__header h1 {
8619    margin: 0 0 8px;
8620    font-size: clamp(28px, 4vw, 42px);
8621    font-weight: 700;
8622  }
8623
8624  .yr-store-locator__header p {
8625    margin: 0;
8626    font-size: 16px;
8627    opacity: .75;
8628  }
8629
8630  .yr-store-locator__filters {
8631    display: grid;
8632    grid-template-columns: minmax(0, 1fr) 260px;
8633    gap: 18px;
8634    max-width: 980px;
8635    margin: 0 auto 22px;
8636    align-items: stretch;
8637  }
8638
8639  .yr-store-search-wrap {
8640    position: relative;
8641    width: 100%;
8642    min-width: 0;
8643  }
8644
8645  .yr-store-locator__filters input,
8646  .yr-store-locator__filters select {
8647    width: 100%;
8648    height: 56px;
8649    min-height: 56px;
8650    box-sizing: border-box;
8651    padding: 0 18px;
8652    border: 1px solid rgba(0,0,0,.18);
8653    border-radius: 12px;
8654    background: #fff;
8655    font: inherit;
8656    line-height: 56px;
8657  }
8658
8659  .yr-store-suggestions {
8660    position: absolute !important;
8661    z-index: 9999 !important;
8662    top: calc(100% + 8px) !important;
8663    left: 0 !important;
8664    right: 0 !important;
8665    margin: 0 !important;
8666    padding: 8px 0 !important;
8667    list-style: none !important;
8668    background: #fff !important;
8669    border: 1px solid rgba(0,0,0,.14) !important;
8670    border-radius: 12px !important;
8671    box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
8672    max-height: min(420px, 55vh) !important;
8673    overflow-y: auto !important;
8674    text-align: right !important;
8675  }
8676
8677  .yr-store-suggestions[hidden] {
8678    display: none !important;
8679  }
8680
8681  .yr-store-suggestions.is-open {
8682    display: block !important;
8683  }
8684
8685  .yr-store-suggestion-item {
8686    display: block !important;
8687    width: 100% !important;
8688    margin: 0 !important;
8689    padding: 12px 18px !important;
8690    border: 0 !important;
8691    background: transparent !important;
8692    color: inherit !important;
8693    font: inherit !important;
8694    line-height: 1.35 !important;
8695    text-align: right !important;
8696    cursor: pointer !important;
8697    appearance: none !important;
8698    -webkit-appearance: none !important;
8699  }
8700
8701  .yr-store-suggestion-item:hover,
8702  .yr-store-suggestion-item:focus {
8703    background: #f4f7f3 !important;
8704    outline: none !important;
8705  }
8706
8707  .yr-store-locator__count {
8708    max-width: 980px;
8709    margin: 0 auto 18px;
8710    font-size: 14px;
8711    opacity: .7;
8712  }
8713
8714  .yr-store-locator__grid {
8715    display: grid;
8716    grid-template-columns: 1fr;
8717    gap: 18px;
8718    max-width: 980px;
8719    margin: 0 auto;
8720  }
8721
8722  .yr-store-card {
8723    display: flex;
8724    flex-direction: column;
8725    gap: 14px;
8726    padding: 20px;
8727    border: 1px solid rgba(0,0,0,.12);
8728    border-radius: 14px;
8729    background: #fff;
8730    box-shadow: 0 6px 18px rgba(0,0,0,.05);
8731  }
8732
8733  .yr-store-card__top {
8734    display: flex;
8735    align-items: flex-start;
8736    justify-content: space-between;
8737    gap: 12px;
8738  }
8739
8740  .yr-store-card h2 {
8741    margin: 0;
8742    font-size: 18px;
8743    line-height: 1.35;
8744    font-weight: 700;
8745  }
8746
8747  .yr-store-card__area {
8748    margin-top: 4px;
8749    font-size: 13px;
8750    opacity: .65;
8751    white-space: nowrap;
8752  }
8753
8754  .yr-store-card__status {
8755    display: inline-flex;
8756    align-items: center;
8757    width: fit-content;
8758    padding: 6px 12px;
8759    border-radius: 999px;
8760    font-size: 13px;
8761    font-weight: 700;
8762    white-space: nowrap;
8763  }
8764
8765  .yr-store-card__status.is-open {
8766    background: #e7f6ec;
8767    color: #176b3a;
8768  }
8769
8770  .yr-store-card__status.is-closed {
8771    background: #f8e8e8;
8772    color: #8a1f1f;
8773  }
8774
8775  .yr-store-card__status.is-saturday {
8776    background: #f3f0e8;
8777    color: #6d5c35;
8778  }
8779
8780  .yr-store-card__details {
8781    display: grid;
8782    gap: 7px;
8783    font-size: 14px;
8784    line-height: 1.55;
8785  }
8786
8787  .yr-store-card__details a {
8788    color: inherit;
8789    text-decoration: underline;
8790    text-underline-offset: 3px;
8791  }
8792
8793  .yr-store-card__hours {
8794    border-top: 1px solid rgba(0,0,0,.1);
8795    padding-top: 4px;
8796    font-size: 14px;
8797  }
8798
8799  .yr-store-card__hours summary {
8800    display: flex;
8801    align-items: center;
8802    justify-content: space-between;
8803    gap: 12px;
8804    padding: 8px 0;
8805    cursor: pointer;
8806    font-weight: 700;
8807    list-style: none;
8808  }
8809
8810  .yr-store-card__hours summary::-webkit-details-marker {
8811    display: none;
8812  }
8813
8814  .yr-store-card__hours-arrow {
8815    width: 9px;
8816    height: 9px;
8817    border-left: 2px solid currentColor;
8818    border-bottom: 2px solid currentColor;
8819    transform: rotate(-45deg);
8820    transition: transform .2s ease;
8821    opacity: .75;
8822    margin-inline-start: 8px;
8823  }
8824
8825  .yr-store-card__hours[open] .yr-store-card__hours-arrow {
8826    transform: rotate(135deg);
8827  }
8828
8829  .yr-store-card__hours-list {
8830    display: grid;
8831    gap: 0;
8832    padding-top: 2px;
8833  }
8834
8835  .yr-store-card__hours-row {
8836    display: flex;
8837    justify-content: space-between;
8838    gap: 16px;
8839    padding: 7px 0;
8840    border-top: 1px solid rgba(0,0,0,.07);
8841  }
8842
8843  .yr-store-card__hours-row:first-child {
8844    border-top: 0;
8845  }
8846
8847  .yr-store-card__hours-day {
8848    font-weight: 700;
8849  }
8850
8851  .yr-store-card__hours-time {
8852    text-align: left;
8853    direction: ltr;
8854  }
8855
8856  .yr-store-card__hours-time.is-text {
8857    direction: rtl;
8858    text-align: left;
8859    unicode-bidi: isolate;
8860  }
8861
8862  .yr-store-card__hours-time .yr-time-range {
8863    direction: ltr;
8864    unicode-bidi: isolate;
8865    display: inline-block;
8866  }
8867
8868  .yr-store-card__hours-time .yr-season-hours {
8869    display: inline-flex;
8870    flex-wrap: wrap;
8871    direction: rtl;
8872    unicode-bidi: isolate;
8873    align-items: center;
8874    gap: 4px;
8875  }
8876
8877  .yr-store-card__hours-time .yr-season-item {
8878    display: inline-flex;
8879    direction: rtl;
8880    unicode-bidi: isolate;
8881    align-items: center;
8882    gap: 4px;
8883    white-space: nowrap;
8884  }
8885
8886  .yr-store-card__hours-time .yr-season-separator {
8887    display: inline-block;
8888    direction: rtl;
8889    unicode-bidi: isolate;
8890    margin: 0 2px;
8891  }
8892
8893  .yr-store-card__actions {
8894    display: grid !important;
8895    grid-template-columns: 1fr 1fr;
8896    gap: 10px;
8897    margin-top: auto;
8898    padding-top: 4px;
8899    width: 100%;
8900  }
8901
8902  .yr-store-card__cta {
8903    width: 100% !important;
8904    box-sizing: border-box !important;
8905    appearance: none !important;
8906    -webkit-appearance: none !important;
8907    display: inline-flex !important;
8908    justify-content: center !important;
8909    align-items: center !important;
8910    gap: 8px !important;
8911    min-height: 48px !important;
8912    padding: 12px 16px !important;
8913    border-radius: 12px !important;
8914    border: 1px solid #176b3a !important;
8915    color: #176b3a !important;
8916    background: #fff !important;
8917    text-decoration: none !important;
8918    font-size: 15px !important;
8919    font-weight: 700 !important;
8920    line-height: 1 !important;
8921    letter-spacing: 0 !important;
8922    text-align: center !important;
8923    white-space: nowrap !important;
8924    overflow: visible !important;
8925    min-width: 0 !important;
8926  }
8927
8928  .yr-store-card__cta--primary {
8929    background: #176b3a !important;
8930    color: #fff !important;
8931    border-color: #176b3a !important;
8932  }
8933
8934  .yr-store-card__cta svg {
8935    width: 18px;
8936    height: 18px;
8937    flex: 0 0 auto;
8938    display: block;
8939  }
8940
8941  .yr-store-card__cta,
8942  .yr-store-card__cta:visited,
8943  .yr-store-card__cta:hover,
8944  .yr-store-card__cta:focus {
8945    text-decoration: none !important;
8946  }
8947
8948  .yr-store-card__cta::before,
8949  .yr-store-card__cta::after {
8950    content: none !important;
8951    display: none !important;
8952  }
8953
8954  .yr-store-card__cta-label {
8955    position: static !important;
8956    display: inline-block !important;
8957    line-height: 1 !important;
8958    transform: none !important;
8959    text-decoration: none !important;
8960  }
8961
8962
8963  .yr-store-empty {
8964    grid-column: 1 / -1;
8965    padding: 32px 16px;
8966    text-align: center;
8967    border: 1px dashed rgba(0,0,0,.2);
8968    border-radius: 12px;
8969  }
8970
8971  @media (min-width: 641px) {
8972    .yr-store-card {
8973      padding: 28px 32px;
8974    }
8975
8976    .yr-store-card__top {
8977      align-items: center;
8978    }
8979
8980    .yr-store-card h2 {
8981      font-size: 24px;
8982      line-height: 1.35;
8983    }
8984
8985    .yr-store-card__details {
8986      font-size: 16px;
8987      gap: 9px;
8988    }
8989
8990    .yr-store-card__actions,
8991    .yr-store-locator .yr-store-actions-fixed {
8992      max-width: 540px;
8993      margin-inline-start: auto !important;
8994      margin-inline-end: auto !important;
8995    }
8996  }
8997
8998  @media (max-width: 640px) {
8999    .yr-store-locator {
9000      padding: 24px 14px 44px;
9001    }
9002
9003    .yr-store-locator__filters {
9004      grid-template-columns: 1fr;
9005    }
9006
9007    .yr-store-locator__grid {
9008      grid-template-columns: 1fr;
9009    }
9010
9011    .yr-store-card {
9012      padding: 20px 18px;
9013      border-radius: 16px;
9014    }
9015
9016    .yr-store-card__top {
9017      display: block;
9018    }
9019
9020    .yr-store-card__status {
9021      margin-top: 14px;
9022    }
9023
9024    .yr-store-card__area {
9025      margin-top: 6px;
9026      white-space: normal;
9027    }
9028
9029    .yr-store-card__actions {
9030      gap: 10px;
9031    }
9032  }
9033
9034
9035  /* Button hard reset against Shopify theme button/link styles */
9036  .yr-store-locator .yr-store-actions-fixed {
9037    display: grid !important;
9038    grid-template-columns: 1fr 1fr !important;
9039    gap: 12px !important;
9040    width: 100% !important;
9041    margin-top: 14px !important;
9042    direction: rtl !important;
9043  }
9044
9045  .yr-store-locator a.yr-store-action-fixed,
9046  .yr-store-locator a.yr-store-action-fixed:link,
9047  .yr-store-locator a.yr-store-action-fixed:visited,
9048  .yr-store-locator a.yr-store-action-fixed:hover,
9049  .yr-store-locator a.yr-store-action-fixed:focus,
9050  .yr-store-locator a.yr-store-action-fixed:active {
9051    all: unset !important;
9052    -webkit-appearance: none !important;
9053    appearance: none !important;
9054    box-sizing: border-box !important;
9055    width: 100% !important;
9056    min-width: 0 !important;
9057    min-height: 52px !important;
9058    padding: 0 16px !important;
9059    border: 1.5px solid #176b3a !important;
9060    border-radius: 14px !important;
9061    background: #ffffff !important;
9062    background-color: #ffffff !important;
9063    background-image: none !important;
9064    color: #176b3a !important;
9065    font-family: inherit !important;
9066    font-size: 16px !important;
9067    font-weight: 700 !important;
9068    line-height: 1 !important;
9069    letter-spacing: 0 !important;
9070    text-decoration: none !important;
9071    text-indent: 0 !important;
9072    text-transform: none !important;
9073    display: flex !important;
9074    align-items: center !important;
9075    justify-content: center !important;
9076    gap: 9px !important;
9077    cursor: pointer !important;
9078    overflow: hidden !important;
9079    position: relative !important;
9080    z-index: 1 !important;
9081  }
9082
9083  .yr-store-locator a.yr-store-action-fixed--call,
9084  .yr-store-locator a.yr-store-action-fixed--call:link,
9085  .yr-store-locator a.yr-store-action-fixed--call:visited,
9086  .yr-store-locator a.yr-store-action-fixed--call:hover,
9087  .yr-store-locator a.yr-store-action-fixed--call:focus,
9088  .yr-store-locator a.yr-store-action-fixed--call:active {
9089    background: #176b3a !important;
9090    background-color: #176b3a !important;
9091    background-image: none !important;
9092    color: #ffffff !important;
9093    border-color: #176b3a !important;
9094  }
9095
9096  .yr-store-locator a.yr-store-action-fixed::before,
9097  .yr-store-locator a.yr-store-action-fixed::after {
9098    content: none !important;
9099    display: none !important;
9100  }
9101
9102  .yr-store-locator .yr-store-action-fixed__icon,
9103  .yr-store-locator .yr-store-action-fixed__label {
9104    all: unset !important;
9105    display: inline-flex !important;
9106    align-items: center !important;
9107    justify-content: center !important;
9108    color: inherit !important;
9109    font: inherit !important;
9110    line-height: 1 !important;
9111    text-decoration: none !important;
9112    transform: none !important;
9113    opacity: 1 !important;
9114    visibility: visible !important;
9115  }
9116
9117  .yr-store-locator .yr-store-action-fixed__icon svg {
9118    width: 18px !important;
9119    height: 18px !important;
9120    display: block !important;
9121    stroke: currentColor !important;
9122    fill: none !important;
9123  }
9124
9125  @media (max-width: 480px) {
9126    .yr-store-locator .yr-store-actions-fixed { gap: 10px !important; }
9127    .yr-store-locator a.yr-store-action-fixed { min-height: 50px !important; font-size: 15px !important; border-radius: 13px !important; }
9128  }
9129
9130
9131
9132  /* v17: desktop one-card layout + aligned filters + real city dropdown, all cities, no blank mobile line */
9133  @media (min-width: 990px) {
9134    .yr-store-locator {
9135      max-width: 1120px !important;
9136      width: 100% !important;
9137      margin-inline: auto !important;
9138      padding-inline: 24px !important;
9139      overflow-x: hidden !important;
9140    }
9141
9142    .yr-store-locator__filters {
9143      max-width: 980px !important;
9144      width: 100% !important;
9145      display: grid !important;
9146      grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
9147      gap: 18px !important;
9148      align-items: center !important;
9149      margin-inline: auto !important;
9150      direction: rtl !important;
9151    }
9152
9153    .yr-store-locator__filters input {
9154      grid-column: 1 !important;
9155    }
9156
9157    .yr-store-locator__filters select {
9158      grid-column: 2 !important;
9159    }
9160
9161    .yr-store-locator__filters input,
9162    .yr-store-locator__filters select {
9163      height: 56px !important;
9164      min-height: 56px !important;
9165      line-height: normal !important;
9166      box-sizing: border-box !important;
9167      margin: 0 !important;
9168      align-self: stretch !important;
9169    }
9170
9171    .yr-store-locator__grid {
9172      max-width: 980px !important;
9173      width: 100% !important;
9174      display: grid !important;
9175      grid-template-columns: 1fr !important;
9176      gap: 20px !important;
9177      margin-inline: auto !important;
9178      overflow: visible !important;
9179    }
9180
9181    .yr-store-card {
9182      width: 100% !important;
9183      max-width: none !important;
9184    }
9185  }
9186
9187</style>
9188
9189<script>
9190(() => {
9191  const stores = [
9192  {
9193    "name": "איב רושה קריון (חנות פתוחה)",
9194    "city": "קרית ביאליק",
9195    "address": "קומת כניסה, דרך עכו 192",
9196    "area": "אזור הצפון",
9197    "phone": "054-6789059",
9198    "email": "[email protected]",
9199    "hours": {
9200      "0": "10:00-22:00",
9201      "1": "10:00-22:00",
9202      "2": "10:00-22:00",
9203      "3": "10:00-22:00",
9204      "4": "10:00-22:00",
9205      "5": "בקיץ 09:00-15:00 | בחורף 09:00-14:30",
9206      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9207    }
9208  },
9209  {
9210    "name": "איב רושה עזריאלי חיפה (חנות פתוחה)",
9211    "city": "חיפה",
9212    "address": "קומת כניסה, פלימן משה 4",
9213    "area": "אזור הצפון",
9214    "phone": "054-6789059",
9215    "email": "[email protected]",
9216    "hours": {
9217      "0": "09:30-21:30",
9218      "1": "09:30-21:30",
9219      "2": "09:30-21:30",
9220      "3": "09:30-21:30",
9221      "4": "09:30-21:30",
9222      "5": "08:30-15:00",
9223      "6": "סגור"
9224    }
9225  },
9226  {
9227    "name": "איב רושה מתחם חוצות המפרץ",
9228    "city": "חיפה",
9229    "address": "קומת כניסה, החרושת 9",
9230    "area": "אזור הצפון",
9231    "phone": "054-6789059",
9232    "email": "[email protected]",
9233    "hours": {
9234      "0": "09:30-21:30",
9235      "1": "09:30-21:30",
9236      "2": "09:30-21:30",
9237      "3": "09:30-21:30",
9238      "4": "09:30-21:30",
9239      "5": "09:00-15:00",
9240      "6": "11:00-22:30"
9241    }
9242  },
9243  {
9244    "name": "איב רושה גרנד חיפה (חנות פתוחה)",
9245    "city": "חיפה",
9246    "address": "קומה 1, דרך שמחה גולן 54",
9247    "area": "אזור הצפון",
9248    "phone": "054-6789059",
9249    "email": "[email protected]",
9250    "hours": {
9251      "0": "09:30-21:30",
9252      "1": "09:30-21:30",
9253      "2": "09:30-21:30",
9254      "3": "09:30-21:30",
9255      "4": "09:30-21:30",
9256      "5": "09:00-15:00",
9257      "6": "חצי שעה לאחר צאת שבת עד 23:00"
9258    }
9259  },
9260  {
9261    "name": "איב רושה עיר ימים",
9262    "city": "נתניה",
9263    "address": "קומת כניסה, זלמן שזר 12",
9264    "area": "אזור הצפון",
9265    "phone": "054-6789059",
9266    "email": "[email protected]",
9267    "hours": {
9268      "0": "09:30-21:30",
9269      "1": "09:30-21:30",
9270      "2": "09:30-21:30",
9271      "3": "09:30-21:30",
9272      "4": "09:30-21:30",
9273      "5": "09:00-15:00",
9274      "6": "חצי שעה לאחר צאת שבת עד 23:00"
9275    }
9276  },
9277  {
9278    "name": "איב רושה חדרה",
9279    "city": "חדרה",
9280    "address": "קומת כניסה, שכטמן 10",
9281    "area": "אזור הצפון",
9282    "phone": "054-6789059",
9283    "email": "[email protected]",
9284    "hours": {
9285      "0": "09:30-22:00",
9286      "1": "09:30-22:00",
9287      "2": "09:30-22:00",
9288      "3": "09:30-22:00",
9289      "4": "09:30-22:00",
9290      "5": "09:00-14:30",
9291      "6": "חצי שעה מצאת השבת עד 23:00"
9292    }
9293  },
9294  {
9295    "name": "איב רושה סטריט מול רמת ישי",
9296    "city": "רמת ישי",
9297    "address": "קומת קרקע, אקליפטוס 3",
9298    "area": "אזור הצפון",
9299    "phone": "054-6789059",
9300    "email": "[email protected]",
9301    "hours": {
9302      "0": "09:30-20:30",
9303      "1": "09:30-20:30",
9304      "2": "09:30-20:30",
9305      "3": "09:30-20:30",
9306      "4": "09:30-20:30",
9307      "5": "09:00-14:30",
9308      "6": "18:00-22:00"
9309    }
9310  },
9311  {
9312    "name": "איב רושה דיזנגוף סנטר ת\"א (חנות פתוחה)",
9313    "city": "תל אביב",
9314    "address": "דיזנגוף 50,בניין A, קומה 2",
9315    "area": "אזור המרכז",
9316    "phone": "054-6789059",
9317    "email": "[email protected]",
9318    "hours": {
9319      "0": "10:00-21:00",
9320      "1": "10:00-21:00",
9321      "2": "10:00-21:00",
9322      "3": "10:00-21:00",
9323      "4": "10:00-21:00",
9324      "5": "09:00-15:00",
9325      "6": "סגור"
9326    }
9327  },
9328  {
9329    "name": "איב רושה עזריאלי תל אביב",
9330    "city": "תל אביב",
9331    "address": "קומה 1 (סמוך לשער הרכבת), דרך מנחם בגין 132",
9332    "area": "אזור המרכז",
9333    "phone": "054-6789059",
9334    "email": "[email protected]",
9335    "hours": {
9336      "0": "09:30-22:00",
9337      "1": "09:30-22:00",
9338      "2": "09:30-22:00",
9339      "3": "09:30-22:00",
9340      "4": "09:30-22:00",
9341      "5": "09:00-15:00",
9342      "6": "סגור"
9343    }
9344  },
9345  {
9346    "name": "איב רושה איילון (חנות פתוחה)",
9347    "city": "רמת גן",
9348    "address": "קומת כניסה, אבא הלל 301",
9349    "area": "אזור המרכז",
9350    "phone": "054-6789059",
9351    "email": "[email protected]",
9352    "hours": {
9353      "0": "09:30-22:00",
9354      "1": "09:30-22:00",
9355      "2": "09:30-22:00",
9356      "3": "09:30-22:00",
9357      "4": "09:30-22:00",
9358      "5": "09:30-15:00",
9359      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9360    }
9361  },
9362  {
9363    "name": "איב רושה עזריאלי גבעתיים (חנות פתוחה)",
9364    "city": "גבעתיים",
9365    "address": "דרך יצחק רבין 53",
9366    "area": "אזור המרכז",
9367    "phone": "054-6789059",
9368    "email": "[email protected]",
9369    "hours": {
9370      "0": "09:30-22:00",
9371      "1": "09:30-22:00",
9372      "2": "09:30-22:00",
9373      "3": "09:30-22:00",
9374      "4": "09:30-22:00",
9375      "5": "09:00-15:30",
9376      "6": "חצי שעה לאחר צאת שבת עד 23:00"
9377    }
9378  },
9379  {
9380    "name": "איב רושה רחובות",
9381    "city": "רחובות",
9382    "address": "קומה 1, ביל\"ו 2",
9383    "area": "אזור המרכז",
9384    "phone": "054-6789059",
9385    "email": "[email protected]",
9386    "hours": {
9387      "0": "09:30-22:00",
9388      "1": "09:30-22:00",
9389      "2": "09:30-22:00",
9390      "3": "09:30-22:00",
9391      "4": "09:30-22:00",
9392      "5": "09:00-15:00",
9393      "6": "חצי שעה לאחר צאת שבת עד 23:00"
9394    }
9395  },
9396  {
9397    "name": "איב רושה גולד הזהב ראשון לציון",
9398    "city": "ראשון לציון",
9399    "address": "קומת כניסה, שער רומא, דוד סחרוב 21",
9400    "area": "אזור המרכז",
9401    "phone": "054-6789059",
9402    "email": "[email protected]",
9403    "hours": {
9404      "0": "09:30-22:00",
9405      "1": "09:30-22:00",
9406      "2": "09:30-22:00",
9407      "3": "09:30-22:00",
9408      "4": "09:30-22:00",
9409      "5": "09:30-16:00",
9410      "6": "חצי שעה מצאת השבת עד 23:00"
9411    }
9412  },
9413
9414  {
9415    "name": "איב רושה חולון (חנות פתוחה)",
9416    "city": "חולון",
9417    "address": "קומת כניסה, גולדה מאיר 7",
9418    "area": "אזור המרכז",
9419    "phone": "054-6789059",
9420    "email": "[email protected]",
9421    "hours": {
9422      "0": "09:30-21:30",
9423      "1": "09:30-21:30",
9424      "2": "09:30-21:30",
9425      "3": "09:30-21:30",
9426      "4": "09:30-21:30",
9427      "5": "09:00-15:00",
9428      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9429    }
9430  },
9431  {
9432    "name": "איב רושה כפר סבא (חנות פתוחה)",
9433    "city": "כפר סבא",
9434    "address": "קומת כניסה, ויצמן 207",
9435    "area": "אזור המרכז",
9436    "phone": "054-6789059",
9437    "email": "[email protected]",
9438    "hours": {
9439      "0": "09:30-21:30",
9440      "1": "09:30-21:30",
9441      "2": "09:30-21:30",
9442      "3": "09:30-21:30",
9443      "4": "09:30-21:30",
9444      "5": "09:00-15:00",
9445      "6": "11:00-22:30"
9446    }
9447  },
9448  {
9449    "name": "איב רושה רננים (חנות פתוחה)",
9450    "city": "רעננה",
9451    "address": "קומת כניסה, המלאכה 2, קרית אתגרים",
9452    "area": "אזור המרכז",
9453    "phone": "054-6789059",
9454    "email": "[email protected]",
9455    "hours": {
9456      "0": "10:00-22:00",
9457      "1": "10:00-22:00",
9458      "2": "10:00-22:00",
9459      "3": "10:00-22:00",
9460      "4": "10:00-22:00",
9461      "5": "09:00-15:00",
9462      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9463    }
9464  },
9465  {
9466    "name": "איב רושה מודיעין (חנות פתוחה)",
9467    "city": "מודיעין",
9468    "address": "קומת כניסה, לב העיר 2",
9469    "area": "אזור המרכז",
9470    "phone": "054-6789059",
9471    "email": "[email protected]",
9472    "hours": {
9473      "0": "09:30-22:00",
9474      "1": "09:30-22:00",
9475      "2": "09:30-22:00",
9476      "3": "09:30-22:00",
9477      "4": "09:30-22:00",
9478      "5": "09:00-14:30",
9479      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9480    }
9481  },
9482  {
9483    "name": "איב רושה מלחה",
9484    "city": "ירושלים",
9485    "address": "קומה 1, אגודת ביתר 1",
9486    "area": "אזור הדרום",
9487    "phone": "054-6789059",
9488    "email": "[email protected]",
9489    "hours": {
9490      "0": "09:30-22:00",
9491      "1": "09:30-22:00",
9492      "2": "09:30-22:00",
9493      "3": "09:30-22:00",
9494      "4": "09:30-22:00",
9495      "5": "09:30-15:30",
9496      "6": "חצי שעה לאחר צאת שבת עד 23:00"
9497    }
9498  },
9499  {
9500    "name": "איב רושה אשקלון (חנות פתוחה)",
9501    "city": "אשקלון",
9502    "address": "קומת כניסה, שדרות דוד בן גוריון 21",
9503    "area": "אזור הדרום",
9504    "phone": "054-6789059",
9505    "email": "[email protected]",
9506    "hours": {
9507      "0": "09:00-21:30",
9508      "1": "09:00-21:30",
9509      "2": "09:00-21:30",
9510      "3": "09:00-21:30",
9511      "4": "09:00-21:30",
9512      "5": "09:00-15:00",
9513      "6": "חצי שעה לאחר צאת שבת עד 22:30"
9514    }
9515  },
9516  {
9517    "name": "איב רושה באר שבע גרנד (חנות פתוחה)",
9518    "city": "באר שבע",
9519    "address": "קומת כניסה, שדרות טוביהו 125",
9520    "area": "אזור הדרום",
9521    "phone": "054-6789059",
9522    "email": "[email protected]",
9523    "hours": {
9524      "0": "09:30-22:00",
9525      "1": "09:30-22:00",
9526      "2": "09:30-22:00",
9527      "3": "09:30-22:00",
9528      "4": "09:30-22:00",
9529      "5": "09:00-15:30",
9530      "6": "חצי שעה לאחר צאת שבת עד 23:00 בקיץ, 22:30 בחורף"
9531    }
9532  }
9533];
9534
9535  const dayNames = {
9536    0: 'ראשון',
9537    1: 'שני',
9538    2: 'שלישי',
9539    3: 'רביעי',
9540    4: 'חמישי',
9541    5: 'שישי',
9542    6: 'שבת'
9543  };
9544
9545  const shortDayNames = {
9546    0: 'ראשון',
9547    1: 'שני',
9548    2: 'שלישי',
9549    3: 'רביעי',
9550    4: 'חמישי',
9551    5: 'שישי',
9552    6: 'שבת'
9553  };
9554
9555  const orderedDays = [0, 1, 2, 3, 4, 5, 6];
9556  const grid = document.getElementById('yrStoreGrid');
9557  const searchInput = document.getElementById('yrStoreSearch');
9558  const suggestionsList = document.getElementById('yrStoreSuggestions');
9559  const citySuggestions = [];
9560  const areaSelect = document.getElementById('yrStoreArea');
9561  const count = document.getElementById('yrStoreCount');
9562
9563  const phoneIcon = `
9564    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
9565      <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.77.62 2.61a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.47-1.19a2 2 0 0 1 2.11-.45c.84.29 1.71.5 2.61.62A2 2 0 0 1 22 16.92z"></path>
9566    </svg>`;
9567
9568  const navIcon = `
9569    <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="currentColor">
9570      <path d="M12.8 21.6c-.5 1.1-2.1.8-2.2-.4l-.7-7.1-7.1-.7c-1.2-.1-1.5-1.7-.4-2.2L20.3 2.8c1-.5 2 .5 1.5 1.5L12.8 21.6z"></path>
9571    </svg>`;
9572
9573  function normalize(value) {
9574    return String(value || '').toLowerCase().trim();
9575  }
9576
9577  function normalizeHours(value) {
9578    return String(value || '')
9579      .replace(/\s+/g, ' ')
9580      .replace(/\s*-\s*/g, '-')
9581      .trim();
9582  }
9583
9584  function prettyHours(value) {
9585    const clean = String(value || '')
9586      .replace(/\s*-\s*/g, ' - ')
9587      .replace(/\s+/g, ' ')
9588      .trim();
9589
9590    const seasonMatch = clean.match(
9591      /^בקיץ\s+(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})\s*\|\s*בחורף\s+(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})$/
9592    );
9593
9594    if (seasonMatch) {
9595      return `
9596        <span class="yr-season-hours">
9597          <span class="yr-season-item">
9598            <span>בקיץ</span>
9599            <span class="yr-time-range" dir="ltr">${seasonMatch[1]} - ${seasonMatch[2]}</span>
9600          </span>
9601          <span class="yr-season-separator">|</span>
9602          <span class="yr-season-item">
9603            <span>בחורף</span>
9604            <span class="yr-time-range" dir="ltr">${seasonMatch[3]} - ${seasonMatch[4]}</span>
9605          </span>
9606        </span>
9607      `.replace(/\s+/g, ' ').trim();
9608    }
9609
9610    return clean.replace(
9611      /(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/g,
9612      '<span class="yr-time-range" dir="ltr">$1 - $2</span>'
9613    );
9614  }
9615
9616  function parseTimeToMinutes(time) {
9617    const match = String(time || '').match(/(\d{1,2}):(\d{2})/);
9618    if (!match) return null;
9619    return Number(match[1]) * 60 + Number(match[2]);
9620  }
9621
9622  function getStoreStatus(store) {
9623    const now = new Date();
9624    const day = now.getDay();
9625
9626    // בשבת לא מחשבים סטטוס, כי חלק מהסניפים תלויים בצאת השבת.
9627    if (day === 6) {
9628      return { text: 'שעות שבת משתנות', className: 'is-saturday' };
9629    }
9630
9631    const todayHours = store.hours[String(day)] || '';
9632    if (!todayHours || todayHours.includes('סגור')) {
9633      return { text: 'סגור כעת', className: 'is-closed' };
9634    }
9635
9636    const times = todayHours.match(/(\d{1,2}:\d{2})/g);
9637    if (!times || times.length < 2) {
9638      return { text: 'סגור כעת', className: 'is-closed' };
9639    }
9640
9641    const openMinutes = parseTimeToMinutes(times[0]);
9642    const closeMinutes = parseTimeToMinutes(times[1]);
9643    const currentMinutes = now.getHours() * 60 + now.getMinutes();
9644
9645    const isOpen = openMinutes !== null && closeMinutes !== null && currentMinutes >= openMinutes && currentMinutes < closeMinutes;
9646    return isOpen
9647      ? { text: 'פתוח כעת', className: 'is-open' }
9648      : { text: 'סגור כעת', className: 'is-closed' };
9649  }
9650
9651  function formatDayRange(start, end) {
9652    if (start === end) return dayNames[start];
9653    return `${dayNames[start]}–${dayNames[end]}`;
9654  }
9655
9656  function buildGroupedHours(store) {
9657    const groups = [];
9658    let current = null;
9659
9660    orderedDays.forEach(day => {
9661      const rawHours = store.hours[String(day)] || '';
9662      const key = normalizeHours(rawHours);
9663
9664      if (current && current.key === key) {
9665        current.end = day;
9666      } else {
9667        current = { start: day, end: day, key, hours: rawHours };
9668        groups.push(current);
9669      }
9670    });
9671
9672    return groups.map(group => {
9673      const isText = !/\d{1,2}:\d{2}\s*-\s*\d{1,2}:\d{2}/.test(group.hours);
9674      return `
9675        <div class="yr-store-card__hours-row">
9676          <span class="yr-store-card__hours-day">${formatDayRange(group.start, group.end)}</span>
9677          <span class="yr-store-card__hours-time ${isText ? 'is-text' : ''}">${prettyHours(group.hours)}</span>
9678        </div>
9679      `;
9680    }).join('');
9681  }
9682
9683  function buildMapLink(store) {
9684    const query = encodeURIComponent(`${store.name} ${store.city} ${store.address}`);
9685    return `https://www.google.com/maps/search/?api=1&query=${query}`;
9686  }
9687
9688  function escapeHtml(value) {
9689    return String(value || '')
9690      .replace(/&/g, '&amp;')
9691      .replace(/</g, '&lt;')
9692      .replace(/>/g, '&gt;')
9693      .replace(/"/g, '&quot;')
9694      .replace(/'/g, '&#039;');
9695  }
9696
9697  function populateSearchSuggestions() {
9698    const values = new Set();
9699    stores.forEach(store => {
9700      if (store.city) values.add(store.city);
9701    });
9702
9703    citySuggestions.splice(0, citySuggestions.length, ...Array.from(values).sort((a, b) => String(a).localeCompare(String(b), 'he')));
9704  }
9705
9706  function closeSuggestions() {
9707    if (!suggestionsList) return;
9708    suggestionsList.classList.remove('is-open');
9709    suggestionsList.hidden = true;
9710    suggestionsList.innerHTML = '';
9711  }
9712
9713  function openSuggestions() {
9714    if (!suggestionsList) return;
9715
9716    const search = normalize(searchInput.value);
9717    const matches = citySuggestions
9718      .filter(city => !search || normalize(city).includes(search));
9719
9720    if (!matches.length) {
9721      closeSuggestions();
9722      return;
9723    }
9724
9725    suggestionsList.innerHTML = matches
9726      .map(city => `<button type="button" class="yr-store-suggestion-item" role="option" data-city="${escapeHtml(city)}">${escapeHtml(city)}</button>`)
9727      .join('');
9728
9729    suggestionsList.hidden = false;
9730    suggestionsList.classList.add('is-open');
9731  }
9732
9733  function render() {
9734    const search = normalize(searchInput.value);
9735    const area = areaSelect.value;
9736
9737    const filteredStores = stores.filter(store => {
9738      const haystack = normalize(`${store.name} ${store.city} ${store.address} ${store.area}`);
9739      const matchesSearch = !search || haystack.includes(search);
9740      const matchesArea = !area || store.area === area;
9741      return matchesSearch && matchesArea;
9742    });
9743
9744    count.textContent = `נמצאו ${filteredStores.length} סניפים`;
9745
9746    if (!filteredStores.length) {
9747      grid.innerHTML = '<div class="yr-store-empty">לא נמצאו סניפים התואמים לחיפוש.</div>';
9748      return;
9749    }
9750
9751    grid.innerHTML = filteredStores.map(store => {
9752      const status = getStoreStatus(store);
9753      const phoneLink = String(store.phone || '').replace(/[^0-9+]/g, '');
9754      const mapLink = buildMapLink(store);
9755
9756      return `
9757        <article class="yr-store-card">
9758          <div class="yr-store-card__top">
9759            <div>
9760              <h2>${store.name}</h2>
9761              <div class="yr-store-card__area">${store.area}</div>
9762            </div>
9763            <span class="yr-store-card__status ${status.className}">${status.text}</span>
9764          </div>
9765
9766          <div class="yr-store-card__details">
9767            <div><strong>עיר:</strong> ${store.city}</div>
9768            <div><strong>כתובת:</strong> ${store.address}</div>
9769            <div><strong>טלפון:</strong> <a href="tel:${phoneLink}">${store.phone}</a></div>
9770          </div>
9771
9772          <details class="yr-store-card__hours">
9773            <summary>
9774              <span>שעות פעילות</span>
9775              <span class="yr-store-card__hours-arrow"></span>
9776            </summary>
9777            <div class="yr-store-card__hours-list">
9778              ${buildGroupedHours(store)}
9779            </div>
9780          </details>
9781
9782          <div class="yr-store-actions-fixed">
9783            <a class="yr-store-action-fixed yr-store-action-fixed--call" href="tel:${phoneLink}" aria-label="חיוג לסניף ${store.name}"><span class="yr-store-action-fixed__icon">${phoneIcon}</span><span class="yr-store-action-fixed__label">חיוג</span></a>
9784            <a class="yr-store-action-fixed" href="${mapLink}" target="_blank" rel="noopener" aria-label="ניווט לסניף ${store.name}"><span class="yr-store-action-fixed__icon">${navIcon}</span><span class="yr-store-action-fixed__label">ניווט</span></a>
9785          </div>
9786        </article>
9787      `;
9788    }).join('');
9789  }
9790
9791  populateSearchSuggestions();
9792
9793  searchInput.addEventListener('input', () => {
9794    render();
9795    openSuggestions();
9796  });
9797
9798  searchInput.addEventListener('focus', openSuggestions);
9799
9800  searchInput.addEventListener('keydown', event => {
9801    if (event.key === 'Escape') closeSuggestions();
9802  });
9803
9804  suggestionsList.addEventListener('mousedown', event => {
9805    const item = event.target.closest('[data-city]');
9806    if (!item) return;
9807    event.preventDefault();
9808    searchInput.value = item.dataset.city;
9809    closeSuggestions();
9810    render();
9811  });
9812
9813  document.addEventListener('click', event => {
9814    if (!event.target.closest('.yr-store-search-wrap')) closeSuggestions();
9815  });
9816
9817  areaSelect.addEventListener('change', render);
9818  render();
9819})();
9820</script>
9820</div></div>
9821  </div>
9822</div>
9823</section><section id="shopify-section-template--22025249947903__club_join_aBdTJc" class="shopify-section shopify-section--club-join"><wd-club-join
9824  is-logged-in="false"
9825  background-image="//yvesrocher.co.il/cdn/shop/t/3/assets/club-join-guest-bg.jpg?v=140323039408020048391783886365"
9826  heading="עוד לא חברת מועדון?"
9827  description="&quot;&quot;"
9828  description-highlight="10% הנחה"
9829  description-line-1="נוספים מחכים לך"
9830  description-line-2="כבר לקנייה הראשונה כחברת מועדון, וזו רק ההתחלה!"
9831  login-button-text="כניסה לחשבון"
9832  register-button-text="הצטרפות למועדון"
9833  club-link-text="מעבר למועדון שלי ←"
9834  club-link-url=""
9835></wd-club-join>
9836
9837
9838</section>
9839<!-- BEGIN sections: footer-group -->
9840<footer id="shopify-section-sections--22025249456383__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style>
9841  #shopify-section-sections--22025249456383__footer {
9842    --footer-content-justify-items: space-between;
9843  }
9844
9845   #shopify-section-sections--22025249456383__footer .h6 { 
9846      color: #fff !important;
9847  }
9848
9849    #shopify-section-sections--22025249456383__footer .footer-text-below-image { 
9850        color: rgba(255, 255, 255, 0.38);
9851        font-family: Montserrat;
9852        font-size: 12px;
9853        font-style: normal;
9854        font-weight: 400;
9855        line-height: 21.6px;
9856        padding-top: 19px;
9857     }
9858
9859  #shopify-section-sections--22025249456383__footer   .fotter-trust-pilot {
9860    border-radius: 8px;
9861    background: rgba(255, 255, 255, 0.10);
9862    display: flex;
9863    align-items: center;
9864    gap: 9px;
9865    padding: 4px 8px;
9866    margin-top: 15px;
9867    width: max-content;
9868}
9869
9870  #shopify-section-sections--22025249456383__footer .fotter-trust-pilot span {
9871    color: var(--light-cold-gray, #FAFAFA);
9872    font-family: Montserrat;
9873    font-size: 12px;
9874    font-style: normal;
9875    font-weight: 400;
9876    line-height: 26px;
9877    display:flex;
9878    gap:5px
9879  }
9880</style><div class="footer color-scheme color-scheme--scheme-4 color-scheme--bg-bf74fb6501222fb269abc09cce903774 ">
9881  <div class="container">
9882    <div class="footer__inner"><div class="footer__block-list"><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">איב רושה</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
9883                            <a href="/pages/about" class="link-faded">אודות</a>
9884                          </li><li>
9885                            <a href="/policies/terms-of-service" class="link-faded">תקנון שימוש באתר</a>
9886                          </li><li>
9887                            <a href="/policies/privacy-policy" class="link-faded">מדיניות פרטיות</a>
9888                          </li><li>
9889                            <a href="/pages/sale_terms" class="link-faded">תקנון מבצעים</a>
9890                          </li><li>
9891                            <a href="https://cdn.shopify.com/s/files/1/0815/1085/9007/files/2026.pdf?v=1789025966https://cdn.shopify.com/s/files/1/0815/1085/9007/files/2026.pdf?v=1789025966" class="link-faded">תקנון כרטיס LOVE CARD פרטי</a>
9892                          </li><li>
9893                            <a href="https://cdn.shopify.com/s/files/1/0815/1085/9007/files/Love_Gift_Card_Terms_Conditions_Institutional_August_2026.pdf?v=1786530925" class="link-faded">תקנון כרטיס LOVE CARD מוסדי</a>
9894                          </li></ul>
9895                    </div></div><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">שירות לקוחות</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
9896                            <a href="/pages/contact" class="link-faded">צרו קשר</a>
9897                          </li><li>
9898                            <a href="/policies/shipping-policy" class="link-faded">מדיניות משלוחים</a>
9899                          </li><li>
9900                            <a href="/policies/refund-policy" class="link-faded">החלפות והחזרות</a>
9901                          </li><li>
9902                            <a href="/pages/cancelation" class="link-faded">ביטול עסקה</a>
9903                          </li></ul>
9904                    </div></div><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">מועדון</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
9905                            <a href="/pages/club-membership" class="link-faded">עמוד מועדון</a>
9906                          </li><li>
9907                            <a href="/pages/membership-terms-and-conditions" class="link-faded">תקנון מועדון לקוחות</a>
9908                          </li></ul>
9909                    </div></div><div class="footer__block footer__block--links" ><div class="v-stack gap-4 sm:gap-5"><p class="h6">סניפים ונגישות</p><ul class="v-stack gap-2.5 unstyled-list" role="list"><li>
9910                            <a href="/pages/stores" class="link-faded">סניפים</a>
9911                          </li><li>
9912                            <a href="/pages/%D7%A0%D7%92%D7%99%D7%A9%D7%95%D7%AA-%D7%A1%D7%A0%D7%99%D7%A4%D7%99-%D7%90%D7%99%D7%91-%D7%A8%D7%95%D7%A9%D7%94" class="link-faded">נגישות סניפי איב רושה</a>
9913                          </li><li>
9914                            <a href="/pages/accessibility" class="link-faded">הסדרי נגישות</a>
9915                          </li></ul>
9916                    </div></div></div><ul class="social-media social-media--list unstyled-list" role="list"><li class="social-media__item branding-colors--facebook">
9917      <a href="https://www.facebook.com/yvesrocherIL" class="tap-area" target="_blank" rel="noopener" aria-label="מעקב ב-Facebook"><svg aria-hidden="true" focusable="false" width="24" class="icon icon-facebook" viewB
9917ox="0 0 24 24">
9918      <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
9919    </svg></a>
9920    </li><li class="social-media__item branding-colors--instagram">
9921      <a href="https://www.instagram.com/yvesrocher_il" class="tap-area" target="_blank" rel="noopener" aria-label="מעקב ב-Instagram"><svg aria-hidden="true" focusable="false" width="24" class="icon icon-instagram" viewBox="0 0 24 24">
9922      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
9923    </svg></a>
9924    </li><li class="social-media__item branding-colors--tiktok">
9925      <a href="https://www.tiktok.com/@yvesrocher_il" class="tap-area" target="_blank" rel="noopener" aria-label="מעקב ב-TikTok"><svg aria-hidden="true" focusable="false" width="24" class="icon icon-tiktok" viewBox="0 0 24 24">
9926      <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
9927    </svg></a>
9928    </li></ul><div class="footer__aside"><p class="heading text-subdued text-xxs">© 2026 - Yves Rocher Israel מופעל על ידי Shopify</p><div class="footer__wedev-credit">
9929          <a class="footer__wedev-credit-link" href="https://wedev.co.il" target="_blank" rel="noopener">פיתוח חנויות שופיפיי</a>
9930          <img
9931            src="//yvesrocher.co.il/cdn/shop/t/3/assets/wedev_logo_medium.png?v=58248359122885067631783886364"
9932            alt="WeDev Logo"
9933            width="80"
9934            height="auto"
9935            loading="lazy"
9936          >
9937        </div>
9938      </div>
9939
9940    </div>
9941  </div>
9942</div>
9943
9944
9945<style>
9946  .footer__block.footer__block--newsletter label {
9947    color: #000
9948  }
9949</style>
9950
9951
9952<style> #shopify-section-sections--22025249456383__footer button {border-radius: 30px;} #shopify-section-sections--22025249456383__footer .h6 {color: #272e0f; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; /* 22.5px */ letter-spacing: 0.15px; text-transform: capitalize;} #shopify-section-sections--22025249456383__footer .footer__aside p.heading.text-subdued.text-xxs {display: none;} </style></footer>
9953<!-- END sections: footer-group --></main>
9954
9955    
9956    <div class="product-info-popup" id="product-info-popup"></div>
9957
9958       
9958<script>
9959  (function() {
9960    if (window.location.pathname === '/order') {
9961      
vendor: 145 bytes, lines 9961-9964
9961window.dataLayer = window.dataLayer || [];
9962      function gtag(){dataLayer.push(arguments);}
9963      gtag('js', new Date());
9964      gtag('config', '
9964G-ZK2P6EQ667
vendor: 18 bytes, lines 9964-9967
9964'); 
9965
9966     
9967      
9967gtag('event', 'redirect', {
9968        'event_category': 'URL Redirect',
9969        'event_label': 'Order Page'
9970      });
9971
9972     
9973      setTimeout(function() {
9974        window.location.href = "http://usaorder.yves-rocher.com/";
9975      }, 2000); 
9976    }
9977  })();
9978
9979 
9980</script>
vendor: 1 bytes, line 9980
9980
9981<script src="//yvesrocher.co.il/cdn/shop/t/3/assets/wd-custom-components.js?v=176076599159710740831786532898" defer></script>
vendor: 1 bytes, line 9981
9981
9982<script>
9983var widgetOptions = {
9984     apiKey: "f3831ca2-3c4c-432e-a947-8a47e9d316e0",
9985     snippetId: "9bf64dad42a8765293a6"
9986};
9987window.openGlassixChat = function(event) {
9988  if (event) {
9989    event.preventDefault();
9990    event.stopPropagation();
9991  }
9992
9993  document.querySelector('#sidebar-menu button[is="dialog-close-button"]')?.click();
9994
9995  const open = () => {
9996    if (window.widgetClient?.setWidgetVisiblity) {
9997      window.widgetClient.setWidgetVisiblity(true);
9998      return true;
9999    }
10000
10001    const launcher = document.getElementById('glassix-widget-launcher');
10002    if (launcher) {
10003      launcher.click();
10004      return true;
10005    }
10006
10007    return false;
10008  };
10009
10010  if (open()) return;
10011
10012  let attempts = 0;
10013  const timer = window.setInterval(() => {
10014    attempts += 1;
10015    if (open() || attempts >= 40) {
10016      window.clearInterval(timer);
10017    }
10018  }, 100);
10019};
10020(function(n){var u=function(){GlassixWidgetClient&&typeof GlassixWidgetClient=="function"?(window.widgetClient=new GlassixWidgetClient(n),widgetClient.attach(),window.glassixWidgetScriptLoaded&&window.glassixWidgetScriptLoaded()):f()},f=function(){r.onload=u;r.src="https://cdn.glassix.net/clients/widget.1.2.min.js";i.parentNode.removeChild(t);i.parentNode.insertBefore(r,i)},i=document.getElementsByTagName("script")[0],t=document.createElement("script"),r;(t.async=!0,t.type="text/javascript",t.crossorigin="anonymous",t.id="glassix-widget-script",r=t.cloneNode(),t.onload=u,t.src="https://cdn.glassix.com/clients/widget.1.2.min.js",!document.getElementById(t.id)&&document.body)&&(i.parentNode.insertBefore(t,i),t.onerror=f)})(widgetOptions)
10021</script>
10021
10022<!-- Accessibility Code for "yves-rocher-israel.myshopify.com" -->
10023<script>
10024/*
10025Want to customize your button? visit our documentation page:
10026https://login.equalweb.com/custom-button
10027*/
10028window.interdeal = {
10029    get sitekey (){ return "702a78f1d43617bfdb080157d6061c81"} ,
10030    get domains(){
10031        return {
10032            "js": "https://cdn.nagich.co.il/",
10033            "acc": "https://access.nagich.co.il/"
10034        }
10035    },
10036    "Position": "left",
10037    "Menulang": "HE",
10038    "draggable": true,
10039    "btnStyle": {
10040        "vPosition": [
10041            "50%",
10042            "80%"
10043        ],
10044        "margin": [
10045            "0",
10046            "0"
10047        ],
10048        "scale": [
10049            "0.5",
10050            "0.5"
10051        ],
10052        "color": {
10053            "main": "#245732",
10054            "second": "#ffffff"
10055        },
10056        "icon": {
10057            "outline": true,
10058            "outlineColor": "#ffffff",
10059            "type":  11 ,
10060            "shape": "circle"
10061        }
10062    },
10063                                  
10064};
10065
10066(function(doc, head, body){
10067    var coreCall             = doc.createElement('script');
10068    coreCall.src             = interdeal.domains.js + 'core/5.2.8/accessibility.js';
10069    coreCall.defer           = true;
10070    coreCall.integrity       = 'sha512-ka0NgF7zDksnhoZ5ZCKlm+t0F7KTih5lCfXwuzQDnrwu/EdKZSsJotoJvQPd0cuVmV63s0q2cgoUjeki688PuQ==';
10071    coreCall.crossOrigin     = 'anonymous';
10072    coreCall.setAttribute('data-cfasync', true );
10073    body? body.appendChild(coreCall) : head.appendChild(coreCall);
10074})(document, document.head, document.body);
10075</script>
10075
10076
10077<!-- Castro-style Cookie popup: start -->
10078<style>
10079  /* Hide Shopify's native banner so only the replacement popup is displayed. */
10080  #shopify-pc__banner {
10081    display: none !important;
10082  }
10083
10084  #yr-castro-cookie-popup[hidden] {
10085    display: none !important;
10086  }
10087
10088  #yr-castro-cookie-popup,
10089  #yr-castro-cookie-popup * {
10090    box-sizing: border-box;
10091  }
10092
10093  #yr-castro-cookie-popup {
10094    position: fixed;
10095    inset: 0;
10096    z-index: 2147483000;
10097    min-width: 0;
10098    overflow-y: auto;
10099    overscroll-behavior: contain;
10100    direction: rtl;
10101    text-align: center;
10102    visibility: hidden;
10103    opacity: 0;
10104    pointer-events: none;
10105    background: rgba(0, 0, 0, 0.5);
10106    transition: opacity 200ms ease, visibility 200ms ease;
10107  }
10108
10109  #yr-castro-cookie-popup.yr-castro-cookie-popup--open {
10110    visibility: visible;
10111    opacity: 1;
10112    pointer-events: auto;
10113  }
10114
10115  #yr-castro-cookie-popup .yr-castro-cookie-popup__inner {
10116    position: absolute;
10117    right: 0;
10118    bottom: 0;
10119    left: 0;
10120    display: block;
10121    width: 100%;
10122    max-width: 100%;
10123    margin: 0;
10124    padding: 16px;
10125    color: #000;
10126    background: #fff;
10127    text-align: initial;
10128    vertical-align: middle;
10129    opacity: 0;
10130    transform: scale(0.25);
10131    transform-origin: center bottom;
10132    transition: transform 200ms ease, opacity 200ms ease;
10133  }
10134
10135  #yr-castro-cookie-popup.yr-castro-cookie-popup--open .yr-castro-cookie-popup__inner {
10136    opacity: 1;
10137    transform: scale(1);
10138    transition-delay: 200ms;
10139  }
10140
10141  #yr-castro-cookie-popup .yr-castro-cookie-popup__header {
10142    position: relative;
10143    min-height: 0;
10144    padding: 0;
10145    border: 0;
10146  }
10147
10148  #yr-castro-cookie-popup .yr-castro-cookie-popup__content {
10149    margin: 0;
10150    padding: 16px;
10151    color: #000;
10152    font-family: 'Heebo', Arial, sans-serif;
10153    font-size: 16px;
10154    font-style: normal;
10155    font-weight: 400;
10156    line-height: 1;
10157    text-align: center;
10158  }
10159
10160  #yr-castro-cookie-popup .yr-castro-cookie-popup__content p {
10161    margin: 0;
10162    padding: 0;
10163    border: 0;
10164    font: inherit;
10165    vertical-align: baseline;
10166  }
10167
10168  #yr-castro-cookie-popup .yr-castro-cookie-popup__content a {
10169    color: inherit;
10170    font-family: inherit;
10171    text-decoration: underline;
10172  }
10173
10174  #yr-castro-cookie-popup .yr-castro-cookie-popup__close {
10175    position: absolute;
10176    top: 0;
10177    right: 0;
10178    z-index: 2;
10179    display: inline-grid;
10180    place-items: center;
10181    width: 32px;
10182    height: 32px;
10183    min-width: 0;
10184    margin: 0;
10185    padding: 8px;
10186    border: 0 !important;
10187    border-radius: 50%;
10188    color: #000;
10189    background: #fff;
10190    appearance: none;
10191    cursor: pointer;
10192    transition: transform 200ms ease;
10193  }
10194
10195  #yr-castro-cookie-popup .yr-castro-cookie-popup__close::before,
10196  #yr-castro-cookie-popup .yr-castro-cookie-popup__close::after {
10197    content: '';
10198    position: absolute;
10199    width: 14px;
10200    height: 1px;
10201    background: currentColor;
10202  }
10203
10204  #yr-castro-cookie-popup .yr-castro-cookie-popup__close::before {
10205    transform: rotate(45deg);
10206  }
10207
10208  #yr-castro-cookie-popup .yr-castro-cookie-popup__close::after {
10209    transform: rotate(-45deg);
10210  }
10211
10212  #yr-castro-cookie-popup .yr-castro-cookie-popup__close:hover,
10213  #yr-castro-cookie-popup .yr-castro-cookie-popup__close:focus {
10214    transform: scale(1) !important;
10215  }
10216
10217  #yr-castro-cookie-popup .yr-castro-cookie-popup__close:focus-visible {
10218    outline: 2px solid #000;
10219    outline-offset: 2px;
10220  }
10221
10222  #yr-castro-cookie-popup .yr-castro-cookie-popup__close span {
10223    position: absolute;
10224    width: 1px;
10225    height: 1px;
10226    margin: -1px;
10227    padding: 0;
10228    overflow: hidden;
10229    clip: rect(0, 0, 0, 0);
10230    border: 0;
10231  }
10232
10233  html.yr-castro-cookie-popup-lock,
10234  html.yr-castro-cookie-popup-lock body {
10235    overflow: hidden !important;
10236  }
10237
10238  @media screen and (max-width: 767px) {
10239    #yr-castro-cookie-popup .yr-castro-cookie-popup__inner,
10240    #yr-castro-cookie-popup .yr-castro-cookie-popup__content {
10241      padding: 13px;
10242    }
10243
10244    #yr-castro-cookie-popup .yr-castro-cookie-popup__content {
10245      font-size: 13px;
10246    }
10247
10248    #yr-castro-cookie-popup .yr-castro-cookie-popup__close {
10249      width: 26px;
10250      height: 26px;
10251      padding: 6.5px;
10252    }
10253
10254    #yr-castro-cookie-popup .yr-castro-cookie-popup__close::before,
10255    #yr-castro-cookie-popup .yr-castro-cookie-popup__close::after {
10256      width: 12px;
10257    }
10258  }
10259
10260  @media (prefers-reduced-motion: reduce) {
10261    #yr-castro-cookie-popup,
10262    #yr-castro-cookie-popup .yr-castro-cookie-popup__inner {
10263      transition: none;
10264    }
10265  }
10266</style>
10267
10268<aside
10269  id="yr-castro-cookie-popup"
10270  role="dialog"
10271  aria-modal="true"
10272  aria-label="הודעת שימוש בקבצי Cookie"
10273  aria-describedby="yr-castro-cookie-popup-text"
10274  aria-hidden="true"
10275  tabindex="-1"
10276  hidden
10277>
10278  <div class="yr-castro-cookie-popup__inner" data-role="focusable-scope">
10279    <header class="yr-castro-cookie-popup__header">
10280      <button
10281        class="yr-castro-cookie-popup__close"
10282        type="button"
10283        aria-label="סגירת פופאפ"
10284        data-yr-cookie-close
10285      >
10286        <span>סגור</span>
10287      </button>
10288    </header>
10289
10290    <div class="yr-castro-cookie-popup__content">
10291      <div class="idus_popup" data-action="idus_popup_widget_cookie_popup">
10292        <p id="yr-castro-cookie-popup-text">
10293          גולש יקר, אנו משתמשים בקבצי Cookie&nbsp; המועברים - לשם ניתוח תעבורה, שיפור חוויית הגלישה והתאמת תוכן פרסומי - למדיות השונות, והכל בהתאם
10294          <a href="/policies/privacy-policy">למדיניות הפרטיות</a>
10295        </p>
10296      </div>
10297    </div>
10298  </div>
10299</aside>
10300
10301<script>
10302  (() => {
10303    'use strict';
10304
10305    const COOKIE_NAME = 'idus_popup_widget_cookie_popup';
10306    const OPEN_DELAY_MS = 3 * 1000;
10307    const AUTO_CLOSE_MS = 25 * 1000;
10308    const COOKIE_LIFETIME_MINUTES = 10080;
10309    const TRANSITION_MS = 200;
10310
10311    function initCastroCookiePopup() {
10312      const popup = document.getElementById('yr-castro-cookie-popup');
10313      const closeButton = popup?.querySelector('[data-yr-cookie-close]');
10314
10315      if (!popup || !closeButton || hasCookie(COOKIE_NAME)) return;
10316
10317      let openTimer = null;
10318      let autoCloseTimer = null;
10319      let previousFocus = null;
10320      let closing = false;
10321
10322      function hasCookie(name) {
10323        const encodedName = encodeURIComponent(name) + '=';
10324
10325        return document.cookie
10326          .split(';')
10327          .some((item) => item.trim().startsWith(encodedName));
10328      }
10329
10330      function rememberOpen() {
10331        const expiresAt = new Date(
10332          Date.now() + COOKIE_LIFETIME_MINUTES * 60 * 1000
10333        ).toUTCString();
10334
10335        document.cookie =
10336          encodeURIComponent(COOKIE_NAME) +
10337          '=true; expires=' +
10338          expiresAt +
10339          '; path=/';
10340      }
10341
10342      function getFocusableElements() {
10343        return Array.from(
10344          popup.querySelectorAll('button:not([disabled]), a[href]')
10345        ).filter((element) => element.getClientRects().length > 0);
10346      }
10347
10348      function openPopup() {
10349        if (hasCookie(COOKIE_NAME)) return;
10350
10351        rememberOpen();
10352        previousFocus = document.activeElement;
10353        popup.hidden = false;
10354        popup.setAttribute('aria-hidden', 'false');
10355        document.documentElement.classList.add('yr-castro-cookie-popup-lock');
10356
10357        window.requestAnimationFrame(() => {
10358          popup.classList.add('yr-castro-cookie-popup--open');
10359          closeButton.focus({ preventScroll: true });
10360        });
10361
10362        autoCloseTimer = window.setTimeout(closePopup, AUTO_CLOSE_MS);
10363      }
10364
10365      function closePopup() {
10366        if (popup.hidden || closing) return;
10367
10368        closing = true;
10369        window.clearTimeout(autoCloseTimer);
10370        popup.classList.remove('yr-castro-cookie-popup--open');
10371        popup.setAttribute('aria-hidden', 'true');
10372        document.documentElement.classList.remove('yr-castro-cookie-popup-lock');
10373
10374        window.setTimeout(() => {
10375          popup.hidden = true;
10376          closing = false;
10377
10378          if (previousFocus instanceof HTMLElement) {
10379            previousFocus.focus({ preventScroll: true });
10380          }
10381        }, TRANSITION_MS);
10382      }
10383
10384      function onKeydown(event) {
10385        if (popup.hidden) return;
10386
10387        if (event.key === 'Escape') {
10388          event.preventDefault();
10389          closePopup();
10390          return;
10391        }
10392
10393        if (event.key !== 'Tab') return;
10394
10395        const focusable = getFocusableElements();
10396        if (!focusable.length) return;
10397
10398        const first = focusable[0];
10399        const last = focusable[focusable.length - 1];
10400
10401        if (event.shiftKey && document.activeElement === first) {
10402          event.preventDefault();
10403          last.focus();
10404        } else if (!event.shiftKey && document.activeElement === last) {
10405          event.preventDefault();
10406          first.focus();
10407        }
10408      }
10409
10410      closeButton.addEventListener('click', closePopup);
10411      popup.addEventListener('keydown', onKeydown);
10412
10413      openTimer = window.setTimeout(openPopup, OPEN_DELAY_MS);
10414
10415      window.addEventListener('pagehide', () => {
10416        window.clearTimeout(openTimer);
10417        window.clearTimeout(autoCloseTimer);
10418      });
10419    }
10420
10421    if (document.readyState === 'loading') {
10422      document.addEventListener('DOMContentLoaded', initCastroCookiePopup, {
10423        once: true
10424      });
10425    } else {
10426      initCastroCookiePopup();
10427    }
10428  })();
10429</script>
10429
10430<!-- Castro-style Cookie popup: end -->
10431<style>  </style>
10432<div id="shopify-block-AT3dBN3dqVzlnRjh4V__11667699065952032749" class="shopify-block shopify-app-block"><pc-transactions
10433  customer-id=""
10434  
10435    hide-loader
10436  
10437></pc-transactions>
10438
10439
10440</div><div id="shopify-block-ASG0xQi9OTEU4VzRkO__7388651746350884491" class="shopify-block shopify-app-block">
10441</div>
10441<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10441
10442</body>
10443</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.