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&width=300" alt="×××× ××× ×¨×ש×" srcset="//yvesrocher.co.il/cdn/shop/files/Logo_300-57_1.webp?v=1781001190&width=300 300w, //yvesrocher.co.il/cdn/shop/files/Logo_300-57_1.webp?v=1781001190&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&locale=he&ui_hint=full&region_country=IL" 7113 7114 shop-logo-url="//yvesrocher.co.il/cdn/shop/files/Nouveau_LOGO_HORIZONTAL_sans_fond_2025.png?v=1781794988&width=240" 7115 shop-logo-alt="Yves Rocher Israel" 7116 7117 7118 settings="{"connectorApp":"Priority","defaultPhoneCountry":"972","hideCountryPicker":true,"enableGoogleLogin":false,"enableFacebookLogin":false,"otpLoginChannel":"phone","collectAdditionalFields":true,"enforceRequiredFields":false,"fields":[{"fieldName":"×©× ×¤×¨××","inputType":"text","required":true,"placeholder":"×××× × ×ת ש××","targetField":"given_name","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":false,"isBirthdate":false},{"fieldName":"×©× ×שפ××","inputType":"text","required":true,"placeholder":"×××× × ×©× ×שפ××","targetField":"family_name","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":false,"isBirthdate":false},{"fieldName":"××××××","inputType":"text","required":true,"placeholder":"[email protected]","targetField":"email","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":false,"isBirthdate":false},{"fieldName":"×ספר ××פ××","inputType":"text","required":true,"targetField":"phone_number","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":false,"isBirthdate":false},{"fieldName":"ת×ר×× ××××","inputType":"date","required":true,"targetField":"metafield","metafieldNamespace":"custom","metafieldKey":"birthdate","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":false,"isBirthdate":true},{"fieldName":"××ש×ר ×ª×§× ××","inputType":"checkbox","required":true,"labelText":"\u003cp\u003eקר××ª× ××× × ××שרת ×ת \u003ca href=\"https:\/\/yves-rocher-israel.myshopify.com\/pages\/membership-terms-and-conditions\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e×ª× ×× ××ª×§× ×× ××××× ××ת ×פר×××ת\u003c\/a\u003e\u003c\/p\u003e","targetField":"none","subscribeToSms":false,"subscribeToEmail":false,"subscribeToClub":true,"isBirthdate":false},{"fieldName":"××ש×ר ××××ר","inputType":"checkbox","required":false,"labelText":"\u003cp\u003e×× × ×ס×××× ××§×× ××××ר ש××××§× ××××× ××-SMS (×פשר ××ס×ר ××× ×¢×ª)\u003c\/p\u003e","targetField":"none","subscribeToSms":true,"subscribeToEmail":true,"subscribeToClub":false,"isBirthdate":false}],"uiLabels":{"direction":"rtl","title":"×ר××× ×××× ××××¢×××","phoneSubtitle":"×××× × ×ת ×ספר ×××פ×× ×©×× ×× ×©×× ×× ×§×× ××××ת.","phoneLabel":"×ספר ××פ××","phoneHint":"Choose your country, then enter your number without the country code.","phonePlaceholder":"050-1234567","emailSubtitle":"Enter your email to receive a verification code","emailLabel":"Email","emailPlaceholder":"[email protected]","sendCodeText":"ש×× ×§×× ××××ת","sendCodeFooterText":"×××××¦× ×¢× ×©×××ת ××§×× ××× × ×ס×××× ××§×× ×××עת SMS ×¢× ×§×× ××-פע××. ×××ר×ת ××××¢××× ××× ××ת.","otpTitle":"×××× × ×ת ××§×× ×©× ×©××","otpSubtitle":"ש××× × ×§×× ×× 6 ספר×ת ××","verifyText":"××××ת ×××ש×","resendPrompt":"×× ×§×××ת?","resendText":"ש××× ×× ×©××","backText":"×××ר","invalidPhoneMessage":"
7118××× ×¡ ×ספר ××פ×× ×ª×§××","incompleteCodeMessage":"×ש ××××× ×ת ×× ×ספר×ת ×©× ××§××","connectionErrorMessage":"ש×××ת ×ת××ר×ת. × ×¡× ×©× ×ת","tooManyPhonesFromNetworkMessage":"××תר ×××× × ×ס××× ×ת ×ת××ר×ת ××רשת ××× ×24 שע×ת ×××ר×× ×ת","waitBeforeAnotherCodeMessage":"×ש ××××ת ××¤× × ×קשת ×§×× ××ש","dailyVerificationLimitMessage":"××תר ×××× × ×ס××× ×ת ×ת××ר×ת ×¢××ר ××ספר ××× ×24 שע×ת ×××ר×× ×ת","maxDailyMessagesMessage":"××תר ×××× ×©××××ת ××ספר ××× ×24 שע×ת ×××ר×× ×ת","noActivePlanMessage":"××× ××× ×ת ××××× ×¨×©××× ×¤×¢××","unableToChargeSmsMessage":"×§×¨×ª× ×©×××× ×ש×××ת ×××××¢×","insufficientSmsBalanceMessage":"×§×¨×ª× ×©×××× ×ש×××ת ×××××¢×","failedToSendSmsMessage":"×§×¨×ª× ×©×××× ×ש×××ת ×××××¢×","failedToSendEmailMessage":"Failed to send email.","maxAttemptsReachedMessage":"×קס×××× × ×¡××× ×ת ×¢××¨× ×¢××ר ××§×× ×××. ×× × × ×¡× ×©××","waitBeforeRequestingCodeMessage":"×ש ××××ת ××¤× × ×©××קש×× ×§×× ××ש","noCodeFoundMessage":"×× × ××¦× ×§×× ×¢××ר ××ספר ×××","codeExpiredMessage":"××§×× ×¤× ×ª××§×£. ×× × × ×¡× ×©××","incorrectCodeMessage":"××§×× ×©×××","codeSentSuccessfullyMessage":"××§×× × ×©×× ××צ×××","additionalFieldsTitle":"×¢×× ×¤×¨× ××× ××ת ××רת ×××¢×××","additionalFieldsSubtitle":"×× ×ש××ת ××××. ×××פ×× ×©×× ××ר ×××ת.","continueText":"×רש×× ××××¢×××","additionalFieldsUpdateTitle":"××ר ×ש ×× ×××¢×××!","additionalFieldsUpdateSubtitle":"× ×©×ר רק ××¢××× ×ת ×פר×××","continueUpdateText":"×¢××× ×ת ×פר××× ×©××","verifiedFieldLabelSuffix":"(×××ת)","requiredFieldMessage":"×ש ×××× ×ת ×ש×× ×××","invalidEmailMessage":"×ש ××××× ××××× ×ª×§××","emailAlreadyExistsMessage":"This email address is already registered.","orDividerText":"××","continueWithGoogleText":"×××©× ×¢× ××××","continueWithFacebookText":"×××©× ×¢× ×¤××ס×××§"}}" 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&width=690" alt="" srcset="//yvesrocher.co.il/cdn/shop/files/LSB_24008_1.webp?v=1783591951&width=345 345w, //yvesrocher.co.il/cdn/shop/files/LSB_24008_1.webp?v=1783591951&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®ion_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, '&') 9691 .replace(/</g, '<') 9692 .replace(/>/g, '>') 9693 .replace(/"/g, '"') 9694 .replace(/'/g, '''); 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="""" 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 ××××¢×ר×× - ××©× × ×ת×× ×ª×¢××ר×, ש×פ×ר ×××××ת ×××××©× ××ת××ת ת××× ×¤×¨×¡××× - ×××××ת ×ש×× ×ת, ×××× ××ת×× 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.